Язык 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, Размещение веб-сайтов .