Веб-дизайн

Тема 1: Структура веб-сайтів, різновиди веб-сторінок. Реєстрація веб-сайту на сервері безкоштовного хостинга. Автоматизоване створення статичної веб-сторінки, вибір її типу й оформлення. Наповнення веб-сторінки інформацією, створення посилань, завантаження файлів на сервер. 
Теоретичний матеріал
Робота учнів

Тема 2: Автоматизоване створення й адміністрування форумів та чатів. 

Теоретичний матеріал

Тема 3: Огляд технологій Веб 2. Поняття блогу й різновиди блогів. Створення й оформлення блогу, публікація повідомлень у блозі та настроювання його параметрів. Вікі-технології. Створення й використання веб-спільнот. 
Теоретичний матеріал
Практична робота 

Тема 4: Практична робота № 1. Автоматизоване створення й адміністрування блогу. 
Практична робота блог

Тема 5: Практична робота № 2. Створення веб-ресурсів з використанням технологій Веб 2. 
Практична робота блог
Тест 

Тема 6:Поняття про мову розмітки, гіпертекстовий документ та його елементи. Поняття тега й атрибута. Теги форматування шрифтів і поділу тексту на рядки та абзаци. 
Теоретичний матеріал
Теоретичний матеріал (ppt)

Тема 7: Текстові гіпер-посилання. Теги заголовка й тіла веб-сторінки. Нумеровані й марковані списки на веб-сторінках. Способи керування структурою та розміщенням інформації на веб-сторінках. 

Теоретичний матеріал
Теоретичний матеріал (ppt)

Тема 8: Розмітка веб-сторінок за допомогою таблиць. Теги таблиць, рядків, клітинок, їхні атрибути. Поняття про структуру веб-сайту. Фрейми, теги й атрибути фреймів. Використання посилань у фреймах. 
Теоретичний матеріал 
Практична робота(ppt)

Тема 9: Практична робота № 3. Розробка найпростішої веб-сторінки. 
Теоретичний матеріал

Тема 10: Практична робота № 4. Структурування веб-сторінок за допомогою таблиць. 
Практична робота (ppt) 

Тема 11: Практична робота № 5. Розробка веб-сайтів з використанням фреймів 
Теоретичний матеріал

Тема 12: Формати зображень, що використовуються в Інтернеті, їхні особливості. Розміщення та вирівнювання зображень на веб-сторін ках. 
Практична робота 
Теоретичний матеріал

Тема 13: Карти посилань. Створення gif-анімації й розміщення її на сайтах. 

Теоретичний матеріал
Практична робота 

Тема 14: Розміщення на веб-сторінках аудіофайлів і настроювання параметрів їх програвання. 
Теоретичний матеріал pps

Тема 15: Формати відеофайлів, їхні особливості. Вставляння відеофайлів і настроювання параметрів їх відтворення. Відтворення аудіо- та відеофайлів в онлайновому режимі. Практична робота № 6. Розміщення на веб-сторінці графічних об'єктів. 
Практична робота 
Тест

Тема 16: Інтерфейс програми. Режими перегляду веб-документа. Створення сайту за допомогою майстра. Створення веб-сайту в режимі WYSIWYG: установ-лення параметрів сторінки, введення й форматуван-ня тек сту, гіперпосилань, зображень. 
Теоретичний матеріал pps

Тема 17: Структурування веб-сторінок і сайтів за допомогою таблиць та фреймів. Керування графікою на веб-сторінках. Додавання до веб-сторінок мультимедійного вмісту. 
Практична робота 
Теоретичний матеріал pps

Тема 18: Практична робота № 7. Розробка сайту в середовищі візуального редактора сайтів. 
Теоретичний матеріал pps

Тема 19: Поняття про каскадні аркуші стилів. Означення й застосування стилів, зв'язування аркушів стилів з гіпертекстовими документами. 
Теоретичний матеріал
Практичний матеріал

Тема 20: Поняття про об'єктну модель документа DOM і мову DHTML. Поняття про події та обробку подій, що підтримується мовою DHTML. 
Теоретичний матеріал 
Теоретичний матеріал (доповнення) 

Тема 21: Створення динамічних елементів за допомогою графічного редактора веб-сторінок: динамічна зміна параметрів тексту, списки, що розкриваються, пози-ціонування зображень. Поняття про мови веб-скриптів та спосіб використання скриптів у гіпертекстових документах. 
Практична робота 

Тема 22: Автоматичне генерування веб-скриптів засобами графічного редактора веб-сторінок, обробка форм 
Практична робота 

Тема 23: .Практична робота № 8. Створення динамічних елементів на веб-сторінках. 
Теоретичний матеріал

Тема 24: Практична робота № 9. Обробка форм за допомогою веб-скриптів. 
Теоретичний матеріал

Тема 25: Вибір домена й реєстрація у провайдера. Дизайн URL-адреси. Створення FTP-з'єднання й вивантаження файлів на віддалений сервер. 
Практична робота 

Тема 26: Популяризація сайту за допомогою банерних мереж, пошукових систем, обміну посиланнями, платної реклами.

Практична робота №10. Публікування веб-сайту та його реєстрація в пошуковій системі. 
Теоретичний матеріал_pps
Теоретичний матеріал
Практична робота 

Тема 27: Типи сайтів, їхні особливості. Планування веб-сайту. Просторовий дизайн веб-сторінки: принципи ергономічного розміщення контенту, просторові відношення еле мен тів сторінки. 
Теоретичний матеріал 

Тема 28: Дизайн кольору, форми, текстури, шрифтів. Поняття про єдність стилю веб-сторінки, баланс, контраст. 
Практична робота 

Тема 29:Дизайн інформаційного наповнення сайту: створення й розміщення текстових блоків, настроювання їхніх параметрів, формування заголовків. 
Теоретичний матеріал

Тема 30: Дизайн структури сайту: принципи розподілу вмісту за сторінками, організація навігації сайтом, різновиди веб-сторінок (головна, тематична, сторінка-зміст тощо) 
Теоретичний матеріал ppt
Теоретичний матеріал

Тема 31: Типові помилки дизайнерів-початківців. Практична робота №11. Оформлення сайту 
Теоретичний матеріал

Тема 32: Підсумкове заняття. 
Теоретичний матеріал