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

Етапи створення веб-сайтів. Основи веб-дизайну.

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

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

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

Етапи створення

3. Розробка дизайн-макета сторінок сайта. Дизайн-макет буде спиратися на попередньо розроблену зовнішню структуру сторінок сайта.4. Створення та верстка сторінок сайта. Як ви вже знаєте, верстка – це процес розміщення на сторінці під час її створення текстових і графічних елементів таким чином, щоб сторінка отримала вигляд згідно з розробленим дизайн-макетом.5. Якщо на етапі постановки завдання передбачалося розміщення на сайті інтерактивних елементів, таких як системи пошуку, голосування, форуму та ін., то потрібен ще й етап програмування сайта. Етапи створення

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

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

Основи веб-дизайну

Веб-дизайн – це дизайн, об’єктами якого є сторінки веб-сайтів. Bеб-дизайн

Вибираючи стиль дизайну за кольоровою гамою, варто враховувати особливості сприйняття кольору відвідувачами різного віку та статі:темний стиль - такі сайти добре сприймає молодь, але вони здаються занадто похмурими, тривожними для осіб старшого віку; світлий стиль -легко сприймається всіма категоріями відвідувачів, але дехто вважає світлі сайтит занадто простими;однокольоровий стиль - часто обраний колір є елементом іміджу власника;різнокольоровий стиль - стиль часто обирають у ході створення сайтів для дітей. Кольорова гама. За призначенням

Найбільшою є класифікація стилів дизайну за тематичною ознакою.стиль «Ретро» – в оздобленні сторінок використовують елементи декору, предмети інтер’єру та інші атрибути, притаманні минулим десятиліттям;стиль «Ґранж» – асиметричне розміщення елементів на сторінці, яке складає враження хаотичної композиції, виконаної начебто недбало;футуристичний стиль – в оформленні сторінки використовують графічні елементи, що є атрибутами передбачуваного майбутнього: роботи, високотехнологічні механізми тощо;журнальний стиль – веб-сторінки оформлені за принципами дизайну глянцевих журналів: великі заголовки, крупні високоякісні фотографії та ін.;мультяшний стиль – оформлення сторінок стилізовано під мультфільми та комікси. Тематичні ознаки

Оберіть кольорову гаму для вашого сайта, тематику сайта та вподобання потенційних відвідувачів. Використайте для оформлення не більше ніж 2–3 кольори. У ході визначення кольорової гами сторінки вибирайте контрастні кольори для тексту та фону, щоб текст легше читався. Розбивайте текст на абзаци, між якими зробіть збільшені відступи. Виберіть розмір шрифту, при якому текст буде сприйматися комфортно – не занадто дрібний і в міру великий. Вид шрифту зробіть однаковим на всіх сторінках. Вирівняйте заголовки по центру, а основний текст – за шириною. Правила оформлення для ознайомлення

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