Структура и синтаксис написания HTML-документа
Nbsp; МИНОБРНАУКИ РОССИИ Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования "Московский государственный технический университет радиотехники, электроники и автоматики" МГТУ МИРЭА Подлежит возврату № 0000
ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ
Методические указания
по выполнению лабораторных работ
для студентов, обучающихся
по специальности - ""
МОСКВА 2012
Составитель В.М. Иванюгин
Редактор Г.Д. Потресова
Методические указания являются пособием для выполнения лабораторных работ по информационным технологиям.
Материал предназначен для студентов дневного отделения, обучающихся по специальности 220201 - и может быть использован для самостоятельной работы при освоении базового курса кафедры.
Печатается по решению редакционно-издательского совета университета.
Рецензенты: С.В. Петухов,
И.В. Шаманов
© МИРЭА, 2012
Введение
Главная задача работы - сформировать представление об основах написания Web-страниц в сети Интернет, определяется тем, что на современном уровне развития информационных технологий необходимо решать вопросы представления персональной информации в глобальной информационной сети.
Для решения поставленной задачи в методическом пособии рассматриваются принципы написания и технология оформления Web-документа.
|
|
|
Затем студентам предлагается самостоятельно составить отдельные части Web-страницы.
Краткая справка по WWW (Web)
Информационная служба WWW (World Wide Web - Всемирная паутина) основана в 1992 году и является мультимедийной информационной службой Интернета.
Основу Web составляют взаимосвязанные электронные страницы информации, называемые Web-страницами, на компьютерах, постоянно подключенных к Интернету (Web-серверах).
Web-страница - это мультимедийный гипертекстовый документ, состоящий из текстовой, графической, аудио-, видеоинформации.
Гипертекстом называют электронный документ, содержащий гиперссылки на другие документы.
Под гиперссылкой понимается установленная связь между элементом текста или графическим объектом и другой Web-страницей через закодированный адрес. Это не что иное, как электронный указатель на другой ресурс. Гиперссылки делают документ интерактивным.
Группу связанных страниц на одном компьютере, имеющем определенное имя, называют "сайт" (Site - узел).
Web-страница - это обычный файл в ASCII-кодировке, как правило, с расширением htm (html). Расширение html (иногда последний символ 1 опускают) указывает на то, что этот файл написан на языке разметки гипертекста (Hyper Text Markup Language).
|
|
|
Пользователь может "посещать" Web-страницы только при установлении связи с поставщиком услуг Интернета с помощью специального клиентского программного обеспечения (например Microsoft Internet Explorer фирмы Microsoft). В наш быт эти программы вошли под названием "браузеры Интернет" или "Интернет навигаторы".
Фактически все браузеры выполняют одну задачу: соединение с ресурсом по указанному адресу в Интернет и копирование этого ресурса (в данном случае Web-страницы) на компьютер пользователя.
Написание Web-страниц осуществляется по определенным правилам. Эти правила определяются языком разметки гипертекста HTML. Средствами HTML задаются синтаксис и размещение специальных встроенных указаний, в соответствии с которыми программа навигации по Интернету отображает содержимое документа: текст, изображение, гиперссылки и данные других типов.
Для написания Web-страницы прежде всего необходим Web-редактор. На сегодняшний день таких программ достаточно много: от программ, создающих файлы в кодировке ASCII, до мощных систем визуального написания Web-документов.
|
|
|
HTML-редактор - это программа, с помощью которой создаются HTML-документы, то есть те самые WEB-страницы. В настоящее время существуют редакторы двух типов: WYSIWYG-редакторы и редакторы тегов. К этому можно добавить, что большинство современных текстовых редакторов умеют сохранять документы в формате HTML.
WYSIWYG-редакторы - это программы, с помощью которых можно создавать страницы, не имея никакого понятия о языке HTML (What You See Is What You Get - что видишь, то и получаешь). Самым распространенным из них является, вероятно, Microsoft FrontPage. Недостатком WYSIWYG-редакторов является громоздкость созданных с их помощью HTML-документов. Это получается оттого, что WYSIWYG-редакторы вставляют HTML-коды, как говорится, "на все случаи жизни". В результате объем документа, а значит и время загрузки страницы, увеличивается. Ведь серверу даже для того, чтобы рассказать браузеру о пустом месте, то есть пробеле, необходимо передать информацию, а значит затратить какое-то время.
Второй вид HTML-редактороров - редакторы тегов. При работе с ними Вы видите непосредственно HTML-код документа, можете оперативно изменять его, контролируя результат - просматривая создаваемую страницу браузером. В этом случае, как правило, документ получается более компактным. Примеры таких редакторов:
|
|
|
SNK Visual HTML Workshopфирмы SNK Software. Очень удобная условно-бесплатная программа, которая позволяет создавать сайты любой сложности. Имеет также справочную систему не только по работе с самой программой, но и по языкам HTML и JavaScript;
1st Page 2000 – бесплатная программа фирмы EVRSOFT с большими возможностями.
Структура и синтаксис написания HTML-документа
HTML-документ состоит из:
-текста, который представляет собой содержимое документа,
-тегов (tags), которые определяют структуру и внешний вид документа при его отображении браузером.
Тег - это зарезервированное слово, заключенное в угловые скобки "< >". Теги помещаются перед и после текстовых блоков и сообщают браузеру о том, каким элементом является данный текстовый блок.
Тег состоит из имени, за которым может следовать необязательный список атрибутов тега и их параметров. Атрибуты уточняют тег и отделяются от имени тега и между собой пробелами. Атрибуты в теге могут быть записаны в любом порядке. Параметр атрибута, если таковой имеется, следует за знаком равенства и определяется в кавычки. Если значение атрибута состоит из одного слова или числа, кавычки можно опускать. Схематически тег выглядит так: <имя_тега атрибут тега="параметр_атрибута">.
Регистр символов в именах тегов и атрибутов не учитывается, за исключением значений параметров атрибутов. Например, особенно важно использовать нужный регистр при вводе URL-адресов других документов в качестве значений атрибута href (URL - Uniform Resource Locator - стандарт, определяющий адресацию в Интернет, согласно которому в адресе Web-страницы указываются в определенной последовательности: название протокола, по которому осуществляется передача информации /http для Web-страниц/, имя домена, на котором размещена Web-страница, и при необходимости структура каталогов компьютера на котором расположен информационный ресурс и сам файл Web-страницы).
По расположению в текстовом блоке различают начальные и конечные теги. Атрибуты имеет только начальный тег. Перед конечным тегом всегда ставится слэш, и конечный тег никогда не имеет атрибутов. Например, текст всего Web-документа заключается в теги <html> ... </html>.
Некоторые HTML-теги не имеют конечного компонента, поскольку они являются автономными элементами, например: <img> - вставка графического изображения, <br> - разрыв строки, <hr> - горизонтальная линейка.
В некоторых случаях конечные теги в документе можно опускать. Самый распространенный тег такого типа - тег абзаца <р>. Поскольку он используется документе очень часто, то его обычно ставят только в начале (или только в конце) каждого абзаца.
Текст Web-документа состоит из двух разделов: заголовка и тела, которые выделяются соответственно тегами <head> ... </head> и <body>…</body>.
В заголовке указывается служебная информация для программ-браузеров. (Текст, заключенный в теги <title> . . . </title>. будет отображаться в строке заголовка браузера).
Тело - это та часть, в которую помещается собственно содержимое HTML- документа: текст, ссылки на файлы, содержащие дополнительные файлы (графику, звук), и обозначаются точки привязки (гиперссылки).
Вложенные теги нужно закрывать, начиная с самого последнего и двигаясь к первому.
Структурно Web-страницу можно представить следующим образом:
<html>
<head>
.
</head>
<body>
.
</body>
</html>
Дата добавления: 2018-02-15; просмотров: 528; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!