Конспект урока по теме: Web-страницы и Web-сайты. Структура Web-страницы. Форматирование текста на Web-странице.

Тема урока: Web-страницы и Web-сайты. Структура Web-страницы. Форматирование текста на Web-странице.

Автор: Дотдаева Елена Сагитовна

Должность: учитель информатики

Категория: 1

Образовательное учреждение: Лицей №1 г. Усть - Джегута

Карачаево- Черкесская Республика, город Усть – Джегута.,

E-mail: dotdaeva2012@mail.ru

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

Класс: 8

Ключевые слова: Web- страница, Web- сайт, тег, язык HTML, сервер.

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

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

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

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

Задачи:

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

2. Ознакомление  учащихся  с понятием сайта, структурой web- страницы, основными тегами;

3. Способствование развитию  памяти, внимания, мышления.

Ход урока:

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

Приветствие учащихся. Проверка готовности к уроку.

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

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

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

3.Какие поисковые системы вам известны?

4.Какие формы электронной коммерции существуют в Интернете?

5.Что такое хостинг?

6.Чем отличается реклама в Интернете от рекламы обычной?

7. Что такое интернет-аукционы? Интернет-магазины? Цифровые деньги?

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

Тема нашего сегодняшнего урока: «Web-страницы и Web-сайты. Структура Web-страницы. Форматирование текста на Web-странице». Основные моменты и определения учащиеся записывают в тетрадях.

Итак, что же такое Web-сайт и Web-страница?

Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом. Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами. На одном сервере может размещаться множество Web-узлов или сайтов.

Чтобы опубликовать в Интернете страницу, содержащую некоторую информацию, используется специально разработанный для этого язык HTML.

HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.

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

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

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

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

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

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

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

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

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

Язык HTML не различает большие и малые буквы, так что тэги HEAD, head и Head эквивалентны.

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

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

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

…

…