Структура веб-сайтів, різновиди веб-сайтів.

1. Структура веб-сайтів.

Розрізняють зовнішню та внутрішню структуру веб-сайту.

На даній схемі показана зовнішня структура сайту. Основними елементами цієї структури є:

            - Шапка сайту, яка містить логотип і назву сайту. Шапка сайту може вирішувати декілька завдань. По-перше, це візитна картка інтернет-ресурсу. По-друге, шапка сайту дуже часто використовується для розміщення в ній основного меню.

- Меню – це засіб для переходу до основних розділів сайту. Наприклад, таких, як каталог файлів, форум, зворотній зв’язок та ін.

- Контент (англ. content – зміст) – змістове наповнення веб-сторінки, доступне користувачу: тексти, зображення, відео, звукові дані та інше.

Перед нами головна сторінка шкільного сайту, основним контентом якої є новини.

- Підвал сайту або футер, є менш функціональною частиною. В ньому містяться контактні дані та повідомлення про авторські права.

Окрім цього, на сайті можуть бути присутні посилання на інші сайти, різноманітні інформери (наприклад, погода в Бобринці, святковий календар) та інші елементи.

Внутрішня структура сайту, як правило, представлена картою сайту – діаграмою, що візуально відображає ієрархію сторінок сайта, схему зв’язків і переходів між ними.

Перейдіть на сторінку Карта сайту, щоб ознайомитися з внутрішньою структурою даного сайту.

Веб-сайт — це сукупність веб-сторінок, які об'єднані між собою за змістом та навігаційно. Всі сайти, до яких доступ вільний, утворюють Всесвітню павутину — найбільше сховище інформації.

Веб-сайтів є дуже багато, і класифікувати їх можна по-різному та за різними критеріями.

Класифікація веб-сайтів та їх особливості

Візуальна класифікація веб-сайтів. 

За цією класифікацією сайти поділяються на текстові, графічні та імітаційні.

Текстові сайти містять переважно текстову інформацію та від­носно мало зображень. Вони порівняно невеликі за роз­міром і мають простий дизайн. Дуже часто сайти інших типів крім стандартної мають ще й текстову версію — для тих відвідува­чів, які з різних причин не хочуть завантажувати повні варіанти веб-сторінок.

Графічні сайти окрім певних текстових матеріалів містять бага­то графіки: спливаючі меню, піктограми, анімаційні зображення тощо.

Імітаційні сайти запозичують ідею оформлення з реального світу. Так, наприклад, сайт про автомобілі може містити програму, що відображає всі деталі автомобіля на екрані та дає огляд позиції водія у процесі руху.

Такі сайти найчастіше отримують нагороди Webby Awards за свій нетрадиційний, інноваційний дизайн. Наприклад, сайт LeoBurnett.ca став переможцем 2005 року в категорії «Кращий візуальний дизайн».

           Отже, класифікація сайтів непроста і неоднозначна. Передусім можна по-різному визначати критерії, за якими класифікують сайти. Окрім того, іноді складно визначити, до якої категорії належить той чи інший сайт. Проте така класифікація допомагає зорієнтуватися у величезній кількості ресурсів Інтернету.

1 ЕТАП — ВИЗНАЧЕННЯ ЦІЛЕЙ СТВОРЕННЯ САЙТУ

Це найважливіший етап в створенні сайту, тому що не можна досягти мети, якщо її немає або якщо вона визначена неправильно. Від цілей буде залежати весь подальший процес створення вашого сайту, кожен його етап. Тому до постановки мети потрібно підходити з максимальною серйозністю. Правильно поставлена мета — це вже половина успіху.

2 ЕТАП — ПРОВЕДЕННЯ ДОСЛІДЖЕНЬ ПО ТЕМІ

Перш, ніж взятися до розробки, необхідно проаналізувати тему, вивчити сайти потенційних конкурентів. В подальшому це допоможе у створенні власної концепції.

3 ЕТАП — ВИЗНАЧЕННЯ ТИПУ САЙТУ, РОЗРОБКА ТЗ І СТРУКТУРИ

На цьому етапі розробник спільно із замовником становить ТЗ (технічне завдання) на створення сайту. ТЗ, як мінімум, повинно включати наступні пункти:

• Тип сайту (портал, промо, візитка, корпоративний, магазин і т. д.)

• Функціонал сайту (пошук, каталог, стрічка новин і т. д.)

• Стиль дизайну (строгий, веселий, похмурий і т. д.)

• Структура сайту (які сторінки мають бути на сайті)

• Структура сторінок (які блоки повинні бути на сторінках і в якому вигляді)

При складанні ТЗ обов'язково потрібно пам'ятати про мету створення сайту. Якщо яка-небудь функція сайту не сприяє досягненню поставлених цілей (або тим більше — заважає) — слід від неї відмовитися: на сайті вона буде зайвою. Наприклад, якщо мета сайту — продати якомога більше одиниць товару, то стрічка новин на сайті не потрібна.

4 ЕТАП — РОЗРОБКА МАКЕТУ ДИЗАЙНУ САЙТУ

Цей етап ділиться на декілька підетапів:

• Генерація ідей дизайну. Набір ідей надається замовнику у вигляді ескізів з текстовими поясненнями.

• Розробка попереднього макета дизайну головної сторінки.

• Виправлення зауважень замовника (якщо є), доопрацювання макету до завершеного вигляду.

• Розробка внутрішніх сторінок за аналогічним алгоритмом.

У макеті повинні бути промальовані всі блоки, які будуть на сайті. Якщо до моменту розробки дизайну текстові та графічні матеріали ще не готові, можна використовувати «рибу», але не можна залишати в режимі «порожні» місця.

Природно, кожен крок розробки макету дизайну повинен виконуватися згідно з ТЗ і цілями сайту.

5 ЕТАП — HTML-CSS ВЕРСТКА

Залежно від цілей і завдань сайту, верстка повинна задовольняти деяким вимогам. Зазвичай ці вимоги такі:

• Кросбраузерність — сторінки повинні однаково відображатися у різних браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari і т. д.).

• Гнучкість верстки — можливість легко додавати/видаляти інформацію на сторінки.

• Швидкість обробки коду браузером

• Валідність — відповідність стандартам

• Семантична коректність — логічне і правильне використання елементів HTML

6 ЕТАП — ПРОГРАМУВАННЯ І УСТАНОВКА CMS

Це чисто технічний етап, на якому реалізується весь функціонал сайту. Вимоги до цього етапу визначаються технічним завданням.

7 ЕТАП — ЗАПОВНЕННЯ САЙТУ КОНТЕНТОМ (ІНФОРМАЦІЄЮ)

На цьому етапі дуже важливий якісний, професійний копірайтинг. Всі матеріали сайту, будь то тексти або графіка, також повинні вписуватися в загальну концепцію сайту, відповідати його цілям і завданням.

8 ЕТАП — ТЕСТУВАННЯ САЙТУ І ВИПРАВЛЕННЯ ПОМИЛОК

Тестування сайту може проводити як розробник, так і замовник. Найкращий варіант — це спільне тестування.

9 ЕТАП — ПУБЛІКАЦІЯ САЙТУ В ІНТЕРНЕТІ

На цьому етапі сайт розміщується на обраному доменному імені, реєструється у великих пошукових системах і каталогах.

10 ЕТАП — ПРОСУВАННЯ САЙТУ І РЕКЛАМА В ІНТЕРНЕТІ

Коли сайт буде повністю готовий до роботи — потрібно залучати на нього відвідувачів. Для «розкрутки» сайту можна скористатися контекстною або банерної рекламою, SEO, SMO і іншими методами.