Практична робота: "Створення вебсторінки"

Тема: Структура HTML-документа, форматування тексту, списки та таблиці.
Час виконання: 45 хвилин. Максимальна оцінка: 12 балів.

Підручник: Створення веб-сторінки

Загальна інструкція:

Ви повинні створити власну вебсторінку на вільну тему (наприклад: "Моє хобі", "Улюблена гра" або "Мій фільм"). Виконуйте завдання послідовно. Теги в тексті не вказані — використовуйте пам'ять та вирізку з підручника.

Рівень 1: Базова структура (1-6 балів)
  • Відкрийте текстовий редактор Phoenix Code та створіть файл з назвою <Прізвище>_51.html.
  • Перепишіть "кістяк" (структуру) сторінки, який ви бачите на зображенні праворуч.
  • Змініть заголовок вкладки (тег у "голові" документа) на назву вашої теми.
  • У видимій частині сторінки додайте головний заголовок (найбільший) з назвою вашої теми.
  • Додайте абзац тексту (2-3 речення), де опишіть обрану тему.
  • Збережіть файл та перевірте у вбудованому браузері зправа, що внесені дані відображаються.
Структура HTML

Обов'язковий мінімум для переписування

Рівень 2: Наповнення (7-9 балів)
  • Одне слово у вашому абзаці зробіть жирним, а інше — курсивом.
  • Додайте підзаголовок другого рівня (менший за основний) з текстом "Цікаві факти" або "Склад/Вимоги".
  • Створіть список (маркований або нумерований) з 3-4 пунктів за темою.
  • Змініть колір фону (тла) всієї сторінки (використайте атрибут для тегу тіла документа).
Рівень 3: Таблиці та оформлення (10-12 балів)
  • Додайте підзаголовок другого рівня "Детальні характеристики".
  • Створіть таблицю (мінімум 2 стовпці та 3 рядки). Наприклад: "Назва" — "Значення".
  • Обов'язково додайте таблиці видиму рамку (атрибут border).
  • Перший рядок таблиці (заголовки) зробіть жирним.
  • Змініть стандартний колір тексту вашого головного заголовка на будь-який інший.

Після завершення покажіть відкриту сторінку та код вчителю.