1 of 16

ПЛАН УРОКА

Изучение нового материала.
Физкультминутка. Расцепляем рукі
Практическая работа.
Домашнее задание.
Итоги урока.

2 of 16

Основные понятия веб-конструирования. Язык гипертекстовой разметки документов HTML. Структура HTML-документа

3 of 16

Цели урока

УЗНАЕМ:

что такое веб-сайт
какой язык используется для создания веб-страниц

создадим первую веб-страницу на языке HTML

4 of 16

способствовать воспитанию информационной культуры;
содействовать развитию внимательности

5 of 16

Что такое веб-сайт? Как вы думаете?

6 of 16

Прочитайте понятие веб-сайта на стр. 46 и назовите признаки веб-сайта

7 of 16

В учебнике у вас приведены типы веб-сайтов, но сейчас уже нет чёткой границы

8 of 16

Посмотреть код любой страницы. Обратить внимание, что веб-страница создаётся с помощью специального языка гипертекстовой разметки. https://npbp.by/

9 of 16

Прочитайте п. 6.2 до слов «Обычно…» и ответьте на вопросы

На каком языке создаются веб-страницы?
Что позволяет задавать язык HTML?
Какое расширение у файла HTML-документа?
Через какую программу мы можем открыть этот документ?
Назовите компоненты языка HTML.

10 of 16

Веб-страницы можно создавать в Блокноте, но сохранять файл нужно с расширением htm или html.

11 of 16

Создание веб-страницы

Программа
Сохранение файла.
Тег <html>. Закрывающийся тег.
Каждая страница имеет две части служебную и содержательную часть.
Служебная часть размещается между тегами <head>...,
Тег <head>. Информация для поисковой системы. Не отображается на странице.
Тег <body>. Отвечает за содержимое веб-страницы.
Тег <title>. Каждая страница имеет заголовок.
Тег заголовка <h1>.
Обратить внимание, что текст располагается в одну строку. Тег абзаца. Непарный.
Цветовый круг

12 of 16

Браузеры не проверяют правильность написания кода. Неправильно записанный код браузер игнорирует

14 of 16

Заголовки <h1>...</h1>, …,<h6>...</h6>

Абзац <p> - добавляет пустукю строку

Цвет страницы и текста на странице �<body bgcolor="red" text="green">

<br> - разрыв строки

15 of 16