понеділок, 24 лютого 2020 р.

11 клас Курс "Веб-технології"

Веб-технології
Теми курсу https://sites.google.com/view/new-site-for-lesson1011/
Напрямки та інструменти веб-дизайну
Проектування та верстка веб-сторінок
Графіка та мультимедіа для веб-середовища
Веб-програмування
Основи дизайну та просування веб-сайту

Напрямки та інструменти веб-дизайну
Інструктування з безпеки життєдіяльності та правил поведінки під час роботи в комп’ютерному класі
13.01 Основні тренди у веб-дизайні
Тренди 2019. Веб-дизайн https://youtu.be/x-b0GigrMnQ
ТРЕНДИ ДИЗАЙНУ 2020 https://youtu.be/GhCwuGf9w10
Вибірковий модуль «Веб-технології». Уроки 1-5. Напрямки та інструменти веб-дизайну
http://it-science.com.ua/article.php?id=123&table=school9_11
14.01 Види сайтів та цільова аудиторія.
Види веб сайтів https://learningapps.org/view7760636
Цільова аудиторія https://youtu.be/RgUgpTpSWOc
Презентація http://it-science.com.ua/article.php?id=123&table=school9_11
20.01 Інформаційна структура сайту.
Тест на повторення "Види і типи сайтів" https://naurok.com.ua/test/vidi-i-tipi-saytiv-14886.html
Презентація http://it-science.com.ua/article.php?id=123&table=school9_11
Презентація https://naurok.com.ua/informaciyna-struktura-saytu-88584.html
21.01 Тест "Інформаційна структура сайту" https://naurok.com.ua/test/informaciyna-struktura-saytu-13244.html
27.01 Інструментальні засоби для веб-розробки
Веб-дизайн та веб-розробка https://youtu.be/XPwNu44cM6A
  Прочитати і створити презентацію

Проектування та верстка веб-сторінок
http://it-science.com.ua/article.php?id=129&table=school9_11
28.01 урок 6. Мова гіпертекстовоїрозмітки Гіпертекстовий документ та його елементи.
Основи веб-дизайну і веб-розробки
Урок 1. Веб-дизайн та веб-розробка - Вступ https://youtu.be/XPwNu44cM6A
Урок 2. Структура web-сторінки https://youtu.be/P8t_hkIb_sM
Урок 3. Що таке html і тег https://youtu.be/2cFpCQaL8AE
Урок 4. HTML-теги для тексту ч.1 https://youtu.be/v0O7YTcWbtI
Урок 5. HTML-теги для форматування тексту ч.2 https://youtu.be/H9RZsMZdlDU
Урок 6. Атрибути HTML тегів https://youtu.be/OOGpAXe8ZfE
Урок 7. Тег font (шрифт) https://youtu.be/bRedGL1WwRU
Урок 8. Шіснадцятковий код html-кольорів https://youtu.be/ZgtL41ZzYiw
Урок 9. Тег br і самозакриваючі теги https://youtu.be/UOMsQD1LPgw
Урок 10. Вкладення тегів в HTML https://youtu.be/XwvkYvIXJJA
03.02 урок 7. Практична робота №2.Текстові елементи веб-сторінки. Гіперпосилання та списки на веб-сторінках.
04.02 урок 8. Каскадні таблиці стилів.
10.02 урок 9. Практична робота №3. Cтильове оформлення сторінок з використанням CSS.
11.02 урок 10. Проектування та верстка веб-сторінок.
17.02 урок 11. Практична робота №4.Блокова модель CSS.
18.02 урок 12. Адаптивна верстка
урок 13. Практична робота №5.Використання модуля CSS Flexbox.
24-25.02 ЗАВДАННЯ
Дано тест на загальну ерудицію з шести запитань
Створити тест на знання HTML з 12 запитань (test_HTML.html)
Створити тест на знання CSS з 12 запитань (test_CSS.html)
Створити тест на знання JavaScript з 12 запитань (test_JS.html)
Створити тест на знання PascalABC з 12 запитань (test_PascalABC.html)
ВИСЛАТИ ТЕСТИ НА ПОШТУ ВЧИТЕЛЮ
урок 14. Кросбраузерная оптимізаціясторінок сайту.
урок 15. Практична робота №6. Використання спеціального CSS-файлу для досягнення кросбраузерності
ДОДОМУ ВИКОНАЙТЕ ЗАВДАННЯ

Графіка та мультимедіа для веб-середовища
Графіка для веб-середовища
Анімаційні ефекти
Мультимедіа на веб-сторінках
Розміщення мультимедійних файлів і настроювання параметрів їх програвання
Авторські права та ліцензії у веб-середовищі

Веб-програмування
Поняття про мови веб-скриптів та спосіб використання скриптів у гіпертекстових документах.
Об'єктна модель документа
Кнопки, події, функції
Створення динамічних елементів на веб-сторінках
Валідація та збереження даних форм
Хостинг сайту
Веб-сервер та база даних. Взаємодія клієнт-сервер
Прикладний програмний інтерфейс

Основи дизайну та просування веб-сайту
Планування веб-сайту та етапи роботи над ним
Принципи графічного дизайну сайтів
Дизайн структури сайту та просторовий дизайн веб-сторінок
Ергономічне розміщення відомостей на веб-сторінці
Дизайн кольору, форми, текстури, шрифтів
Оптимізація та стратегії просування веб-сайтів
Виконання індивідуальних та колективних проектів
Підготовка звітів
Представлення та захист проектів

Вибірковий модуль «Веб-технології». Уроки 1-5. Напрямки та інструменти веб-дизайну
http://it-science.com.ua/article.php?id=123&table=school9_11
Вибірковий модуль «Веб-технології». Уроки 6-15. Проектування та верстка веб сторінок
http://it-science.com.ua/article.php?id=129&table=school9_11
Вибірковий модуль «Веб-технології». Уроки 16-21. Графіка та мультимедіа для веб-середовища
http://it-science.com.ua/article.php?id=141&table=school9_11
Вибірковий модуль «Веб-технології». Уроки 22-27. Веб-програмування
http://it-science.com.ua/article.php?id=146&table=school9_11



Немає коментарів:

Дописати коментар