Створення веб-сайту починається зі створення інформаційної моделі сайту. Будь-яку веб-сторінку можна оцінити за двома параметрами: зміст та зовнішній вигляд. Зовнішній вигляд кожного сайту є унікальним.
Структура веб-сайтів
· головна сторінка;
· шапка сайту, яка розташована у верхній частині головної сторінки;
· меню сайту – список гіперпосилань на його розділи. Меню є одним із найважливіших компонентів сайту;
· гіперпосилання для переходу на різні сторінки сайту або навіть на інші сайти.
Загалом виділяють три типи структур веб-сайтів – лінійну, деревоподібну та довільну.
Додаткові структури сайту:
· Стандартна
· Каскад
· Хмарочос
· Павутина
· Етапи створення сайту
2. Базові конструкції мови HTML.
Призначення мови й основні поняття.Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами. При одержанні Web-сторінки із сервера броузер аналізує її. Він знаходить у ній теги, що вказують, якого типу елемент треба відобразити, і виводить фрагмент Web-сторінки на екран.
Сукупність тегів і правил їх використання називається мовою HTML – мова розмітки гіпертексту.
Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом.
Ім’я такого файла звичайно має розширення .htm чи .html. HTML-документ, поміщений на Web-сервер є Web-сторінкою, яка переглядається за допомогою Web-броузера. Тому, навчившись створювати HTML-документи, ми зможемо робити власні Web-сторінки.
HTML-документ складається з фрагментів тексту у вигляді ASCII-коду й тегів. Теги записуються символами ASII, які беруться в кутові дужки (знаки “<” менше та “>” більше). Таким чином, HTML-документ є звичайним ASII-файлом, і створювати його можна за допомогою найпростішого текстового редактора.
Наприклад, при використанні редактора Блокнот треба ввести вміст HTML-документа, а при збереженні вибрати команду Файл-Сохранить. У вікні Сохранение, що відкрилося, встановити значення Все файлы в полі Тип файла, а в імені обов’язково вказати розширення .htm.
Завдяки цьому файл буде відображатися у вигляді значка броузера, який встановлено на даному комп’ютері. Подвійне клацання на значку відкриває HTML-документ у броузері для перегляду. Наприклад, до поля імені файла можна ввести його назву “Перша.htm”.
Щоб редагувати сворену веб-сторінку потрібно на документі натиснути правою кнопкою мишші та вибрати “Відкрити з допомогою Блокнот”.
3.Web-сторінка і web-сайт.
Веб-сторінка – інформаційний ресурс, доступний у мережі World Wide Web, який можна переглянути у веб-браузері. Зазвичай ця інформація записана у форматі HTML або XHTML і може містити гіпертекст із навігаційними гіперпосиланнями на інші веб-сторінки.
Веб-сайт, сайт – сукупність веб-сторінок, доступних в Інтернеті, які об’єднані як за змістом, так і навігаційно.
Фізично сайт може розміщуватися як на одному, так і на кількох серверах.
Типи сайтів:
· статичні веб-сайти;
· веб-спільноти;
· інтернет-магазини;
· портали;
· блоги.
Типи веб-сторінок:
· домашня (головна);
· веб-каталог;
· форум;
· чат;
· сторінка розділу веб-сайту.
Поняття тегу в HTML.
Теги. Структура HTML-документа. Вище було сказано, що тег – це вказівка браузера, як відображати фрагмент документа. Тег завжди починається символом “<” і закінчується символом “>”. Між цими символами вказується ім’я тега. В імені малі й великі літери не розрізняються.
Теги бувають двох видів – одинарні й парні. Одинарний тег ставиться перед фрагментом тексту, яким він керує. Наприклад, запис
<br> Зошит
означає, що слово „Зошит” відображається з нового рядка
Поняття «атрибути» в HTML
Слово «атрибут» походить від лат. attributio - приписування. В загальному вигляді атрибутом називається суттєва, невід'ємна властивість чогось або когось. Так, невід'ємними атрибутами держави є прапор, герб та гімн - це символи, що дають уявлення про сутність держави та цінності, яких воно дотримується.
У HTML атрибут є частиною тега, він має ім'я і може набувати одного з зафіксованих для нього значень.
Отже, тег має таку структуру:
<ім'я тега ім'я атрибута = "значення атрибута" ім'я атрибута = "значення атрибута" ...>
Такий тег називається таким, що відкривається.
Більшість тегів парна - для тега, що відкривається, у такому випадку є тег, що закривається. Його структура </ім'я тега>. Тег, що закривається, атрибутів не має.
Теги треба писати дуже обережно, оскільки якщо ви написали щось не те, то це просто не буде відображено.