- •Лабораторная работа № 1
- •Лабораторная работа № 2
- •Лабораторная работа № 3
- •Лабораторная работа № 4
- •Лабораторная работа № 5
- •Лабораторная работа № 6
- •Лабораторная работа № 7
- •Типы адресов стека tcp/ip
- •Классы ip-адресов
- •Как назначать номера сетей и подсетей
- •Лабораторная работа № 8
- •Протокол arp
- •Порядок преобразования адресов
- •Межсетевой протокол ip
- •Способы маршрутизации. Прямая маршрутизация.
- •Косвенная маршрутизация.
- •Правила маршрутизации в модуле ip
- •Фиксированные маршруты
- •Перенаправление маршрутов
- •Протокол udp
- •Протокол tcp
- •Лабораторная работа № 9
- •Лабораторная работа № 10
- •Краткие теоретические сведения
- •В заголовках документов должны содержаться сведения о разработчике документа
Лабораторная работа № 10
Тема: Изучение технологии World Wide Web для представления информации
в сети Internet
Цель работы: Изучение технологии World Wide Web и языка разметки гипертекстовых документов HTML для получение практических навыков по созданию страниц Web-сервера.
Краткие теоретические сведения
Наиболее популярным протоколом работы в Интернет является протокол HTTP с так называемыми WWW-серверами. Термином WWW (World Wide Web) принято обозначать совокупность документов во всем мире, имеющих гипертекстовые ссылки и просмотр которых возможен с использованием протокола HTTP. Такие документы оформляются в соответствии со стандартом HTML. Название стандарта оформления документов Hypertext Market Language - HTML можно перевести как «Язык разметки гипертекстовых документов». Особенности оформления документов в соответствии с этим стандартом состоят в том, что все форматирование в документе записывается только с помощью ASCII-символов. Принято, что документы, передаваемые по глобальной компьютерной сети, не должны содержать никаких специальных символов, только текст. Если составитель документа считает, что читателю будет полезна дополнительная информация по какому-нибудь понятию, то он может включить в текст так называемую гипертекстовую ссылку и когда пользователь щелкнет мышью по гипертекстовой ссылке, то вместо текущего документа на экран будет выведен тот, на который указывает ссылка.
Информация на WWW-серверах обычно оформлена аналогична страницам «бумажного документа», поэтому принято говорить, что в сеть представляется «страница информации». Каждый документ может содержать много внутренних ссылок.Так что с одного сервера можно прочесть не одну страницу информации. Но все же одна будет главной, начальной. Ее принято называть «home page». Обычно разработчики прилагают много усилий, чтобы страница «хорошо смотрелась». Они используют для оформления различные цвета, многочисленные цветные иллюстрации и мультипликации, аудио и видеоклипы. Конечно, объем пересылаемой по сети информации при этом резко увеличивается, и разработчикам приходится находить компромисс между скоростью получения странички пользователем и возможностями ее оформления. Для просмотра таких страниц можно использовать различные программы-броузеры (browser), в том числе Microsoft Internet Explorer и Netscape Navigator.
Язык HTML предназначен для описания гипертекстовых документов. HTML-документ не содержит никаких форматирующих кодов, употребляются только символы ASCII, точнее первые 127 символов таблицы ISO. Необходимое оформление описывается с помощью специальных тэгов (описателей), которые для отличия их от основного текста документа заключаются в угловые скобки: «<» и «>». В HTML принято, что текст не содержит прямого форматирования. Оформление абзацев осуществляется только присвоением им соответствующего стиля; форматирование текста производится добавлением в документ в начало и конец выделяемого фрагмента специальных «описателей» – тэгов. Описание набора стилей оформления задается программой просмотра WWW-страниц, и обычно пользователь имеет возможность заменить гарнитуру шрифта стиля. А характеристики конкретного стиля уже будут определены с учетом заданных в программе относительных параметров. Поэтому вид одной и той же страницы будет меняться в различных программах просмотра или даже в одной программе, но с другими настройками.
Каждый HTML-документ должен начинаться с тэга <HTML>, а заканчиваться тэгом </HTML>. Это сообщает программе-броузеру, что документ составлен по стандарту HTML. В документе обычно существуют два блока: заголовок и непосредственно сам текст. В заголовке, содержимое которого не выводится на экран, описываются служебные характеристики: автор, кодовая страница документа, ключевые слова, название и т.п. Блок заголовка может отсутствовать. Заголовок начинается с тэга <head> ,а завершается </head>. После блока заголовка расположен блок текста. Он заключен в тэги <body> </body>. Между ними находится сам текст документа с необходимыми тэгами форматирования, включения графики, ссылок и т.п.
При оформлении текста документа тэги обычно используются парой: один открывает данный тип оформления, а другой (отличается от первого наличием «закрывающего» символа – слэша) свидетельствует об окончании данного оформления. Обычно в «открывающий» тэг включаются дополнительные параметры, которые уточняют вариант оформления. Так, в тэг рисунка может быть дополнен указанием его размеров, в тэге заголовка может содержаться вариант выключки – влево, по центру, вправо и т.п. Тэги можно включать один в другой (комбинировать). Например, внутри блока полужирного текста можно использовать оформление курсивом. Результатом будет полужирный курсив. Тэги могут использоваться:
1. Для оформления символов текста;
2. Для оформления всего абзаца;
3. Для включения в текст документа специальных элементов (рисунков, скриптов, звуковых эффектов и т.п.);
4. Для задания характеристик всего документа (используются в разделе заголовка).
В соответствии с этим условным делением и рассмотрим их синтаксис. Значение параметров, которые описываются в тэге, следует заключать в кавычки, хотя в некоторых случаях эти кавычки могут быть опущены без ошибок в синтаксисе.
Для оформления участка текста тем или иным начертанием символов можно использовать следующие тэги:
Тэг |
Описание |
|
открывающий |
закрывающий |
|
<BIG> |
</BIG> |
Выделяет заключенный между тэгами участок документа шрифтом большего кегля. Обычно приводит к тому же эффекту, что и тэг <FONT SIZE=”+1”> |
<SMALL> |
</SMALL> |
Выделяет заключенный между тэгами участок документа шрифтом меньшего кегля. Обычно приводит к тому же эффекту, что и тэг <FONT SIZE=”-1”> |
<B> |
</B> |
Оформляет полужирным начертанием |
<I> |
</I> |
Оформляет текст курсивным начертанием шрифта |
<STRIKE> |
</STRIKE> |
Оформляет выделенный текст перечеркиванием |
<SUB> |
</SUB> |
Оформляет выделенный текст подстрочным начертанием (нижние индексы) |
<SUP> |
</SUP> |
Оформляет выделенный текст как верхние индексы |
<U> |
</U> |
Подчеркивает оформленный этими тэгами текст |
<PRE> |
</PRE> |
Программа просмотра не меняет оформление выделенного этими тэгами текста: не уменьшается автоматически число пробелов, перенос строки делается только в позициях, определенных в оригинале. Для показа текста обычно используется моноширинный шрифт (типа Courier) |
<TT> |
</TT> |
Оформление текста телетайпным шрифтом. Обычно это моноширинный шрифт. |
Для оформления абзаца – присвоения ему того или иного стиля – используются приведенные ниже тэги. Конкретные параметры стиля определяются в программе просмотра сети и можно только частично влиять на их значения.
Тэг |
Описание |
|
открывающий |
закрывающий |
|
<P> |
</P> |
Этот тэг обозначает начало абзаца. Если вы не используете его, то все абзацы исходного текста сольются в один в программе просмотра. Закрывающий тэг может быть опущен, однако, если в открывающем тэге вы использовали параметр выравнивания, то лючше завершить абзац закрывающим тэгом |
<address> |
</address> |
Используется для оформления «контактной» информации. Обычно оформляется курсивом, а абзац имеет небольшую втяжку слева. Данный тэг не начинает новый абзац, поэтому лучше включать перед ним обрыв строки либо начало нового абзаца |
<blockquote> |
</blockquote> |
Используется для выделения длинных цитат. Может быть оформлено программой просмотра как абзац с втяжкой слева и курсивом. Иногда программы просмотра оформляют такой блок аналогично цитированию в электронных письмах. Тэг не начинает нового абзаца. Поэтому его лучше комбинировать с тэгом заголовка или нового абзаца |
<center> |
</center> |
Задает выравнивание по центру текста, заключенного в данные тэги. Действие данного тэга не завершается с концом абзаца, то есть не забывайте включать закрывающий тэг. Аналогичный результат, но для одиночного абзаца, вызывает параметр ALIGN=CENTER в открывающем тэге. |
<cite> |
</cite> |
Используется для оформления цитат. Обычно применяется курсивное начертание |
<code> |
</code> |
Используется для оформления текста программ и т.п. Обычно отображается моноширинным шрифтом |
<em> |
</em> |
Оформление выделений в тексте. Обычно применяется просто курсивное начертание основного шрифта |
<h1> |
</h1> |
Эти тэги используются дляоформления заголовков 1,2,..6 уровней. Оформление конкретного уровня заголовков обычно определено в программе просмотра. Заголовки «низких» уровней используются не часто, а программы просмотра отображают их шрифтами небольших кеглей |
<h2> |
</h2> |
|
… |
… |
|
<h6> |
</h6> |
|
Некоторые параметры могут применяться в различных тэгах. Опишем правила их использования:
CLEAR – Данный тэг позволяет «уменьшить произвол» при просмотре. Если он использован в описании элемента HTML-документа, то этот элемент будет показан при просмотре ниже всех других объектов, ранее описанных в документе;
HEIGHT=n, WIDTH=n - задает высоту и ширину элемента, в описание которого включен этот тэг. Значения могут быть абсолютными (при этом их размерность определяется параметром UNITS), или относительными – в процентах от суммарной щирины или высоты. Относительные значения всегда должны быть заключены в кавычки, например, HEIGHT=”30%”.
UNITS – определяет размерность использованных единиц измерения в которых заданы параметры. Обычно размеры задаются в пикселях (units=pixels)
ALIGN=left | right | center - задает горизонтальное выравнивание (выключку) элементов: абзацев текста, иллюстраций, таблиц и т.п. Можно выровнять элемент по левому краю, по правому, по центру. По умолчанию абзацы имеют выключку влево.
VALIGN=top | middle | bottom | baseline - определяет относительное выравнивание двух элементов по вертикали, например, рисунка и абзаца текста, в который данный рисунок включен. Соответственно может быть по верхней линии, по центру, по нижней линии или по базовой линии (шрифта)
Оформление заголовка документа. Следующие тэги должны быть включены в раздел заголовка документа, то есть находиться между тэгами <head> и </head>. Использование их не обязательно и определяется дизайнером страницы.
<TITLE> … </TITLE> - эти тэги определяют заголовок документа. Он показывается в строке заголовка программы просмотра. Рекомендуется – для совместимости – не использовать в заголовке символы национального алфавита, то есть заголовок должен состоять из латинских букв (символы 32 – 126 кодовой таблицы).
Мэта-тэги. Эти тэги, использоемые в заголовке документа, сообщают программе просмотра дополнительную информаци. О документе. Возможны два варианта написания этих строк:
<META NAME=string CONTENT=string>
<META HTTP-EQUIV=string CONTENT=string>
первый вариант просто вводит дополнительные параметры документа, а второй определяет характеристики протокола HTTP для документа. (Примеры мета-тэг см. приложение 1).
<BASEFONT SIZE=n> - определяет относительный размер основного шрифта документа. Значение n может быть в диапазоне от 1 до 7. Параметр не оказывает влияния на размер шрифта заголовка.
<BASE HREF=url> - определяет путь по «умолчанию» для документов, на которые указывают гипертекстовые ссылки. Это позволяет упростить их написание, если они применимы в документе в большом количестве. Так если использован следующий тэг <BASE HREF=”http://www.remoteserver.com/white”>, то вместо ссылки <A HREF=”http://www.remoteserver.com/white/yellow/mydocument.htm”>.
<HR> - данный тэг вставляет в текст документа горизонтальную линию. Для нее можно дополнительно указать толщину, цвет, параметр CLEAR, ширину (задается параметром SIZE) и выравнивание. По умолчанию рисуется тонкая линия цвета основного текста на ширину окна документа (или до конца строки, если тэг использован внутри абзаца). Дополнительно можно включить параметр NOSHADE, который определяет отсутствие эффектов "оттенения" (рисуется только тонкая линия без объемных эффектов).
Оформление текста . Гипертекстовые ссылки представляют собой участок документа, щелчок мышью по которому повлечет вывод на экран нового документа, на который указывает эта ссылка. Он может быть расположен как на том же сервере, что и текущий документ, так и храниться на другом компьютере Интернет. Организация ссылок является мощным средством для получения дополнительной информации по теме документа.
В тексте документа ссылки программой просмотра выделяются другим цветом, «по умолчанию» это голубой цвет. Если документ, на который указывает ссылка, уже был просмотрен пользователем, то цвет такой "просмотренной" гипертекстовой ссылки будет отличаться от ссылки на документ, с которым пользователь еще не работал.
Для работы можно использовать следующий синтаксис гипертекстовой ссылки:
<А HREF="url" TARGET="name">Teкст</A>
URL — это путь к документу, на который указывает эта ссылка. Если документ расположен на этом же сервере, что и текущий, то можно указать относительный путь к файлу. Иначе надо указывать полный путь, например, таким образом:
<A HREF="http://ur.etel.ru/news/news.htm">
Можно организовать ссылку не только на документ в целом, но и указать конкретный его участок, который будет выведен на экран сразу же после загрузки документа. Этот способ удобен при просмотре длинных документов и позволяет создать нечто вроде активного оглавления. Для этого в текст документа в соответствующее место должна быть включена закладка таким образом:
<А NAME="имя_заклодки">
(закрывающего тэга не нужно), а в ссылке указан путь к документу и имя этой закладки:
<A HREF="http://ur.etel.ru/document.htm#имя_зaклaдки">
Гипертекстовая ссылка может указывать и на участок в текущем документе. В этом случае она будет иметь вид:
<А HREF="#имя_закладки_в_документе">Текст</А>
По умолчанию загрузка документа, на который указывает ссылка. будет произведена в то же окно программы, в котором расположен текущий документ. В современном дизайне HTML-документов широко используется многооконная верстка: в программе просмотра может быть создано несколько окон, в каждое из которых будет выведен различный документ. В этом случае можно по гипертекстовой ссылке загрузить документ не в текущее окно, а в другое. Для этого нужно добавить в описание ссылки параметр TARGET так, как описано ниже:
<А HREF="url" TARGET="имя_окна"> - имя_окна нужно указывать то, которое присвоено окну при его создании.
BODY: Задание параметров оформления текста. В тэг, начинающий блок текста документа, можно включить ряд параметров, которые описывают "глобальные" свойства документа. В частности:
BACKGROUND-url - этот параметр задает рисунок, который будет использован в качестве фона для текста документа. Обычно используемые рисунки имеют небольшие размеры (для ускорения передачи их по сети), поэтому при заполнении всего экрана программа просмотра повторяет рисунки: они размещаются вплотную друг к другу по горизонтали и вертикали. Поэтому необходимо предусмотреть, чтобы по границам соседних рисунков не было заметно резких переходов. Также следует оценить читаемость текста и не применять слишком темных рисунков для заполнения окна с текстом.
BGCOLOR=#rrggbb - этот параметр задает цвет фона документа. Если задан рисунок для заполнения, то будет выведен рисунок, а данный параметр проигнорирован. Если рисунок не будет найден по указанному пути, то будет использован этот параметр. Цвет определяется интенсивностью каждого из трех основных цветов: красного, зеленого и синего. Значения параметров приводятся в диапазоне от 00 до FF (шестнадцатеричная форма). Для подбора нужных значений параметров можно использовать любой из графических редакторов, который позволяет при выборе цвета увидеть численные параметры интенсивности каждой составляющей.
TEXT=#rrggbb LINK=#rrggbb
VLINK =#rrggbb ALINK=#rrggbb
Эти параметры определяют (последовательно) цвета: шрифта основного текста, гипертекстовых ссылок, "посещенных" ссылок и "активных" (которые только что выбраны и еще не успели привести к обновлению документа на экране). Численные значения параметров аналогичны параметрам цвета фона.
<FONT></FONT> - эти тэги определяют шрифт в документе. Открывающий тэг может включать следующие параметры:
SIZE=string - определяет относительный размер шрифта документа. Значение string может быть в диапазоне от 1 до 7. Можно указывать не абсолютный, а относительный параметр. В этом случае кегль будет изменен относительно текущего значения шрифта. Для этого укажите размер шрифта со знаком "+" или "-", например, так: SIZE="+2";
COLOR=#rrggbb - задает цвет шрифта;
FACE=string - определяет гарнитуру. Можно перечислить несколько вариантов, например, FACE="Helvetica, Arial".
Таблицы. Для оформления таблиц используется специальный набор тэгов. Реальное отображение таблицы сильно зависит от алгоритмов, использованных в программе просмотра. Обычно таблица просчитывается программой в несколько проходов, при этом вычисляется ширина элементов в каждой ячейке и определяется результирующая ширина столбца. В результате реальные размеры таблицы могут оказаться совсем не теми, которые вы определили в ее описании . Внутри таблицы можно использовать все элементы HTML-документа: вставлять формы, рисунки, абзацы любого стиля и т.п.
Тэги таблицы. Описание таблицы заключено в тэги <table> и </table>. В открывающем тэге можно определить ширину таблицы, ее выключку, параметр CLEAR, цвет фона, толщину рамок (вокруг ячеек и всей таблицы). Кроме того, в описании таблицы могут быть использованы параметры CELLPADDING и CELLSPACING. CELLPADDING определяет промежуток (в пикселях) между содержимым ячеек таблицы и сеткой (рамкой вокруг ячейки), a CELLPADDING задает промежутки между отдельными ячейками. Можно определить заголовок таблицы тэгами <caption> и </caption>, хотя большого практического значения это не имеет: заголовок можно задать и вне описания таблицы стандартными тэгами заголовков.
Каждый ряд таблицы должен начинаться с тэга <TR>, а заканчиваться - </TR>. В свою очередь, каждая ячейка таблицы должна начинаться с тэга <ТН>, а завершаться — </ТН>. Каждый открывающий тэг (как ряда, так и ячейки таблицы) может содержать параметры выравнивания текста (как по вертикали, так и по горизонтали), ширину элемента (как в абсолютных, так и в относительных единицах), цвет текста и фона ячейки (или ряда).
В таблицах часто используются объединения ячеек между собой, причем стандарт HTML допускает объединение как по вертикали, так и по горизонтали. Параметр ROWSPAN=число_рядов определяет, сколько рядов объединяет в себе ячейка, в определение которой он включен, а параметр COLSPAN=число_ячеек - число ячеек (справа от этой ячейки), которые она объединяет.
Обратите внимание на следующую особенность использования данных параметров. После их введения в описание таблицы не надо включать описание тех ячеек, которые сольются с первой. То есть, если вы использовали в первом ряду таблицы с количеством столбцов 3 объединение двух ячеек по вертикали, то во втором ряду нужно уже описывать только 2 ячейки. Если Вы включите описание всех 3 ячеек, то программа посчитает первую ячейку за вторую (так как по представлениям программы первая ячейка описана, как объединенная с предыдущим рядом), вторую — за третью, а содержимое последней ячейки будет просто проигнорировано, так как в вашей таблице задано только 3 столбца.
Рисунки. Программы просмотра "понимают" только два формата иллюстраций: GIF и JPEG. Поэтому, если Вы хотите вставить в свою страницу рисунок другого формата (например, TIFF), его надо конвертировать в один из этих двух. Какой - принципиального значения не имеет. Хотя иллюстрация в формате JPEG может без потери качества иметь меньший размер файла, то рисунок в формате GIF может, например, иметь прозрачный фон, что удобно в некоторых случаях оформления страниц.
Размер иллюстраций во многом определяет скорость получения страницы пользователем в Интернет. Так как большинство пользователей имеют не столь высокие скорости реальной работы, то следует максимально возможно уменьшить размеры файлов, использованных в оформлении страницы. Что можно предложить? Первое, формат JPEG предполагает несколько уровней компрессии иллюстраций. В большинстве случаев удовлетворительный результат достигается при высокой степени сжатия (более низком качестве). Второе, не увеличивайте размеры иллюстраций без необходимости. Попробуйте задать коэффициенты увеличения иллюстрации в параметрах HTML-документа: часто можно использовать, например, двукратное увеличение рисунка относительно его реальных размеров. Третье, используйте при оформлении заменяющие рисунки с уменьшенными размерами. Эти рисунки могут быть загружены первыми и быстрее основной иллюстрации (так как имеют меньший размер). После загрузки страницы и иллюстраций малого разрешения начнется закачка основных рисунков. Хотя суммарно будет затрачено большее время, но пользователь может уже составить свое мнение о рисунке и перейти на другую ссылку, если этот рисунок не будет представлять для него интереса.
Рисунки включаются в текст документа тэгом <IMG SRC=url>. В качестве пути к рисунку может быть использована либо относительная (от каталога, где расположен текст документа), либо абсолютная ссылка. В этом тэге могут быть использованы следующие параметры:
ALT=string - этот параметр определяет текст, который будет показан вместо рисунка в текстовом режиме просмотра;
AUGN=left/right/top/middle/botton - определяет выключку рисунка в тексте. Если Вы используете left или right, то текст будет обтекать рисунок. Параметры top, middle, bottom определяют вертикальное размещение иллюстрации относительно текста: либо рисунок и текст будут выровнены по верху, по центру или по нижнему краю;
HEIGHT=n, WIDTH=n - задание этих параметров позволяет масштабировать рисунки. Причем можно задать разные коэффициенты масштабирования "по вертикали" и "по горизонтали". Обычно размер иллюстрации указывается в пикселях, но можно использовать и другие величины, включив в тэг иллюстрации информацию о величинах измерения. Указание размеров рисунка в явном виде является хорошей практикой, так как часто позволяет ускорить вывод документа программой просмотра на экран;
BORDER=n - этот параметр определяет, какой толщины будет прорисована рамка вокруг рисунка, если рисунок используется в гипертекстовой ссылке. Если значение параметра равно 0, то пользователь может и не обратить внимание, что рисунок является гипертекстовой ссылкой. Если рисунок не включен в ссылку, то данный параметр игнорируется;
HSPACE=n, VSPACE=n - параметры определяют «зазор» между рисунком и текстом. По умолчанию такого зазора нет, так что текст будет вплотную «прижат» к рисунку.
HTML позволяет использовать рисунок в качестве "карты ссылок". В этом случае разные области на рисунке будут соответствовать различным гипертекстовым ссылкам. То есть, если щелкнуть по рисунку, то - в зависимости от того, в какую область рисунка попадете — будут сформированы разные гипертекстовые ссылки и загружены различные документы. Очень часто на WWW-серверах можно встретить действительно "карты", например, карты действующих WWW-серверов. Щелкнув по какому-либо региону, Вы получите перечень серверов именно этой области и т.д. Второй часто используемый случай применения "карты ссылок" - создание графического меню на сервере. Вы создаете свое меню и с помощью карты ссылок определяете документы, которые будут загружены "по нажатию" той или иной "клавиши".
Существует несколько вариантов определения карты ссылок. Например, программа пользователя может сообщать серверу координаты щелчка мыши, а уже сервер вычислять тот документ, который нужно загрузить пользователю. Этот вариант предъявляет минимальные требования к программе, используемой для просмотра документа, но увеличивает нагрузку на сервер, повышает объем передаваемой по сети информации и замедляет реакцию на действия пользователя. Наиболее употребителен в настоящее время способ, когда ссылка на документ формируется непосредственно в программе просмотра. При этом способе, чтобы указать программе, что данный рисунок должен быть использован как карта ссылок, нужно включить в тэг описания рисунка параметр USEMAP. Этот параметр сообщает программе просмотра, что рисунок надо рассматривать как карту ссылок. В качестве значения параметра указывается имя описания «карты». Это описание может храниться как в текущем документе, тогда параметр будет употреблен в виде USEMAP=" #имя_ карты_ссьшок", либо в отдельном файле. В этом случае параметр следует записать как USEMAP= "url#имя_ карты_ссылок" .
Карта ссылок заключается в тэги <МАР NAME= имя_кар-ты_ссылок> ... </МАР> и представляет собой перечень пар: область рисунка - URL документа, который должен быть загружен при щелчке мышью по данной области. Синтаксис таких описаний следующий:
<AREA SHAPE=method COORDS="positiondata" HREF="link" ALT="comment">
где - Method — это тип области рисунка. Возможно несколько вариантов:
Method |
Фигура |
Правила записи координат |
RECT |
Прямоугольник |
х1,у1,х2,у2 Сначала даны координаты левого верхнего угла, затем - правого нижнего. Каждая пара координат отделена от другой тоже запятой |
CIRCLE |
Круг |
cx, cy, r Сначала указаны координаты центра круга, затем - его радиус. |
POLYGON |
Многоугольник |
х1,у1,х2,у2,...хn,уn Последовательно указаны координаты каждой вершины многоугольника. Последняя вершина считается замкнутой с первой. Каждая пара координат также отделена от другой пары запятой |
DEFAULT |
- |
Используется для определения URL документа, если щелчок мышью произведен по области, которая не включена ни в одно описание. |
Positiondata - это набор координат для каждой фигуры, правила задания координат приведены в таблице (сверху).
Кроме того, желательно включить описание ссылки, которая будет выполняться, если будет произведен щелчок мышью по области, не описанной ни в одной из ссылок (default area).
Параметры единиц, использованных в тэге, - пиксели. Понятно, что правильно поставить эти координаты можно, только воспользовавшись одной из программ редактирования рисунков, которая может показывать текущее положение курсора.
Пример:
<IMG SRC="URL" USEMAP=#mymap>
…
<MAP NAME="mymap">
<AREA SHAPE=RECT COORDS="213,296,289,336"
HREF="docl.htm" ALT="info1">
<AREA SHAPE=CIRCLE COORDS="499,355,14"
HREF="doc2.htn" ALT="info2">
<AREA SHAPE=POLY COORDS =
"637,362,551,366,550,373,545,375,448,366, 371,367,347,367,336,367,293,356,256,352, 0,356,0,477,642,478,6-37,365,637,362,637,362"
HREF="doc3.htm" ALT="info3">
…
<AREA SHAPE=default HREF="docn.htm" ALT="info">
</MAP>
Списки.
Список определения - при этом варианте оформления один абзац является как бы пояснением для другого. Этот абзац оформляется отступом слева для всего текста. Поэтому данный вариант оформления часто используют для создания отступа всему абзацу. Учитывая, что можно включать один список определения внутрь другого, то это оформление является удобным способом создания нескольких уровней втяжки слева для текста документа. Список должен быть заключен в тэги <DL> и </DL>. Определяемый абзац должен начинаться с тэга <DT>, а определяющий (второй, который имеет отступ слева) - с тэга <DD>;
Перечень - для отображения перечня каких-либо названий используются тэги <DIR> и </ DIR >. Все слова, заключенные между этими тэгами, будут выведены на экран в несколько выровненных столбцов. Удобство использования этого тэга состоит в том, что программа сама учитывает максимальную длину термина и пересчитывает количество столбцов на данную ширину экрана. Так как такой вывод информации аналогичен показу сокращенного списка файлов каталога, то тэг и носит название dir;
Нумерованный список - при этом варианте оформления слева от абзаца расположен его порядковый номер, а остальной текст имеет небольшой отступ слева. Начальный номер задается параметром SEQNUM=начальный_номер. Весь список заключен в тэги <OL> и </OL>, а каждый нумерованный абзац начинается с тэга <LI> (закрывающий тэг </LI> в этом случае можно опустить). Параметр TYPE=l/a/A/i/I определяет символ нумерации абзаца. 1- абзацы будут нумероваться цифрами 1, 2, 3 и т.д. Если TYPE=a, то нумерация будет а b, с, d,... Если А, то—А, В, С, D,... i и I задают римскую нумерацию: i, ii, iii, iv, v,... и I, П, Ш, IV» V, ... соответственно;
Ненумерованный список - при этом варианте оформления абзацы не нумеруются, а все они имеют слева либо "шарик", либо квадратик, либо иной символ. Список заключен в тэги <UL> и </UL>, а каждый абзац также начинается с тэга <LI (закрывающий тэг </LI в этом случае можно опустить). Параметр TYPE=disc/square/circle определяет символ слева от абзаца. Можно использовать в качестве такого символа и рисунок, на который нужно указать в тэге <UL> параметром SRC=url;
Меню – этот список является более компактным представлением ненумерованного списка. Однако не все программы просмотра могут работать с этим тэгом: <MENU>...</MENU>.
Лабораторная работа включает в себя изучение кратких теоретических сведений, выполнение индивидуального и группового задания, оформление отчета и сдачу работы. Сдача работы заключается в ответах на контрольные вопросы, демонстрации созданного HTML-документа и пояснении принципов его создания с использованием текста этого документа.
Содержание отчета:
1. цель и задание к лабораторной работе;
2. текст гипертекстовых документов;
3. описание содержания гипертекстовых документов.
Задание к лабораторной работе:
1. с помощью текстового редактора создать гипертекстовые документы, содержащие персональную информацию о разработчике документа (personal homepage) с использованием следующих элементов:
- растровые изображения (gif, jpg размером не более 50 kbyte);
- текстовая информация;
- табличная информация;
- списочная информация (нумерованный и ненумерованный список) ;
- гиперссылку на другие свои документы;
- гиперссылку на любой известный поисковый сервер.