Практична робота "Розробка найпростішої веб-сторінки"

Практична робота №9

Розробка найпростішої веб-сторінки

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм

Завдання

Створіть веб-сторінку «Сім чудес України», на якій розмістіть інформацію та зображення про основні українські чудеса.

Сторінка має містити:

• Заголовки (назви кожного українського надзвичайного місця);
• Відповідні зображення;
• Текстову інформацію;
• Гіперпосилання;
• Кнопки і т.д….

Інформацію для веб-сторінки можна взяти на сайтах:

1. http://www.discoverukraine.com.ua/7-chudes-ukra%D1%97ni/
2. http://7chudes.in.ua/nominaciyi/kamyanets/

Інструкція до виконання

1. У своїй папці створіть папку «Пр19».
2. У папці «Пр19» створіть папку «Img».
3. У папку «Img» збережіть зображення відповідних чудес Уркаїни.

Увага!!! Для зручності дайте їм прості назви, наприклад 1.jpg, 2.jpg….

4. Відкрийте Notepad++
5. Створіть новий документ і збережіть його в папку «Пр19» з іменем index.html
6. Впишіть код веб-сторінки і збережіть.

Зверніть увагу, що при додаванні зображень необхідно вказати крім назви і розширення зображення ще й назву папки «Img», в якій воно знаходиться. Наприклад:

7. Відкрийте браузер та перегляньте результат.
   

Зразок