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

2.1. Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи.

• • Теорія

  • Тест 2.1 "Основи HTML"

2.2. Текстові елементи веб-сторінки, теги та їх атрибути.

• • 2.2.1 Tеорія. HTML-розмітка тексту

  • Тест 2.2 "Теги HTML"

  • 2.2.2 Tеорія. CSS-розмітка тексту

  • 2.2.2 Презентація "CSS cтилі"

  • Практична робота №2.2

2.3. Списки на веб-сторінках. Гіперпосилання.

• • 2.3.1 Теорія. Списки

  • 2.3.2 Теорія. Гіперпосилання

  • Тест 2.3 "Списки. Гіперпосилання"

2.4. Блокова модель. Таблиці на веб-сторінках.

• • 2.4.1 Теорія. Блокова модель

  • 2.4.1 Практична робота "Блокова розмітка тексту"

  • 2.4.2 Теорія. Таблиці

  • 2.4.2 Тест "Таблиці на веб-сторінках"

  • 2.4.2 Практична робота "Таблиці на Веб-сторінках"

  • 2.4.2 Самостійна робота "Таблиці на Веб-сторінках"

2.5. Використання зображень і аудіо у веб-документах. Карти посилань. Фрейми.

• • 2.5.1 Теорія "Використання зображень"

  • 2.5.2. Теорія "Фрейми, карти посилань"

  • Тест 2.5 "Використання зображень. Фрейми. Карти"

  • Вставлення аудіофайлів

2.6. Практична робота «Використання таблиць, гіперпосилань, графічних, елементів на веб-сторінках».

• • Практична робота №2

  • Тест 2.6 "Використання таблиць і гіперпосилань"

2. 7. Стильове оформлення сторінок.

• 2.7.1 Теорія. Підключення стилів до веб-сторінки

• 2.2.2 Теорія. CSS-розмітка тексту

• 2.4.1 Теорія. Блокова модель

• 2.5.1 Теорія "Використання зображень"

• Тест 2.7 "Каскадні таблиці стилів. Стильове оформлення сторінок".

• Цікавий ресурс. Український веб-довідник

2.8. Позиціювання елементів веб-сторінки за допомогою стилів.

• • 2,8.1 Теорія. Позиціювання елементів

  • 2.8.2 Блокова верстка сторінки. Gride

  • Тест 2.8 "Позиціювання елементів веб-сторінки за допомогою стилів".

2.9. Практична робота «Створення веб-сторінки з використанням каскадних аркушів стилю»

• Практична робота