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

Взято до роботи з сайту вчителя інформатики Пасічна Л. І.

Базовий підручник:  

О. Г. Пасічник, О. В. Пасічник, І. В. Стеценко "Основи веб-дизайну"

Тема 1. HTML. Структурування сайту таблицями (8 годин)

Урок 1  Основи Інтернету. 

Урок 2.   Поняття про мову розмітки гіпертексту. Структура HTML-документу.Урок 3.   Форматування абзаців, рядків, символів. Створення списків.
Урок 4.   Практична робота №1: "Розробка найпростішої веб-сторінки".
Урок 5.  Таблиці в HTML-документах.
Урок 6.  Використання таблиць для розміщення об'єктів на веб-сторінці.

Урок 7. (13.10.2011) Практична робота №2: "Використання таблиць для розміщення об'єктів на веб-сторінці".

Урок 8.  ТО №1: "Структурування сайту таблицями".

---

Тема 2. HTML. Структкрування сайту фреймами (8 годин)

Урок 9. HTML-документи, які містять фрейми.
Урок 10.   Практична робота №3: "Розробка веб-сайту за допомогою фреймів".
Урок 11.   Вставка зображень та гіперпосилань на сайті.
Урок 12.   Карти посилань. Зв'язок фреймів посиланнями.

Урок 13.   Розміщення та відтворення на веб-сторінках мультимедійних даних.
Урок 14.   Практична робота №4: "Розміщення на сторінці графічних об'єктів та звязування сторінок гіперпосиланнями".
Урок 15. ТО №2: "Структурування сайту фреймами".

Урок 16. Розміщення веб-сайту в мережі Інтернет. 

---

Тема 3. Візуальний редактор веб-сайтів FrontPage (9 годин)

Урок 17.  Інтерфейс та режими роботи програми FrontPage.
Урок 18.  Створення веб-сайту за допомогою майстра або шаблону.
Урок 19.  Практична робота №5: "Створення сайту в середовищі візуального редактора".
Урок 20  Використання таблиць каскадних стилів.
Урок 21.  Поняття об'єктної моделі. Сценарії.
Урок 22.  Створення форм та динамічних об'єктів у FrontPage.
Урок 23.  Практична робота №6: "Створення динамічних об'єктів на веб-сторінках".
Урок 24.  Веб-скрипти. Практична робота №7: "Опрацювання форм за допомогою веб-скриптів".Урок 25.  ТО №2: "Візуальний редактор веб-сайтів Front Page".

---

Тема 4. Дизайн веб-сайтів (10 годин)

Урок 26. Створення та підтримка веб-ресурсів автоматичними засобами. Типи сайтів та їх особливості. Основи веб-дизайну, проектування структури сайту.Урок 27.  Практична робота №8: "Створення та адміністрування веб-сайту на безкоштовному сервері".
Урок 28.  Просторовий дизайн веб-сторінок. Інформаційне наповнення веб-сторінок.
Урок 29. Практична робота №9: "Інформаційне наповнення веб-сторінок".
Урок 30.  Графічне оформлення веб-сторінки. Практична робота №10: "Графічне оформлення сайту".Урок 31. Блоги. Форуми та чати на веб-сайтах.
Урок 32.  ТО №4: "Дизайн веб-сайтів"
Урок 34. Порівняння створеного сайту та знайденого в Інтернеті веб-вузлів на схожу тематику.Типові помилки дизайнерів початківців.Урок 35.  Рекламування сайту в Інтернеті.