Язык HTML как средство создания информационных ресурсов Интернет. Методика.

HTML(HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

Элемент (element) — конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста — возможность вложения элементов.

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

Атрибут (attribute) — параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартных или произвольных. Предполагается, что символьные значения атрибутов заключаются в прямые кавычки, но некоторые броузеры позволяют не использовать кавычки. Это объясняется тем, что тип атрибута всегда известен заранее. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами.

Гиперссылка — фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.

Фрейм, кадр, рамка (frame) – этот термин имеет два значения. Первое — область документа со своими полосами прокрутки. Второе значение — одиночное изображение в сложном (анимационном) графическом файле (по аналогии с кадром кинофильма).

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

В таком простом документе используются следующие теги:

<HTML>. Данный тег используется для открытия HTML-документа. Каждая Web-страница начинается тегом <HTML> и заканчивается закрывающим тегом </HTML>.

<HEAD>. Любой HTML-документ состоит как минимум из двух частей: заголовка и собст­вено документа. Данный тег определяет заголовок Web-страницы и должен иметь обязательный закрывающий тег </HEAD>. Также обязательным атрибутом этого тега является Teг <TITLE>.

<TITLE>. Каждый HTML-документ имеет название, заключенное между тегами <TITLE> и </title>. По названию документа HTML браузеры могут найти информацию, поэтому ме­сто для названия всегда определено - оно находится вверху и отдельно от содержимого HTML-документа. Отображается название в заголовке окна браузера, поэтому на него накладывается ограничение: максимальная длина названия - 40 символов.

<BODY>. Данный тег заключает в себе непосредственно документ. Также необходим закрывающий тег </BODY>.Для того, чтобы набрать это программу, нужно открыть Пуск, Программы, Стандартные, Блокнот. При сохранении созданного до­кумента необходимо указывать расширение имени файла *.html или *.htm, для того, чтобы браузер правильно определил тип файла и корректно отобразил информацию, содержащуюся в HTML-файле. Для этого откройте Файл, Сохранить как. Теперь дав название и расширение .html сохрани­те.

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

Тег <BODY> имеет атрибуты, которые перечислены ниже:

• bgcolor-'..." — определяет цвет фона документа. Работа с цветами в HTML

-документах будет рассмотрена ниже;* text-'..." -устанавливает цвет текста;

Нужно в своей Web- странице открыть меню Вид и Просмотр HTML-кода и установите цвета фона и текста. В документах HTML кроме текста могут присутствовать графические изображения, для вставки которых используется тег <IMG>.

Например: <IMG src-'pic.jpg" width=600 height=290> Здесь атрибут src-'..." определяет ад­рес графического файла. Jpg- расширение рисунка. Width-ширина рисунка, height="..."-высота рисунка. Выбираем рисунок и вставляем в свлю страничку. Важнейшим понятием в HTML является гиперссылка, которая позволяет связать текст или какой-либо объект с другими гипертекстовыми доку­ментами. Для определения ссылки используется тег <А>, структура которого имеет сле­дующий вид: <А href="fllename"> текст ссылки</А>.

Filename- имя файла или адрес, на который необходимо сослаться, а текст ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе.

Для создания Web - страницы используется язык создания Web- страниц HTML. Hypertext Markup Languages- язык разметки гипертекстов, он по­зволяет формировать различную гипертекстовую информацию на основе структурированных документов, а браузер определяет сформированные ссылки и, через протокол передачи ги­пертекста HTTP, открывает доступ к документу другим пользователям INTERNET.

Для соз­дания Web-страниц необходим текстовый редактор, позволяющий сохранять файлы в ASCH коде, а это означает, что HTML-документ не содержит каких-либо знаков форматирования текста. Он может содержать только буквы, цифры, знаки препинания и некоторые другие печатные символы. Самым простым редактором, позволяющим создавать Web-страницы, является Блокнот, который встроен в операционную систему Windows. Использование же специальных программ позволит ускорить время созда­ния Web-страницы, но не избавит от необходимости знания HTML-кола. Создание простого HTML-документа HTML-документ, по сути, представляет собой обычный текстовый файл.

Редактировать Web-страницы, опубликованные в сети Internet, может лишь тот, кто их создал, а не любой пользователь, поскольку каждая страница имеет свой уникальный адрес (URL) и существование двух разных страниц с одинаковым адресом исключено.

HTML-страница содержит как обыч­ный текст, так и специальные команды разметки (lags или теги), заключенные в угловые скобки (< и >). Те­ги языка HTML задают правила, по которым браузер отображает документ на экране: размещение текста в окне, представление графических объектов (рисунков), а также вывод звуковых файлов, видео­клипов и т. д.

Большинство тегов языка HTML, такие как <HTML>, <TITLE>, <HEAD>, <FONT> и дру­гие, требуют соответствующую команду с символом </..> для ее закрытия, то есть тега конца команды.

Комбинация из открывающего и закрывающего тега называется контейнером тегов. Суще­ствуют команды, например, -Р> (тег, отделяющий друг от друга абзацы), для которых конец ко­манды ставить не обязательно, а также команды типа <BR> (мягкий перевод строки), которые просто не имеют тега конца команды. Многие команды имеют параметры, называемые атрибутами, кото­рые модифицируют действие команды. Теги не чувствительны к регистру. Это означает, что, например, HTML-тег <html> будет воспринят браузером так же, как тег <HTML> или <HtmL>.

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

<HTML>

<HEAD>

<TITLE>Haзвание</TITLE>

</НЕАД>

<BODY>

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

Скрипт или сценарий (script) — программа, включенная в состав Web-страницы для расширения ее возможностей. Броузер Internet Explorer в определенных ситуациях выводит сообщение: «Разрешить выполнение сценариев на странице?» В этом случае имеются в виду скрипты.

Расширение (extension) — элемент, не входящий в спецификацию языка, но использующийся, обеспечивая возможность создания нового интересного эффекта форматирования.

CGI (Common Gateway Interface) — общее название для программ, которые, работая на сервере, позволяют расширить возможности Web-страниц. Например, без таких программ невозможно создание интерактивных страниц.

Программный код или просто код — аналог понятия «текст программы».

Код HTML — гипертекстовый документ в своем первоначальном виде, когда видны все элементы и атрибуты.

World Wide Web, WWW или просто Web — Всемирная паутина, распределенная система доступа к гипертекстовым документам, существующая в Интернете. HTML является основным языком для создания документов в WWW.

Web-страница — документ (файл), подготовленный в формате гипертекста и размещенный в World Wide Web.

Сайт (site) — набор Web-страниц, принадлежащих одному владельцу.

Броузер (browser) — программа для просмотра Web-страниц.

Пользовательский агент (user agent) — броузер или другая программа, работающая на компьютере-клиенте.

Загрузка (downloading) — копирование файлов с сервера на компьютерклиент.

URL (Uniform Resource Locator) или универсальный указатель ресурса – адрес некоторого объекта в Интернете. Типичный URL для WWW имеет вид:

http://www.название.домен/имя файла

Базовый URL — часть адреса, которая является общей для всех ссылок текущей Web-страницы.

Базовый цвет — каждый цветовой оттенок на экране монитора получается соединением трех базовых цветов: красного, зеленого и синего.

Пиксел (pixel) – единица измерения, равная 1 точке экрана. Самая маленькая единица измерения и самая часто используемая.

Цветовой канал — интенсивность красного, зеленого или синего цвета на экране монитора. Цвет каждого пиксела определяется как комбинация этих трех величин.

Гамма-коррекция — создание нелинейной зависимости между реальной интенсивностью базового цвета и полученной яркостью на экране монитора. Изображения, полученные без гамма-коррекции, оказываются более темными, так как монитор воспроизводит различные градации яркости нелинейно по отношению к их числовому выражению. Изменение параметра «гамма» часто используют в графических редакторах при работе с изображением

Методика

В учебнике по информатики и информационных технологий, автор Угринович 8кл (раздел «Коммуникационные технологии») затрагивает вопрос «Разработка Web-сайтов с использованием языка разметки гипертекста HTML». В этой главе рассматриваются такие вопросы как: Web сайт и Web страницы, форматирование текста и размещение графики, гиперссылки на web страницах, инструментальные средства создания web сайтов. Эта глава содержит большое количество аспектов касающихся web конструированию. Автор в данном учебнике собрал всю основную базу знаний касающихся web сайтов и их создания, которая играет большое значение в процессе обучения информатики. Изучив данный учебник, учащийся уже способен к созданию и оформлению Web сайтов на языке HTML и владеет достаточной большим запасом знаний по данной теме. Предусмотрены практические работы.

Семакин база 11кл, 2 часа теория, 5 практика, раздел «Основы сайтостроения» после знакомства с организацией глобальных сетей переходит к изучению инструментов для разработки web сайтов (изучение создание страниц и списков, результат создание сайта «Домашняя страница»).

Выполняются практические работы.

Самостоятельный проект – создание сайта.

Учащиеся должны знать:

какие существуют средства для создания web-страниц;

в чем состоит проектирование web-сайта;

что значит опубликовать web-сайт.

Учащиеся должны уметь:

создать несложный web-сайт с помощью редактора сайтов.

Семакинпрофиль 10 кл (в конце года) раздел «Коммуникационные технологии», Основы сайтостроения ,Способы создания сайтов. Понятие о языке HTML, Оформление и разработка сайта, О профессиях: web-дизайнер и другие профессии, Создание гиперссылок и таблиц.

Босова9кл, 4ч, «Коммуникационные технологии». После знакомства с глобальными, локальными сетями и сетью интернет. Изучаются: технологии создания сайта. Содержание и структура сайта. Оформление сайта. Размещение сайта в Интернете

Практическая деятельность:

• создавать с использованием конструкторов (шаблонов) комплексные информационные объекты в виде web-страницы, включающей графические объекты.

Поляков профиль 11 кл 18 ч(1 теория 17практика). «Создание веб-сайтов». Веб-сайты и веб-страницы, Текстовые веб-страницы, CSS, Оформление документа, Рисунки, Мультимедиа, Таблицы, Блоки, XML и XHTML, Динамический HTML, Размещение веб-сайтов .

Наши рекомендации