Урок № 31. Інструктаж з БЖД. Поняття про мову розмічання гіпертекстового документа.
Цілі:
· Навчальна: сформувати уявлення про призначення мови розмічання гіпертекстових документів; сформувати поняття про мову HTML; сформувати навички використання різних технологій для розробки веб-сайтів.
· Розвивальна: розвивати логічне мислення; формувати вміння планувати власну та групову діяльність для проектування та створення веб-сайтів.
· Виховна: виховувати інформаційну культуру; дбайливе ставлення до комп’ютерної техніки.
Актуалізація опорних знань
HTML (Hyper Text Markup Language – мова розмітки гіпертексту) – стандартна мова розмітки документів у всесвітній павутині, яка обробляється спеціальними програмами (браузерами) і відображається у вигляді документа, у зручній для людини формі
Гіпертекст – електронний документ, який містить зв’язки з іншими електронними документами. Такі зв’язки називаються гіперпосиланнями.
Контент – інформаційне наповнення сайту.
Раніше HTML поєднувала функції розмітки та форматування контенту, тобто зміст (семантичний) та зовнішній вигляд цього змісту (презентаційний).
В сучасних сайтах форматування виконується засобами каскадних таблиць стилів.
Каскадні таблиці стилів (CSS англ. Cascading Style Sheets) — спеціальна мова, що використовується для опису зовнішнього вигляду сторінок, написаних мовами розмітки даних.
JavaScript (JS) — динамічна мова програмування, яка використовується для організації взаємодії з користувачем, обміну даними з сервером, зміни структури та зовнішнього вигляду веб-сторінки.
Будь-який документ мовою HTML є набором елементів, причому початок і кінець кожного елемента зазначається спеціальними позначками — тегами.
Теги — команди мови HTML.
HTML-теги — це ключові слова або символи, які записуються в кутові дужки.
Теги бувають двох видів: парні й непарні (їх ще називають поодинокими). Парні теги складаються з відкриваючого і закриваючого тегів.
Теги нечутливі до регістра, тому можуть бути написані як великими, так і малими літерами.
Вивчення нового матеріалу
![](https://www.google.com/images/icons/product/drive-32.png)
Домашнє завдання: підготувати практичну до захисту