Календарно-тематичне планування модулю «Веб-технології»

№ уро-ку

Дата

уроку

Тема уроку

Примітки

Тема 1. Напрямки та інструменти веб-дизайну

Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерному класі.

Поняття веб-дизайну. Основні тренди веб-дизайну.

Інструктаж з БЖД. Типи сайтів та їх особливості. Цільова аудиторія.

Інструктаж з БЖД. Інформаційна структура сайту.

Інструктаж з БЖД. Інструменти веб-розробника.

Інструктаж з БЖД. План розробки сайту. Макет інформаційної структури сайту.

Інструктаж з БЖД. Практична робота №1 «Проектування структури сайту».

Тема 2. Проектування та верстка веб-сторінок

Інструктаж з БЖД. Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи.

Інструктаж з БЖД. Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання.

Інструктаж з БЖД. Таблиці та списки на веб-сторінках.

Інструктаж з БЖД. Практична робота №2 “Створення веб-сторінки за допомогою «Мови гіпертекстової розмітки».

Інструктаж з БЖД. Каскадні таблиці стилів. Стильове оформлення сторінок.

Інструктаж з БЖД. Позиціювання елементів веб-сторінки за допомогою стилів.

Інструктаж з БЖД. Практична робота №3 «Створення веб-сторінки з використанням каскадних аркушів стилю»

Інструктаж з БЖД. Проектування та верстка веб-сторінок.

Інструктаж з БЖД. Адаптивна верстка.

Інструктаж з БЖД. Кросбраузерна оптимізація сторінок сайту.

Тема 3. Графіка та мультимедіа для веб-середовища

Інструктаж з БЖД. Використання зображень у веб-документах.

Інструктаж з БЖД. Створення GIF-анімації.

Інструктаж з БЖД. Карти посилань.

Інструктаж з БЖД. Розміщення та відтворення на веб-сторінках мультимедійних даних. Формати аудіо- та відеофайлів.

Інструктаж з БЖД. Дотримання авторських прав та ліцензій на використання графічних зображень та засобів мультимедіа на веб-сторінках.

Інструктаж з БЖД. Практична робота №4 «Використання графічних, анімаційних та мультимедійних елементів на веб-сторінках».

Тема 4. Веб-програмування

Інструктаж з БЖД. Поняття об’єктної моделі документа. Веб-програмування та інтерактивні сторінки.

Інструктаж з БЖД. Використання форм. Основні елементи форми.

Інструктаж з БЖД. Валідація те збереження даних форм.

Інструктаж з БЖД. Практична робота №5 «Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування»

Інструктаж з БЖД. Хостинг сайту. Взаємодія клієнт-сервер.

Інструктаж з БЖД. Практична робота №6 «Розміщення сайту на сервері»

Тема 5. Основи дизайну та просування веб-сайту

Інструктаж з БЖД. Правила ергономічного розміщення відомостей на веб-сторінці.

Інструктаж з БЖД. Пошукова оптимізація та стратегії просування веб-сайтів.

Інструктаж з БЖД. Практична робота №7 «Оцінка сайту. Просування сайту»

Інструктаж з БЖД. Проектна діяльність. Розбиття на групи. Вибір теми проекту. Розробка плану проекту.

Інструктаж з БЖД. Робота над проектом.

Інструктаж з БЖД. Захист проекту.

Інструктаж з БЖД. Повторення і систематизація навчального матеріалу за рік.