4.4. Практична робота «Створення та налагодження інтерактивного веб-сайту з використанням форм та веб-програмування»

Вам задано архів zno.rar.

    1. Розархівуйте його і запустіть індексний файл (index.html).


2. Відкрийте файл в Notepad++ і перевірте налаштування кодування Notepad++. Це необхідно для правильного відображення шрифтів кирилиці.

3. Зауважте, що при наведенні мишки на малюнок, що вміщений на хедері, він змінюється. Замініть малюнки, використавши ті, що є в папці Image або власні.

4. Переробіть хедер (змініть стилі) так, як на зразку, у тексті впишіть поточний рік:

5. Змініть текст основної сторінки, помістивши там хоча б три абзаци актуальної на нині інформації про ЗНО.

6. В даному сайті вже є заготовлені сторінки з тестами з математики (math.html). Доповність ще три запитання з математики. (Щось складніше, ніж 2+2).

7. Змініть запитання, запропоновані на сторінці з української мови (ukr.html) на запитання саме з цього предмета і доповніть їх до шести (3 з радіокнопками, а три з чекбоксами).

8. Скопіюйте будь яку сторінку з тестами. Наприклад, (ukr.html). Перейменуйте її на (history.html). Тепер у вас повноцінний сайт.

9. Придумайте на (history.html) тести з історії. Для створення запитань можете скористатися системою тестування http://lv.testportal.gov.ua:8080/

10. Виконайте завдання тестів

11. Спробуйте змінити меню, використавши підказки з сайту https://html5book.ru/gorizontalnoe-menu/ або свої ідеї