План уроку
1) створення стилів CSS;
2) підключення стилів CSS
#11 - Підключення CSS (9.33)
#12 - Знайомство з CSS селекторами (12.47)
Створіть файл style.css, пропишіть кв ньому код за зразком відео (блакитний колір для заголовку 1).
У своєму документі index.html пропишіть шлях до файлу style.css (підключіть CSS).
ЗРОБІТЬ СКРИНШОТИ коду і сторінки
Застосуйте по черзі всі селектори, які згадуються у відеоуроці. Не забувайте скриншотити результати своїх експериментів.
#1 - Вступ (3.59)
#2 - Встановлення Visual Studio Code (2.29)
#3 - Перший HTML код (14.20)
#7 - Списки: теги 'ol' і 'ul' (3.55)
#8 - Тег 'a' (4.09)
#9 - Теги форматування тексту (3.15)
#10 - HTML форми (15.54)
HTML: 14. Як додати таблиці до HTML-сторінки (3.33)
Установіть на комп'ютер Visual Studio Code.
Створіть документ index.html, напишіть синтаксис мови html.
Напишіть 6 заголовків, текст, вставте картинку.
У своєму документі index.html додайте нумерований список із 10 пунктів.
Скопіюйте нумерований список і перетворіть його в маркований.
До маркованого списку додайте теги гіперпосилання наприклад, на сторінки вашого сайту. Або на будь-які інші сторінки.
Додайте 10 рядків однакового тексту, застосуйте до них 10 різних тегів форматування.
У своєму документі index.html додайте форму, застосувавши 9 input за прикладом відео.
Додайте таблицю на свою сторінку: розклад уроків на тиждень.
Знати:
базові конструкції мови HTML;
структуру HTML-документа;
основні теги формування тексту;
можливості використання таблиць у HTML- документах;
команди форматування тексту та оформлення рамок таблиці;
колірне оформлення таблиць; можливості використання таблиць для порядок розміщення об’єктів на веб-сторінці;
особливості CSS та його застосування;
таблиці стилів документа; структура CSS-правил.
Підготовка та розміщення матеріалів у мережі Internet
2.6.3 Програмування веб-сторінок та веб-сайту мовою розмітки HTML. (9 год.)
Урок 19 Базові конструкції мови HTML, структуру HTML-документа.
ДАТА 20.02
Урок 20 Команди форматування тексту та оформлення рамок таблиці; колірне оформлення таблиць.
Урок 21 ЛПР №13 Створення простих HTML-документів.
Урок 22 ЛПР № 14 Створення простих HTML-документів.
Урок 23 ЛПР №15 Створення та форматування HTML-документів.
Урок 24 ЛПР №16 Створення та форматування HTML-документів.
Урок 25 ЛПР №17 Редагування з HTML-документів, що містять гіперпосилання на списки.
Уміти:
створювати прості HTML-документи;
створювати, формувати та форматувати HTML-документи;
створювати та редагувати з HTML-документи, що містять гіперпосилання та списки;
створювати таблиці, фрейми та форми в HTML-документі;
створювати та підключати стилі CSS
Урок № 25. Створення, формування та форматування HTML-документів
Урок № 26. Створення та редагування HTML-документів, що містять гіперпосилання та списки
Урок № 27. Створення таблиці, фрейми та форми в HTML-документі
Урок № 28. Створення та підключення стилів CSS