Ізяславський НВК 2, Гульчак І.В. Етапи створення веб-сайтів. Основи веб-дизайну.

1. Постановка завдання Мета сайта Мета сайта Тематика сайта Тематика сайта Тип сайта Тип сайта Відмінності від інших сайтів з такою тематикою Відмінності від інших сайтів з такою тематикою Аудиторія відвідувачів Аудиторія відвідувачів Перелік сервісів на сайті Перелік сервісів на сайті Перспективи розвитку сайта Перспективи розвитку сайта

2. Визначення структури сайта Мапа сайта Мапа сайта Зовнішній вигляд сторінок Зовнішній вигляд сторінок Блок заголовка Інформаційний блок Блок меню Підвал

3. Розробка дизайн-макета сторінок Кольорова гама Кольорова гама Елементи графічного оздоблення Елементи графічного оздоблення Набір шрифтів Набір шрифтів

4. Створення та верстка сторінок сайта 5. Етап програмування сайта (для інтерактивності) 6. Публікація в Інтернеті (через хостінг- провайдерів) 7. Тестування сайта 8. Популяризація сайта 9. Супровід сайта (оновлення, доповнення, редизайн)

Веб-дизайн – це дизайн, обєктами якого є сторінки веб-сайтів Основні принципи дизайну Композиція Композиція Колористика Колористика Ергономіка Ергономіка

Стилі дизайну сайтів За кольоровою гамою Темний; Темний; Світлий; Світлий; Однокольоровий; Однокольоровий; Різнокольоровий Різнокольоровий За тематичною ознакою Стиль Ретро Стиль Гранж Футуристичний стиль Мультяшний стиль Журнальний стиль Інші

Правила оформлення веб-сторінок Оберіть кольорову гаму (2-3 кольори); Оберіть кольорову гаму (2-3 кольори); Обирайте контрастні кольори для тексту та фону; Обирайте контрастні кольори для тексту та фону; Розбивайте текст на абзаци, між якими зробіть відступи; Розбивайте текст на абзаци, між якими зробіть відступи; Виберіть розмір та вид шрифту; Виберіть розмір та вид шрифту; Заголовки по центру, основний текст – по ширині; Заголовки по центру, основний текст – по ширині; Використовуйте таблиці для структурування тексту; Використовуйте таблиці для структурування тексту; Не зловживайте стороннім оздобленням; Не зловживайте стороннім оздобленням; Зробіть гіперпосилання між сторінками; Зробіть гіперпосилання між сторінками; Зробіть логотип сайта для гіперпосилань; Зробіть логотип сайта для гіперпосилань; Створіть мапу сайта. Створіть мапу сайта.