Модуль "Веб-технології"

Календарно-тематичне планування 10-11 (Веб-технології) клас нова програма 2018-2019 н.р.

№ уро-ку

Дата

уроку

Тема уроку

Примітки

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

1.

 

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

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

 

2.

 

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

 

3.

 

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

 

4.

 

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

 

5.

 

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

 

6.

 

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

 

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

7.

 

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

 

8.

 

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

 

9.

 

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

 

10.

 

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

 

11.

 

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

 

12.

 

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

 

13.

 

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

 

14.

 

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

 

15.

 

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

 

16.

 

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

 

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

17.

 

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

 

18.

 

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

 

19.

 

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

 

20.

 

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

 

21.

 

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

 

22.

 

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

 

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

23. 

 

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

 

24. 

 

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

 

25.

 

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

 

26.

 

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

 

27.

 

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

 

28.

 

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

 

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

29.

 

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

 

30.

 

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

 

31.

 

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

 

32.

 

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

 

33.

 

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

 

34.

 

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

 

35.

 

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

 



Натисніть тут для завантаження

Додати коментар


Захисний код
Оновити