ЗАВДАННЯ: створити
сторінки універсального сайта, використовуючи для наповнення контенту генератор
беззмістовного тексту.
1. Створіть теку site.
2. Відкрийте редактор коду Sublime Text 3.
Створіть новий файл і збережіть його з іменем index.html у
теці site.
3. Уведіть базову структуру HTML-сторінки.
Примітка.
1-й рядок —
це інструкція для браузера, з якою версією мови розмітки він працюватиме (ми
орієнтуємося на HTML5),
2-й рядок
визначає мову сайта (uk — українська), нарешті,
5-й рядок —
кодування HTML-сторінки (його необхідно вказувати для правильного
відображення тексту браузером). Найбільш поширеним кодуванням є UTF-8.
4. Уведіть назву сайта між
відкривальним і закривальним тегами <title>, наприклад
My site. Установіть покажчик миші після відкривального тегу <body>.
5. Почніть заповнення контенту з тегу <header>.
Уведіть наведений код.
6. Створіть меню за допомогою
маркованого списку <ul>:
7. Відкрийте генератор беззмістовного
тексту Lorem Ipsum.
Згенеруйте два-три абзаци й додайте
у створений файл, відокремте кожен абзац відкривальним і закривальним тегами
<р>.
8. Додайте футер із наведеним кодом.
9. Збережіть файл.
10. Збережіть створений файл з іменем info.html у теці site. Додайте на
нього 5-7 абзаців, згенерованих генератором беззмістовного тексту.
11. Збережіть файл index.html з іменем form.html у теці site. Залиште один абзац згенерованого тексту.
12. Закрийте редактор коду. Увійдіть у
теку site. Коли ви натиснете
на index.html, сторінка
відкриється браузером, вибраним на вашому комп'ютері за замовчуванням.
13. Перейдіть за допомогою команд меню на сторінки About, Contacts, Home.