2. 1. Постановка завдання1. Постановка завдання
Мета сайтаМета сайта
Тематика сайтаТематика сайта
Тип сайтаТип сайта
Відмінності від інших сайтів з такоюВідмінності від інших сайтів з такою
тематикоютематикою
Аудиторія відвідувачівАудиторія відвідувачів
Перелік сервісів на сайтіПерелік сервісів на сайті
Перспективи розвитку сайтаПерспективи розвитку сайта
3. 2. Визначення структури сайта2. Визначення структури сайта
Мапа сайтаМапа сайта
Зовнішній вигляд сторінокЗовнішній вигляд сторінок
Блок заголовка
Інформаційний
блок
Блок
меню
Підвал
4. 3. Розробка дизайн-макета3. Розробка дизайн-макета
сторіноксторінок
Кольорова гамаКольорова гама
Елементи графічного оздобленняЕлементи графічного оздоблення
Набір шрифтівНабір шрифтів
5. 4.4. Створення та верстка сторінок сайтаСтворення та верстка сторінок сайта
5.5. Етап програмування сайта (дляЕтап програмування сайта (для
інтерактивності)інтерактивності)
6.6. Публікація в Інтернеті (через хостінг-Публікація в Інтернеті (через хостінг-
провайдерів)провайдерів)
7.7. Тестування сайтаТестування сайта
8.8. Популяризація сайтаПопуляризація сайта
9.9. Супровід сайта (оновлення,Супровід сайта (оновлення,
доповнення, редизайн)доповнення, редизайн)
6. Веб-дизайн – це дизайн, обВеб-дизайн – це дизайн, об’’єктамиєктами
якого є сторінки веб-сайтівякого є сторінки веб-сайтів
Основні принципи дизайнуОсновні принципи дизайну
КомпозиціяКомпозиція
КолористикаКолористика
ЕргономікаЕргономіка
7. Стилі дизайну сайтівСтилі дизайну сайтів
За кольоровою гамоюЗа кольоровою гамою
Темний;Темний;
Світлий;Світлий;
Однокольоровий;Однокольоровий;
РізнокольоровийРізнокольоровий
За тематичноюЗа тематичною
ознакоюознакою
Стиль “Ретро”Стиль “Ретро”
Стиль “Гранж”Стиль “Гранж”
ФутуристичнийФутуристичний
стильстиль
Мультяшний стильМультяшний стиль
Журнальний стильЖурнальний стиль
ІншіІнші
8. Правила оформлення веб-сторінокПравила оформлення веб-сторінок
Оберіть кольорову гаму (2-3 кольори);Оберіть кольорову гаму (2-3 кольори);
Обирайте контрастні кольори для тексту та фону;Обирайте контрастні кольори для тексту та фону;
Розбивайте текст на абзаци, між якими зробітьРозбивайте текст на абзаци, між якими зробіть
відступи;відступи;
Виберіть розмір та вид шрифту;Виберіть розмір та вид шрифту;
Заголовки по центру, основний текст – по ширині;Заголовки по центру, основний текст – по ширині;
Використовуйте таблиці для структурування тексту;Використовуйте таблиці для структурування тексту;
Не зловживайте стороннім оздобленням;Не зловживайте стороннім оздобленням;
Зробіть гіперпосилання між сторінками;Зробіть гіперпосилання між сторінками;
Зробіть логотип сайта для гіперпосилань;Зробіть логотип сайта для гіперпосилань;
Створіть мапу сайта.Створіть мапу сайта.