Урок № 31. Інструктаж з БЖД. Поняття про мову розмічання гіпертекстового документа.

Цілі:

·  Навчальна: сформувати уявлення про призначення мови розмічання гіпертекстових документів; сформувати поняття про мову HTML; сформувати навички використання різних технологій для розробки веб-сайтів.

·  Розвивальна: розвивати логічне мислення; формувати вміння планувати власну та групову діяльність для проектування та створення веб-сайтів.

·  Виховна: виховувати інформаційну культуру; дбайливе ставлення до комп’ютерної техніки.

Актуалізація опорних знань 

HTML  (Hyper Text Markup Language – мова розмітки гіпертексту) – стандартна мова розмітки документів у всесвітній павутині, яка обробляється спеціальними програмами (браузерами)  і відображається у вигляді документа, у зручній для людини формі

Гіпертекст – електронний документ, який містить зв’язки з іншими електронними документами. Такі зв’язки називаються гіперпосиланнями.

Контент – інформаційне наповнення  сайту.

Раніше HTML поєднувала функції розмітки та форматування контенту, тобто зміст (семантичний) та зовнішній вигляд цього змісту (презентаційний).

В сучасних сайтах  форматування виконується засобами каскадних таблиць стилів.

Каскадні таблиці стилів (CSS англ. Cascading Style Sheets) — спеціальна мова, що використовується для опису зовнішнього вигляду сторінок, написаних мовами розмітки даних.

JavaScript (JS) — динамічна мова програмування, яка використовується для організації взаємодії з користувачем, обміну даними з сервером, зміни структури та зовнішнього вигляду веб-сторінки.

Будь-який документ мовою HTML є набором елементів, причому початок і кінець кожного елемента зазначається спеціальними позначками — тегами.

Теги — команди мови HTML.

HTML-теги — це ключові слова або символи, які записуються в кутові дужки.

Теги бувають двох видів: парні й непарні (їх ще називають поодинокими). Парні теги складаються з відкриваючого і закриваючого тегів.

Теги нечутливі до регістра, тому можуть бути написані як великими, так і малими літерами.

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

10 клас поняття про мову HTML.pptx