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

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

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

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

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

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

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

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

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