Етапи створення веб-сайтів

Наявність власного сайта підприємства, організації, навчального закладу тощо стає актуальним питанням сьогодення. Сайт може буті корисним у ході організації навчання, спілкування, бізнесу та ін. Розробку сайта можна замовити в дизайн-студіях або здійснити самостійно. У будь-якому разі розробка складається з кількох етапів. Ці етапи подібні до етапів розв’язування задач з використанням комп’ютера.

1. Постановка завдання. На цьому етапі визначається мета створення сайта, його основна тематика, обирається тип сайта, здійснюється аналіз існуючих сайтів такої самої або схожої тематики. У результаті розробник повинен знати:

• мету, з якою створюється сайт;

• тематику сайта;

• тип сайта: домашня сторінка, форум, Інтернет-магазин, портал тощо;

• відмінності сайта від інших сайтів такої самої тематики;

• аудиторію потенційних відвідувачів сайта: вік відвідувачці стать, коло інтересів тощо;

• перелік сервісів для розміщення на сайті: форум, чат, пошукова система, веб-каталог, електронна пошта та ін.;

• перспективи розвитку сайта.

2. Визначення структури сайта та його окремих сторінок. На цьому етапі важливо скласти перелік розділів сайта для формування системи навігації, список сторінок, визначити зв’язки між ними Кількість сторінок залежатиме від того інформаційного наповнення, яке планується на ньому розмістити. Результатом повинна стати мапа (карта) сайта – діаграма, що візуально відображає ієрархію сторінок сайта, схему зв’язків і переходів між ними, тобто внутрішню структуру сайта.

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

Як правило, на веб-сторінках передбачено розміщення:

• верхнього блока – заголовка, у якому містяться логотип і назва сайта;

• меню для переходу до основних розділів сайта;

• інформаційного блока з основним матеріалом, що займає центральну частину сторінки;

• нижнього блока – підвалу, для розміщення контактних даних, пові­домлення про авторські права тощо.

Схему зовнішньої структури представляють у вигляді модульної сітки. Якщо розробка сторінок сайта буде здійснюватись автомати­зованими засобами, то зовнішня структура може бути запропонована в шаблоні сторінки.

3. Розробка дизайн-макета сто­рінок сайта. Дизайн-макет буде спиратися на попередньо розроблену зовнішню струк­туру сторінок сайта. Дизайн-макет сторінок включає набір значень властивостей тексто­вих і графічних об’єктів сто­рінки: кольорової гами сто­рінок, елементні графічного оздоблення, набору шрифтів та ін., тобто визначає стиль сайта. Важливо, щоб стилі відповідав призначенню сайта, особливостям основної аудиторії, не яку розрахований сайт, був орієнтований на надання найбільших зручностей для сприйняття основного матеріалу.

4. Створення та верстка сторінок сайта. Створюються сторінки, як правило, мовою розмітки гіпертексту HTML. У процесі створення відбувається верстка сторінок. Верстка – це процес розміщення на сторінці під час її створення текстових і графічних елементів таким чином, щоб сторінка отримала вигляд згідно а розробленим дизайн-макетом.

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

5. Якщо на етапі постановки завдання передбачалося розміщення ми сайті інтерактивних елементів, таких як системи пошуку, голосу­вання, форуму та ін., то потрібен ще й етап програмування сайта.

6. Розміщення (публікація) сайта в Інтернеті. У ході попередніх етапів створення веб-сторінки могли зберігатися на локальному комп’ютері розробника. На даному етапі сайт розміщують на сервері, який надій послуги хостингу. Під час публікації в Інтернеті сайту надається доменне ім’я. Після цього сайт стає доступним для перегляду всіма бажаючими, якщо він або його частина не мають обмежень на доступ.

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

7. Після публікації сайта в Інтернеті його розробка не вважається за­вершеною. Певний час буде тривати тестування сайта для виявлен­ня недоліків верстки.

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

9. Для підтримки інтересу до вашого сайта важливо регулярно онов­лювати його, доповнювати цікавими унікальними матеріалами. Можливо із часом стане бажаною зміна дизайну сайта – редизайн. При виконанні таких робіт кажуть про супровід сайта.