Урок Web-технологии.Создание Web-страницы

Тема урока: Урок Web-технологии.Создание Web-страницы

Предмет: Информатика.

Класс: 8

Оборудование: компьютерный класс, локальная сеть, Интернет, проектор.

Тип урока: изучения  новых знаний.

Формы работы: фронтальная, коллективная, индивидуальная на компьютере.

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

Задачи:

1. Организация деятельности учащихся по изучению новой темы;

2. Ознакомление  учащихся  с основными понятиями.

Ход урока:

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

Приветствие учащихся.

1. Актуализация опорных знаний.

1.Какие способы поиска информации в Интернете вам известны?(назвать 3 способа)

2.Какие поисковые системы наиболее популярны?

3.Какие существуют специальные символы для поисковых систем?

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

Тема нашего сегодняшнего урока: «: Урок Web-технологии.Создание Web-страницы».

Начнем с того что мы подразумеваем под Web-технологиями.

Это некоторый принцип работы с информацией внутри сети.

Собрание страниц, объединенных общей тематикой и принадлежащей некоторому конкретному лицу, как правило, на сервере, называют Web-сайтом.

Сервер-программа – это некоторая сетевая программа которая принимает информацию от клиента и обрабатывает запросы.

HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа

Создавать Web-страницы можно с помощью любого текстового редактора(например Блокнот).

Все файлы этого формата имеют расширение .html или .htm. В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки  и , например html, head, title, title. Такие элементы разметки называются тэгами. Тэги бывают одиночными, открывающими и закрывающими и состоят из следующих друг за другом в определенном порядке элементов:

•       левой угловой скобки ;

•       необязательного символа слэш /, который означает, что тэг является конечным тэгом, закрывающим некоторую структуру, например, title. В этом смысле можно читать символ / как конец некоторого элемента разметки, например, строки или абзаца;

•       имени тэга, например, html;

•       необязательных атрибутов. Тэг может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например, align="center";

•       правой угловой скобки .

Таким образом, открывающий тэг html, стоящий вначале документа HTML и означающий его начало, состоит из имени html и двух угловых скобок  , а тэг html, находящийся в конце Web-документа, кроме указанных элементов содержит также символ слэш /, означающий закрывающий тэг и указывающий на конец документа.

В тэгах могут использоваться только символы латинского алфавита, а в значениях атрибутов - любые символы. Если в качестве значений атрибута используются, например, символы кириллицы, то они должны быть заключены в кавычки, например name="Раздел 1".

Большинство тэгов спарены: за открывающим тэгом следует соответствующий ему закрывающий тэг, а между ними содержится текст или другие тэги.

В таких случаях два тэга и часть документа, заключенная между ними, образует блок, называемый элементом HTML.

Каждый HTML-документ имеет определенную структуру, которая выглядит следующим образом:

…

…