1 of 13

��

Т Р У Д

Тетрадь

Ручка

Учебник

Дневник

Организационный момент

2 of 13

Тема занятия:�Основные понятия �в веб-конструировании

Глава 2

Основы веб-конструирования

1

2

3

4

5

6

7

8

9

10

11

КР

3 of 13

Цели занятия

Буду знать:

  • что такое веб-сайт, какие есть типы сайтов;
  • что такое HTML, тег и атрибут;
  • структуру HTML-документа.

Буду уметь (смогу):

  • соотносить тег и атрибут с его назначением;
  • создать веб-страницу с помощью HTML-разметки с использованием текстового редактора.

4 of 13

���§6�Урок 9, задание 3*

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

5 of 13

Эволюция WEB

WEB 1.0

WEB 2.0

WEB 3.0

  • Только читай информацию
  • Читай и пиши общаясь с другими людьми
  • Читай, пиши и получай персонализированный для тебя контент
  • Статический
  • Динамический
  • Семантический
  • Простые веб-страницы
  • Социальные сети
  • Семантическая паутина
  • HTML
  • Пользователь сам создает контент
  • Пользователи получают прибыль используя их данные
  • Электронная коммерция
  • Мобильный доступ (телефон)
  • Дополненная и виртуальная реальность
  • Java и Javascript
  • Высокое качество видео
  • dApps (децентрализация)

​

  • Приложения
  • NFT (не взаимозаменяемый токен)

​

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

​

​

  • Высокая скорость подключения
  • Искусственный интеллект

​

​

  • Глобальный Интернет доступ
  • Совместимость

​

6 of 13

Этапы разработки веб-сайта (web-site)

  1. Определение тематики, целей и задач сайта

​

  • Проектирование структуры сайта и связей между страницами

​

  • Подготовка материалов (текст, графика, мультимедиа)

​

  • Описание логической структуры веб-страниц (HTML)

​

  • Описание внешнего вида веб-страниц (CSS)

​

  • Тестирование сайта и размещение в сети Интернет

7 of 13

HTML – язык разметки гипертекста��Расширение файлов:�.html�.htm�

HTML (Hyper Text Markup Language)

8 of 13

<тег>содержимое тега</тег>��<тег>�содержимое тега�</тег>��Пример:�<p>Зеленая поляна.</p>

Парный тег

9 of 13

<тег>��<тег/>��Пример:�<br>�<br/>���

Непарный тег

10 of 13

<тег атрибут=“значение”>содержание</тег>��Пример:�<body bgcolor=“blue” text=“white”>�Небо голубое и белые облака�</body>�

Атрибут тега

11 of 13

<html>� <head> <!-- комментарий -->� <title>название страницы</title>� <meta charset=“utf-8”>� </head>� <body>� содержание документа� </body>�</html>

Структура HTML-документа

12 of 13

�

�������������УП – учебное пособие (учебник); РТ – рабочая тетрадь

Отметки за задания

Задание

Задача

Отметка

Задание 1 (Урок 9, РТ)

Создать веб-страницу с содержимым по образцу

1 – 5

Задание 2 (Урок 9, РТ)

Выполнить задание в тетради

6, 7

Задание 3 (Урок 9, РТ)

Создать веб-страницу с предложенным содержимым

8 – 10

13 of 13

Что такое веб-сайт?��Что такое HTML? Зачем он нужен?��Из чего состоит HTML-разметка?��Устно озвучьте порядок следования тегов в базовой структуре HTML-документа.

Ответьте на вопросы

1.

​

2.

​

3.

​

4.

​

​

​

​