1 of 14

ПЛАН УРОКА

  1. Изучение нового материала.
  2. Физкультминутка.
  3. Практическая работа.
  4. Домашнее задание.
  5. Итоги урока.

2 of 14

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

3 of 14

Цели урока

УЗНАЕМ:

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

4 of 14

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

5 of 14

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

6 of 14

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

7 of 14

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

8 of 14

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

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

9 of 14

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

10 of 14

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

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

11 of 14

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

12 of 14

13 of 14

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

8. Атрибуты задают свойства объектов.

9. Изменить атрибуты цвета страницы и цвета текста. Пример 6.8. Где пишутся, значения

14 of 14

Домашнее задание

§ 6, вопросы 3 стр. 49