Домашнє завдання #1: Створення багатосторінкового сайту
Тема: Основи HTML — створення багатосторінкового сайту
Мета завдання
Закріпити знання з першого уроку: створення HTML-документів, використання заголовків та посилань.
Що потрібно зробити
1. Створити GitHub репозиторій
Створи новий публічний репозиторій на GitHub з назвою my-first-website (або придумай свою назву).
2. Створити 3 HTML-сторінки
У репозиторії мають бути три файли:
| Файл | Призначення |
|---|---|
index.html | Головна сторінка |
about.html | Сторінка "Про мене" |
contacts.html | Сторінка "Контакти" |
3. Вимоги до кожної сторінки
Кожна сторінка повинна містити:
- Заголовок
<h1>— щоб було зрозуміло, на якій сторінці ми знаходимось - Навігаційні посилання — для переходу на інші дві сторінки
- Трохи контенту — кілька абзаців тексту
Приклад структури
index.html:
<!DOCTYPE html>
<html>
<head>
<title>Головна</title>
</head>
<body>
<h1>Ласкаво просимо на мій сайт!</h1>
<a href="about.html">Про мене</a>
<a href="contacts.html">Контакти</a>
<p>Це моя головна сторінка...</p>
</body>
</html>
Як здати завдання
- Завантаж усі файли на GitHub
- Переконайся, що посилання між сторінками працюють
- Надішли посилання на репозиторій
Критерії оцінювання
| Критерій | |
|---|---|
| Репозиторій створено на GitHub | ✓ |
| Є 3 HTML-файли | ✓ |
Кожна сторінка має унікальний заголовок <h1> | ✓ |
| Посилання між сторінками працюють | ✓ |
| Код правильно структурований | ✓ |
Бонусні завдання (необов'язково)
Якщо хочеш попрактикуватись більше:
- Додай зображення на одну зі сторінок (
<img>) - Створи список улюблених речей (
<ul>,<li>) - Увімкни GitHub Pages, щоб сайт був доступний онлайн