26 урок 8 клас Структура веб-сторінок Поняття про мову HTML 1

Пригадаймо
Що таке вебсторінка? Що таке вебсайт?
Які об'єкти можуть бути розміщені на вебсторінках?
Що таке дизайн? Які ви знаєте принципи дизайну презентації?

Сьогодні на уроці
Який сайт вважається ергономічним?
Які складові можна виділити на вебсторінці?
Що таке HTML-код сторінки?
Як записують теги; теги з атрибутами; парні теги?

Елементи структури вебсторінок
Контент - змістове наповнення вебсторінки (текст, зображення, відео та ін.);
Навігація - засоби для переходу до інших вебсторінок;
Дизайн - особливості розміщення контенту, навігації, оформлення сторінок.

Елементи структури вебсторінок

Ергономічний сайт
Ергономічний сайт - це сайт, який легко і зручно використовувати у роботі, не потребує спеціального навчання

Поняття про мову HTML
Для розробки вебсторінок використовують мову розмітки гіпертексту HTML.
Вебсторінки створюють як текстові документи та зберігають у файлах з розширенням html.

Мова розмічання гіпертекстових документів HTML
Тег - tag - службові слова, що визначають структуру документа, формат тексту, додавання об'єктів на веб-сторінку
Hyper Text Markup Language

Мова розмічання гіпертекстових документів HTML
Деякі теги мають атрибути для уточнення дії тегу. Атрибути та їх значення розміщують усередині тегу

Приклади тегів мови HTML

Приклади тегів мови HTML

Найважливіше

Практичне завдання
Інструкція для виконання завдання

Практичне завдання

Підсумок
Який сайт вважається ергономічним?
Які складові можна виділити на вебсторінці?
Що таке HTML-код сторінки?
Як записують теги; теги з атрибутами; парні теги?