Разработка Web-сайтов

Цель: изучение основ языка разметки гипертекста HTML и использование его при Web-конструировании.

Ход занятия

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

2.Актуализация знаний.

Учитель: Предлагаю вспомнить некоторые понятия (беседа с обучающимися).

Web-страница (англ. Web page) — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера (Википедия).

Всеми́рная паути́на (англ. World Wide Web) — распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету (Википедия).

Веб-обозрева́тель, обозрева́тель, бра́узер— программное обеспечение для просмотра веб-сайтов, то есть для запроса веб-страниц (Википедия).

3. Изучение нового материала.

Учитель: Что такое HTML? (рассказ учителя с элементами беседы)

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.

Web-страницы можно создать с помощью языка HTML.

3.1. Понятие тега.

В обычный документ вставляются управляющие символы — HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.

Теги заключаются в угловые скобки <> и могут быть одиночными или парными.

Парные теги содержат открывающий и закрывающий теги (контейнер).

Например, код Web-страницы помещается внутрь контейнера

<HTML>… HTML>

Теги могут записываться как прописными, так и строчными буквами.

(Демонстрация презентации, 2-3 слайды).

3.2. Понятие атрибута.

Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые значения и влияют на внешний вид Web-страницы.

Например,

Моё имяМарина

FONT>

(Демонстрация презентации, 4 слайд).

3.3. Структура Web-страницы.

</font> </p> <p style="line-height: 100%"> <font size=2 style="font-size: 11pt">Название<span > Web-</span>страницы<span > </span></font> </p> <p style="line-height: 100%"><font size=2 style="font-size: 11pt">

На этой странице можно разместить любую интересную информацию в Интернете.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here