Курс: !Веб-технології (35 год)! | Кабінет інформатики ЗЗСО "Ліцей с.Кременець"

Структура за темами

Загальне

Згорнути все Розгорнути всі
Поурочне планування
- Новини Форум
Тема 1. Напрямки та інструменти веб-дизайну (6 год)
Основні тренди у веб-дизайні.
Види сайтів та цільова аудиторія.
Інформаційна структура сайту.
Інструменти веб-розробника.
- Урок 1. Види і типи сайтів. Цільова аудиторія.
- Урок_1_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_1. Види і типи сайтів. Цільова аудиторія (Тест)
  
  Переглянути Отримайте оцінку
- Урок_1_Практичне завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок 2. Запуск проекту «Розробка власного сайта».
- Урок_2_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_2_Практичне завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок 3. Основні тренди у веб-дизайні.
- Урок_3_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_3. Основні тренди у веб-дизайні (Тест)
  
  Переглянути Отримайте оцінку
- Урок_3_Практичне завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок 4. Інформаційна структура сайта.
- Урок_4_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_4. Інформаційна структура сайту (Тест)
  
  Переглянути Отримайте оцінку
- Урок_4_Практичне завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок 5. Технології розробки сайтів. Інструменти розробки сайтів.
- Урок_5_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_5_Написати есе Завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок 6. Створення макету інформаційної структури сайта. Практична робота 1.
- Урок_6_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Підсумковий тест 1. Напрямки та інструменти веб-дизайну (Тест)
  
  Переглянути Отримайте оцінку
- Урок_6_Практичне завдання
  
  Переглянути Здайте роботу Отримайте оцінку
Тема 2. Проектування та верстка веб-сторінок

Недоступний
Тема 3. Графіка та мультимедіа для веб-середовища
Графіка для веб-середовища.
Анімаційні ефекти.
Мультимедіа на веб-сторінках.
- Урок 14. Інструктаж з БЖД. Графіка для веб-середовища.
- Урок_14_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_14_Базове використання зображень (Відеолекція) Сторінка
  
  Переглянути
- Урок_14. Графіка для веб-середовища_Тест (Веб технології)
  
  Переглянути Отримайте оцінку
- Урок 15. Методи створення та збереження зображень для веб-сторінок.
- Урок_15_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_15. Методи створення та збереження зображень (Веб-технології) Тест
  
  Переглянути Отримайте оцінку
- Урок 16. Анімаційні ефекти.
- Урок_16_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_16_CSS уроки. Анимация в CSS3. Часть 1 (Відеолекція) Сторінка
  
  Переглянути
- Урок_16_Практична робота Завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок_16_CSS уроки. Анимация в CSS3. Часть 2 (Відеолекція) Сторінка
  
  Переглянути
- Урок 17. Мультимедіа на веб-сторінках.
- Урок_17_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_17. Мультимедіа на веб-сторінках (ч. 1) (Веб-технології)_Тест
  
  Переглянути Отримайте оцінку
- Урок 18. Мультимедіа на веб-сторінках.
- Урок_18_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_18. Мультимедіа на веб-сторінках (ч. 2) (Веб-технології)_тест
  
  Переглянути Отримайте оцінку
- Урок 19. Застосування гіпертекстових, графічних, анімаційних та мультимедійних елементів на веб-сторінках. Практична робота 3.
- Урок_19_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_19_Практична робота Завдання
  
  Переглянути Здайте роботу Отримайте оцінку
Тема 4. Веб-програмування
Об’єктна модель документа.
Веб-програмування та інтерактивні сторінки.
Хостинг сайту.
Веб-сервер та база даних. Взаємодія клієнт-сервер.
Валідація та збереження даних форм.
Прикладний програмний інтерфейс
- Урок 20. Об’єктна модель документа.
- Урок_20_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_20 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок_20_Практичне завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок 21. Веб-програмування та інтерактивні сторінки.
- Урок_21_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_21 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок_21_Практичне завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок 22. Хостинг сайта.
- Урок_22_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_22 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок 23. Веб-сервер і база даних.
- Урок_23_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_23 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок 24. Взаємодія клієнт-сервер.
- Урок_24_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_24 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок 25. Використання форм. Основні елементи форми.
- Урок_25_Практичне завдання
  
  Переглянути Здайте роботу Отримайте оцінку
- Урок 26. Валідація та збереження даних форм.
- Урок_26_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_26 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок 27. Прикладний програмний інтерфейс.
- Урок_27_Презентація SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_27 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок 28. Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування. Практична робота 5.
Тема 5. Основи дизайну та просування веб-сайту

Виділено
Правила ергономічного розміщення відомостей на веб-сторінці.
Пошукова оптимізація та просування веб-сайтів.
- Урок 29. Правила ергономічного розміщення відомостей на веб-сторінці.
- Урок_29 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок 30. Пошукова оптимізація та просування веб-сайтів.
- Урок_30 (робота з підручником)
  
  Переглянути Пройдіть вправу до кінця Отримайте оцінку
- Урок 31. Оцінка сайту. Просування сайту. Практична робота 6.
- Урок_31_Вебпрограмування та інтерактивні сторінки (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_31_Вебсторінки і сайти. Розміщення сайтів у мережі (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_31_Ергономіка сайту (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_31_Пошукова оптимізація (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок 32. Розробка проекту.
- Урок_32_Компоновка html-сторінок (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_32_Основи HTML (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_32_Параметри тегів з форматування абзаців та списків (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_32_Форматування абзаців роботі із списками на HTML-сторінках (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок 33. Розробка проекту. Оформлення результатів проекту.
- Урок_33_Каскадні таблиці стилів (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_33_Каскадні таблиці стилів (Cascade Style Sheets – CSS) (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_33_HTML та CSS (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_33_Властивості CSS (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок 34. Презентація результатів проекту.
- Урок_34_Види сайтів (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_34_Типи сайтів(Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_34_Етапи створення веб-сайтів (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_34_Засоби розробки веб-сайтів (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_34_Верстка веб сторінок (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок 35. Повторення і систематизація навчального матеріалу за рік.
- Урок_35_Зображення в HTML-документах (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_35_Додавання відео на вебсторінку (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_35_Анімація (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію
- Урок_35_Вікторина. Хмарні технології (Вправа) SCORM пакет
  
  Переглянути Завершіть або пройдіть дію

!Веб-технології (35 год)!

Структура за темами

Загальне

Поурочне планування

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

Урок 1. Види і типи сайтів. Цільова аудиторія.

Урок 2. Запуск проекту «Розробка власного сайта».

Урок 3. Основні тренди у веб-дизайні.

Урок 4. Інформаційна структура сайта.

Урок 5. Технології розробки сайтів. Інструменти розробки сайтів.

Урок 6. Створення макету інформаційної структури сайта. Практична робота 1.

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

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

Урок 14. Інструктаж з БЖД. Графіка для веб-середовища.

Урок 15. Методи створення та збереження зображень для веб-сторінок.

Урок 16. Анімаційні ефекти.

Урок 17. Мультимедіа на веб-сторінках.

Урок 18. Мультимедіа на веб-сторінках.

Урок 19. Застосування гіпертекстових, графічних, анімаційних та мультимедійних елементів на веб-сторінках. Практична робота 3.

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

Урок 20. Об’єктна модель документа.

Урок 21. Веб-програмування та інтерактивні сторінки.

Урок 22. Хостинг сайта.

Урок 23. Веб-сервер і база даних.

Урок 24. Взаємодія клієнт-сервер.

Урок 25. Використання форм. Основні елементи форми.

Урок 26. Валідація та збереження даних форм.

Урок 27. Прикладний програмний інтерфейс.

Урок 28. Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування. Практична робота 5.

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

Урок 29. Правила ергономічного розміщення відомостей на веб-сторінці.

Урок 30. Пошукова оптимізація та просування веб-сайтів.

Урок 31. Оцінка сайту. Просування сайту. Практична робота 6.

Урок 32. Розробка проекту.

Урок 33. Розробка проекту. Оформлення результатів проекту.

Урок 34. Презентація результатів проекту.

Урок 35. Повторення і систематизація навчального матеріалу за рік.