Веб-технології
Теми курсу 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
Урок 4. Практична робота №1. Створення структури сайту за допомогою онлайн-сервісу DRAW.IO
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-файлу для досягнення кросбраузерності
ДОДОМУ ВИКОНАЙТЕ ЗАВДАННЯ
29.02.2020
Пройти дані тести і створити власні версії на тему "Вивчаємо мову Pascal ABC"
http://examples.inf.ua/test.html
https://forms.gle/W45akUcG3FfCF7xh6
https://naurok.com.ua/test/start/29795
https://learningapps.org/view4224902
http://master-test.net/uk/quiz/testing/id/47514
ДЗ: створити власні версії на тему "Вивчаємо мову Pascal ABC"
http://it-science.com.ua/article.php?id=141&table=school9_11
29.02.2020 Урок 16. Графіка для веб-середовища
02.03.2020 Урок 17. Практична робота 7. Додавання статичних графічних об’єктів на сайт
03.03.2020 Урок 18. Анімаційні ефекти
09.03.2020 Урок 19. Практична робота 8.Використання анімаційних ефектів на сторінках сайту
10.03.2020 Урок 20. Мультимедіа
тест https://naurok.com.ua/test/start/2624 вправа https://learningapps.org/view1240111
10.03.2020 Урок 21. Мультимедіа на веб-сторінках. Практична робота
Поняття про мови веб-скриптів та спосіб використання скриптів у гіпертекстових документах.
Об'єктна модель документа
Кнопки, події, функції
Створення динамічних елементів на веб-сторінках
Валідація та збереження даних форм
Хостинг сайту
Веб-сервер та база даних. Взаємодія клієнт-сервер
Прикладний програмний інтерфейс
Основи дизайну та просування веб-сайту
Планування веб-сайту та етапи роботи над ним
Принципи графічного дизайну сайтів
Дизайн структури сайту та просторовий дизайн веб-сторінок
Ергономічне розміщення відомостей на веб-сторінці
Дизайн кольору, форми, текстури, шрифтів
Оптимізація та стратегії просування веб-сайтів
Виконання індивідуальних та колективних проектів
Підготовка звітів
Представлення та захист проектів
Вибірковий модуль «Веб-технології». Уроки 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
Немає коментарів:
Дописати коментар