Урок №26. Інструктаж з БЖД.  Мова гіпертекстової розмітки.

навчальна: оволодіти практичними навичками використання онлайн-систем конструювання та керування сайтами, створити та розмістити на безкоштовному хостингу сайт певної тематики; розвивальна: 

розвивати логічне мислення; формувати вміння діяти за інструкцією, планувати свою діяльність, аналізувати i робити висновки; виховна: виховувати інформаційну культуру учнів, уважність, акуратність, дисциплінованість 

Вивчення нового матеріалу

Завдання 1. Робота з підручником стор. 98-104. Ознайомся з теоретичним матеріалом або переглянь презентацію


Мова гіпертекстової розмітки HTML — це мова розмітки гіпертексту для подальшого його відображення у вікні браузера. Являє собою сукупність тегів та правил їхнього застосування.

Тегом називається так званий код мови і являє собою службове слово, записане в кутових дужках < >.

Для правильного відображення браузером веб-сторінки слід дотримуватися певної структури html-документа

Алгоритм створення вебсторінки

1. Відкрити редактор коду для введення html-коду.

2. Увести html-код.

Аби браузер міг відтворити створений код, необхідно зберегти документ у форматі, який може сприймати браузер, а саме: у форматі html. Як правило перша сторінка сайту має назву Index.html.

3. Зберегти файл. Для цього слід обрати команду Зберегти як… та ввести ім’я Index.html.

Етап формування знань та навичок

Завдання 2. Запусти програму Notepad++ (Блокнот) та набери код на рис. 22.3.

Завдання 3. Додай до коду заголовки за зразком підручника або розроби сторінку з українським письменником або видатною людиною.

Завдання 4. Додай до веб-сторінки атрибути для зміни кольору фону та тексту.

ПІДКАЗКА (за підручником). Практичне завдання 1практичне завдання 2, практичне завдання 3, практичне завдання 4.

Домашнє завдання: