Лабораторная работа 5 . Технологии создания Web – страниц

 

Основные понятия Интернета

Каждый компьютер, подключенный к Интернету, имеет уникальный адрес - число, формат которого задается протоколом Интернета (Internet Protocol, IP) - стандартом, определяющим, как сообщения перемещаются по сети от машины к машине. IP - адрес компьютера представляет собой 32-разрядное двоичное число и для удобства записывается в виде четырех разделенных точками десятичных чисел, не превосходящих 256 каждое, например, 192.12.248.73 или 131.58.97.254.

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

Конструкция имен компьютеров в Интернет проще, чем кажется. Например, полностью квалифицированное доменное имя www.oreilly.com читается как имя машины «www», которая принадлежит домену с названием «oreilly», а он, в свою очередь, является частью коммерческой (com) ветви Интернета.

Среди других ветвей Интернета упомянем образовательные учреждения (edu), некоммерческие (org) и правительственные (gov) организации, Интернет - провайдеров (net). Компьютеры и сети за пределами США могут иметь двухбуквенное сокращение по названию страны в конце их доменного имени: ru – для России, fr - для Франции, uk - для Великобритании и т.д.

Обычно говорят об уровне домена: самый глобальный домен имеет первый уровень, вложенный в него - второй и т. д. Применительно к именам доменов можно сказать, что адрес www.books.ru, принадлежащий домену третьего уровня с именем «www», включен в домен второго уровня «books», который является, в свою очередь, поддоменом домена первого уровня «ru».

Специальные компьютеры в сети Интернет, известные как серверы имен (точнее, серверы системы доменных имен, Domain name system server, DNS server), хранят таблицы доменных имен с ассоциированными с ними уникальными IP - адресами и переводят их друг в друга для человеческих и компьютерных нужд. Каждый домен и поддомен имеют соответствующий сервер имен, так что, в конце концов, каждая машина в Интернете получает уникальное доменное имя и IP-адрес.

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

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

Из множества браузеров, каждый из которых предлагает свой набор возможностей, можно выбрать (обычно бесплатно) наиболее удобный. Например, браузеры типа Lynx работают на символьных терминалах и отображают документы в текстовом режиме. Другие запускаются на клиентах с графическими дисплеями и представляют материалы с использованием пропорциональных шрифтов и высококачественной цветной графики. Третьи - среди них Netscape Navigator, Microsoft Internet Explorer, Opera и Mozilla – помимо графических предоставляют и специальные возможности, позволяющие получать и отображать разнообразные электронные документы Интернета, включая аудио- и видеофайлы.

Деятельность в сети начинается на стороне клиента, когда пользователь запускает свой браузер. Браузер приступает к работе с загрузки домашней страницы, хранящейся либо на локальном компьютере, либо в какой-нибудь сети: в Интернете, в корпоративном Интранете или в муниципальном Экстранете. В этих последних случаях браузер клиента сначала обращается к серверу системы доменных имен (DNS), чтобы преобразовать имя сервера, на котором находится домашняя страница, например www.oreilly.com, в IP-адрес, перед тем как послать запрос к нужному Web - серверу через Интернет. Этот последний запрос (так же как и возвращаемый ответ) имеет формат, предписанный стандартом протокола передачи гипертекста (Hypertext Transfer Protocol, HTTP).

Большую часть времени Web - сервер проводит, слушая сеть, ожидая адресованные ему (т. е. содержащие его уникальный адрес) запросы на документы. Получив такой запрос, сервер выясняет, имеет ли право обращающаяся сторона на получение документа, и если это так, проверяет наличие запрашиваемого объекта. Если документ найден, сервер посылает его браузеру.

Далее документ прибывает на браузер. Если это обычный текстовый файл (*.txt), то чаще всего он отображается самым обычным способом. Каталоги также обрабатываются как текстовые файлы, хотя большая часть графических браузеров воспроизводят пиктограммы папок, которые пользователь может выбирать с помощью мыши, чтобы загрузить содержимое подкаталога.

С сервера можно получать и бинарные файлы. Если браузер не пользуется вспомогательными программами (helper program, иногда называемая wizard - «мастер») и не укомплектован специально плагинами (plug-in software, встраиваемый модуль) или апплетами (applets, минипрограммы), отображающими картинки или видеофайлы либо проигрывающими аудиофайлы, он обычно сохраняет загруженный бинарный файл на локальном диске для использования в будущем.

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

Пользователь читает документ, выбирает гиперссылку на другой источник, и браузер начинает загрузку нового документа (возможно с другого Web – сервера) и т.д.

Для лучшего понимания принципов взаимодействия Web – сервера и браузера рекомендуем вам ознакомиться со статьей «Трехуровневая архитектура» в разделе
«О нашем сайте» на начальной странице сайта www.tolgas.ru.

Язык разметки гипертекста HTML

HTML (Hyper Text Markup Language –язык разметки гипертекста) – это язык макетирования документов и описания гиперссылок. HTML определяет синтаксис и правила употребления специальных встроенных в язык инструкций – тегов, которые не воспроизводятся браузером, но указывают ему, как надо отобразить содержимое документа: изображения, текст и другие виды информации. Кроме того, язык позволяет сделать документ интерактивным с помощью гипертекстовых ссылок, которые связывают его с документами на другом компьютере, а также с другими ресурсами Интернета.

Основы синтаксиса и семантики HTML в настоящее время определяются стандартом языка версии 4.01 – динамического HTML. HTML представляет много различных средств управления внешним видом документа в окне браузера: спецификации шрифтов, разбиение текста на колонки, заголовки разделов, структурированные списки, абзацы, линейки, встроенные картинки и др.

 

Инструменты Web – дизайнера

Для создания HTML – документов можно использовать три вида инструментов:

1. Редакторы WYSIWYG (What You See Is What You Get – что вы видите, то и получите) позволяют вводить и форматировать текст документа примерно так же, как это делается в Microsoft Word, при этом редактор автоматически добавляет в документ соответствующие теги HTML. Наиболее известным примером редактора WYSIWYG является редактор Macromedia Dreamweaver.

2. Специализированные HTML редакторы – это обычные текстовые редакторы, в которые встроены дополнительные возможности по работе с тегами HTML и их атрибутами. Примером специализированного HTML – редактора является редактор CuteHTML Pro 6.

3. Обычные текстовые редакторы, позволяющие сохранять документы в ASCII – формате, например, стандартный редактор Windows Блокнот.

В данной лабораторной работе для создания HTML документов вы будете пользоваться текстовым редактором Блокнот, а для просмотра Web – страниц – браузер Microsoft Internet Explorer.

Одним из лучших способов создания HTML – документа является ступенчатый подход – сначала создается текстовая часть документа с помощью обычного текстового редактора, затем текст исправляется с помощью программы, проверяющей правописание, и, наконец, размечается с помощью тегов HTML.

Помимо стандартных возможностей HTML по оформлению документа динамический HTML предоставляет набор свободно распространяемых технологий и включает в себя язык программирования клиентских сценариев JavaScript, каскадные таблицы стилей CSS, объектную модель и модель событий динамического HTML, другие вспомогательные технологии. Все они предназначены для создания высокопроизводительных Web – приложений, в которых большая часть работы выполняется на клиентской стороне, что снимает нагрузку с Web – сервера и снижает объем трафика.

Первый HTML – документ

Наберите в редакторе Блокнот следующий текст:

 

<html>

<head>

<title>Моя первая Web-страница</title>

</head>

<body>

<! -- Заголовок второго уровня -->

<h2>Моя первая Web-страница</h2>

<p>

<i>Наилучшие пожелания</i> от <br>

<a href= “http://www.tolgas.ru”> ПВГУС </a>

</p><p>

&copy; Разработчик: <cite> (Введите ваше имя), </cite>

<br> группа ДГ-501

</p>

</body>

</html>

 

Сохраните этот текст на локальном диске в файле с именем myfirst.html (или myfirst.htm). Убедитесь, что файл действительно записан в ASCII - формате; другие форматы, такие как *. doc, добавляют к тексту специальные (непечатаемые) символы, которые могут запутать браузер и нарушить вывод HTML-документа.

Сохранив файл myfirst.html, запустите браузер и с помощью команды меню Файл/Открыть … найдите и откройте этот HTML – документ в окне браузера.

Созданный HTML – документ вы можете использовать в качестве шаблона для создания других HTML – документов. Для этого откройте файл шаблона myfirst.html в Блокноте, внесите в него нужные изменения и сохраните измененный документ на локальном диске в файле *.html или *.htm с другим именем. Откройте новый HTML – файл в окне браузера и убедитесь, что он отображается правильно, и результат отображения полностью соответствует вашему замыслу.

Если вас что-то не устраивает, вернитесь в окно редактора Блокнот, внесите в текст файла нужные коррективы и снова сохраните его. Чтобы увидеть изменения, сделанные в HTML – документе, перейдите в окно браузера и щелкните мышью на кнопке Обновить.

Теги HTML

Вы, наверное, заметили, что браузер отображает меньше половины исходного текста примера. Ближайшее рассмотрение источника показывает: пропало все, что заключено в скобки из символов «меньше» (<) и «больше» (>).

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

В частности, тег <i>, стоящий в примере перед словом «Наилучшие», предписывает браузеру отобразить следующий за ним текст курсивом.

Первое слово в теге - это его имя, которое обычно описывает присущие тегу функции. Любые добавочные слова в теге, следующие через пробел после его имени, являются специальными атрибутами, иногда с присвоенным им значением, стоящим после знака равенства (=). Атрибуты определяют, конкретизируют или модифицируют действие тега (см. атрибут href тега <a> в примере).

Большая часть тегов оказывает влияние на ограниченную область документа. Эта область начинается там, где тег со своими атрибутами появляется впервые (его называют иногда открывающим тегом), и продолжается до соответствующего закрывающего тега, в котором его имени предшествует прямой слэш (/). Например, закрывающим тегом, соответствующим «началу курсива» <i>, будет </i>.

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

Стандарт XHTML гораздо более строг и настаивает на том, чтобы все открывающие теги имели соответствующие закрывающие теги.

Некоторые теги, например, тег <br>, являются одиночными и не имеют закрывающего тега.

Обратите внимание на то, что в приведенном HTML - документе начинается и заканчивается парным тегом <html> … </html>. Этот тег сообщает браузеру, что весь документ написан на HTML. Стандарты HTML и XHTML требуют присутствия тега <html>, но большинство браузеров, в частности, Internet Explorer, способны определить и, соответственно, отобразить HTML - разметку текстового документа, в котором не хватает этого самого внешнего тега.

Как и в рассматриваемом примере, все HTML- документы содержат две главные структуры: заголовок (<head> … </head>) и тело (<body> … </body>). Информация о документе помещается в заголовок, а содержание, которое должно быть отображено в окне браузера, — в его тело.

В большинстве случаев важнейшим заголовочным элементом является название документа. Стандарт требует, чтобы каждый HTML - документ имел название, хотя современные браузеры не настаивают на этом правиле. Выбирайте осмысленное название, которое тотчас скажет читателю, о чем документ, и заключайте это название, как в приведенном примере, в теги <title> … </title> в заголовке документа. Популярные браузеры обычно отображают название в строке заголовка окна браузера.

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

Хотя комментарии и являются частью документа, ничего из их содержимого, находящегося между специальным открывающим тегом <!-- и закрывающим -->, не отображается браузером. Посмотрите на комментарий в исходном тексте примера и убедитесь, что браузер его не отобразил.

Теги форматирования текста

Основной объем содержимого HTML/XHTML - документа (то, что читатели видят на экране) занимает текст. Специальные теги задают структуру текста - заголовки, списки, таблицы. Остальные теги указывают браузеру, как содержимое документа должно быть отформатировано и выведено на экран.

А что же с изображениями и другими мультимедийными элементами, которые мы видим и слышим при воспроизведении страницы нашим браузером? Разве они не являются частью HTML-документа? Нет. Данные, содержащие цифровые изображения, видео-, аудио- и прочие мультимедийные элементы, которые может показывать и проигрывать браузер, хранятся отдельно от документа. В HTML-документ включаются только ссылки на них при помощи специальных тегов. Браузер использует эти ссылки, чтобы загрузить и интегрировать документы других типов с вашим текстом.

Относящихся к тексту тегов разметки в стандартах HTML/XHTML-языков больше всего. Дело в том, что изначально язык HTML появился как средство обогащения структуры и организации текста.

HTML вышел из академической среды. Для тех, первых разработчиков языка, было важно, да и сейчас остается важным, чтобы их, главным образом, научные материалы (как правило, текстовые) быстро просматривались и читались, не теряя при этом возможность распространяться в Интернете на разнообразные компьютерные платформы. (ASCII-текст - это единственный универсальный формат в глобальном масштабе Интернета.) Возможность включения мультимедиа - только довесок к HTML и XHTML, хотя и немаловажный.

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

Не все символы, отображаемые браузером, можно набирать с клавиатуры. К тому же, некоторые из них, такие как ‘<’ и ‘>’, применяются как управляющие. Если их специально не выделить, то примененные в тексте, например, знак неравенства ‘<’, могут запутать браузер. HTML предоставляют способ символьной замены для включения любого ASCII - символа в произвольное место текста.

Так же как знак «авторского права» (copyright) в нашем примере, ASCII - код символа начинается с амперсанда (&), за которым идет его имя, закрывающееся точкой с запятой, например, &copy;. Альтернативный способ записи состоит в употреблении позиционного номера символа в ASCII-кодировке, который ставится вместо имени после знака «решетка» (#), например, &#166;. Выводя документ, браузер показывает соответствующий символ, если он присутствует в шрифте, выбранном пользователем. По понятным причинам чаще всего кодируются знаки ‘>’ (&gt;), ‘<’ (&lt;) и амперсанд ‘&’ (&amp;).

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

За некоторым исключением браузер игнорирует начальные и конечные пробелы, а иногда и лишние в середине.

Для форматирования отдельных слов и фраз текста используются парные теги
<i> … </i> - выделение курсивом, <b> … </b> - выделение жирным, <u> … </u> - выделение подчеркиванием. Парные теги можно использовать в комбинации, вкладывая их друг в друга, например: <i> <b> текст </b></i>.

Конечно, читатели возмутились бы, если бы текст тянулся одной сплошной цепочкой. Чтобы этого не случилось, HTML и XHTML предоставляют как явные, так и неявные методы управления структурой документа. Самый элементарный и популярный способ состоит в использовании парных тегов раздела (<div>), абзаца (<р>) и одиночного тега конца строки (<br>). Все они прерывают поток текста, возобновляя его с новой строки. Разница в том, что теги <div> и <р> выделяют фрагмент документа и, соответственно, текста, как блок, содержимое которого можно специальным образом выровнять в окне браузера, выделить стилем или изменить с помощью других, применимых к блоку текста средств, а тег <br> этого делать не позволяет.

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

Существует шесть парных тегов заголовков, от <h1> до <h6>, с соответствующими закрывающими тегами. Обычно браузер отображает их содержимое шрифтами от очень большого до, соответственно, очень маленького размера, иногда применяя и жирное написание. Текст в теге <h4> имеет обычно тот же размер, что и основной документ.

Теги заголовков также прерывают поток текста, занимая целые выделенные из него строки, даже если перед заголовком или после него нет явно выписанных тегов абзаца или конца строки.

Помимо заголовков HTML предоставляет горизонтальные линейки, помогающие отделить друг от друга разделы документа. Когда браузер встречает одиночный тег <hr>, он прерывает поток текста и в следующей строке рисует горизонтальную прямую черту. Поток текста возобновляется сразу под линейкой.

Бывает, что хочется видеть блок текста на экране таким, как он был написан, скажем, с отступами и вертикально выровненными буквами, цифрами, и чтобы вид его сохранялся прежним, даже если окно браузера изменяется в размере. На этот случай есть тег <рге>. Весь текст, вплоть до закрывающего тега </рге>, представлен на экране точно так, как вы его набрали, включая возвраты каретки, концы строк и начальные, конечные и промежуточные пробелы. Весьма полезный для таблиц и форм, <рге> - текст выглядит, тем не менее, довольно скучно, так как популярные браузеры отображают его моноширинными шрифтами.

Гиперссылки и навигация

Если сравнить текст с костяком и плотью HTML - документа, то гипертекст будет его сердцем. Гипертекст дает возможность отыскать и отобразить любой документ из произвольной подборки (размещенной где угодно в сети), просто щелкнув кнопкой мыши по связующим словам или фразе (гиперссылке), расположенной на текущей странице. Используйте эти интерактивные гиперссылки, чтобы помочь читателям путешествовать в поисках нужной информации по вашим или чужим собраниям документов, которые иначе оставались бы просто ворохом отдельных файлов разных форматов, включая мультимедийные, HTML-, XHTML-, прочие XML- и, наконец, ASCII-элементы. Гиперссылки, образно говоря, буквально сводят богатства знаний всего Интернета к кончику указателя мыши.

Чтобы вставить ссылку на какой-либо документ, лежащий в собственной коллекции или на сервере в США, нужно знать только уникальный адрес документа и способ, как «бросить» якорь в вашу разработку.

Как ни трудно в это поверить, но каждый из миллиардов документов и ресурсов Интернета имеет уникальный адрес, именуемый унифицированным указателем ресурса (Uniform Resource Locator, URL). URL состоит из имени документа, которому предшествует иерархия имен каталогов, содержащих файл (путь к документу), доменного имени сервера, где он находится, и названия способа (протокола), поддерживающего связь и обмен данными между сервером и браузером:

протокол://доменное_имя_сервера/путь_к_документу

Вот несколько примеров URL:

http://www.kumquat.com/docs/catalog/price_list.html

price_list.html

http://www.kumquat.com/

ftp://ftp.netcom.com/pub/

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

Хотя абсолютные URL однозначно определены и точны, их употребление может прибавить вам головной боли, если вы перемещаете документы в другой каталог или на новый сервер. К счастью, браузеры позволяют работать с относительными URL и автоматически заполняют всякий пропущенный фрагмент соответствующей частью базового URL текущего документа. Второй пример дает нам простейший из возможных относительный адрес. Рассматривая его, браузер будет предполагать, что price_list.html находится на том же сервере, в том же каталоге, что исходный документ, и применяет тот же сетевой протокол.

Относительные URL также полезны, когда вы точно не знаете имя каталога или документа.

Третий пример URL указывает на начальную страницу сайта kumquat.com. Он оставляет серверу kumquat право решать самому, какой файл послать в ответ. Обычно отправляется тот, что определен в настройках сервера (чаще всего это index.html), или просто список файлов каталога.

Хотя внешний вид обманчив, но последний пример URL для протокола передачи файлов FTP (File Transfer Protocol) является полным. Он указывает прямо на содержимое каталога /pub.

Парный тег якоря <а> - это средство HTML/XHTML для определения как исходной точки, так и пункта назначения гиперссылки. Чаще всего тег <а> используется с атрибутом href для создания исходной точки ссылки. Значение атрибута href - это URL пункта назначения.

Содержимое тега <а>, определяющего источник ссылки, - это слова и/или изображение между ним и его закрывающим тегом </а>. Они представляют собой особым образом активизированную браузером часть документа, с помощью которой пользователь выбирает гиперссылки. Это якорное содержимое обычно отличается по внешнему виду от своего окружения (подчеркнутый или выделенный цветом текст, изображения в рамке особого цвета), кроме того, экранный образ указателя мыши меняется, когда он попадает на якорь. Содержимое тега <а>, таким образом, должно быть текстом или изображением (пиктограммам здесь самое место), которое явно или намеком говорит пользователю, куда приведет его гиперссылка.

Возможность указывать на документ, находящийся на другом конце света, - это не только круто, но и полезно для ваших собственных Web - страниц. Еще одна важная задача гиперссылок - помогать читателям перемещаться по вашим подборкам в поисках необходимой информации.

Ни один из документов не должен тянуться бесконечно. Во-первых, это неудобно для пользователя. Ценность вашей работы, как бы насыщена она ни была, страдает, если нужна вечность, чтобы загрузить документ, а затем, с трудом получив, без конца прокручивать его вверх и вниз, чтобы найти нужный раздел.

Лучше проектируйте свою работу в виде собрания нескольких компактных, сжатых страниц, подобных главам книги, каждая из которых посвящена определенной теме так, чтобы ее легко мог выбрать и просмотреть пользователь. Затем применяйте гиперссылки для организации вашей коллекции.

К примеру, используйте домашнюю страницу - ведущий документ подборки - как оглавление с краткими описаниями и соответствующими гиперссылками на остальные части коллекции.

Чтобы особым образом поименовать все разделы документа, вы можете применять тег <а> с атрибутами name или id (последний годится практически для всех тегов). Например, заголовок раздела 1 в документе можно поименовать с помощью следующего якоря:

<a id= “m1”>Раздел 1</a>

Идентификаторы разделов будут служить целями внутренних ссылок в коллекции и помогут пользователю ориентироваться в одном документе или перепрыгивать к определенному разделу другого. Ссылайтесь на поименованные разделы, приписывая знак «решетка» (#) и имя раздела после URL документа:

<a href = “index.html#m1”> Переход к разделу 1 </a>

Подробную информацию по тегам HTML и их атрибутам вы найдете на сайте www.tolgas.ru по ссылке www.tolgas.ru/edt/sadm/edt223/index/elements.html, а также на странице администрации этого сайта, ссылку на которую после регистрации можно найти в подвале любой Web – страницы сайта.

Употребление гиперссылок не ограничено только связью с HTML - документами. Якоря позволяют указывать на практически любые материалы, доступные в глобальной сети, включая другие сервисы Интернета, например, сервис FTP.

Задание для самостоятельного выполнения

1. С помощью текстового редактора Блокнот создайте собственную Web – страницу на тему в области дизайна и просмотрите ее в окне браузера Internet Explorer.

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

3. Поместите на вашей странице необходимые якоря и обеспечьте внутренние переходы по разделам вашей страницы с помощью гиперссылок.

4. В отчете приведите текст созданного вами HTML – документа и снимок окна браузера с его отображением.

 

Литература

[1] Тиге, Дж. К. DHTML и CSS. – Пер. с англ. – М.: ДМК Пресс, 2003. – 560 с.: ил.

[2] Муссиано, Ч. HTML и XHTML. Подробное руководство / Ч. Муссиано, Б. Кеннеди. – Пер.с англ. – СПб: Символ-Плюс, 2002. – 752 с.

[3] Дейтел, Х.М. Как программировать для Интернет и WWW / Х. М. Дейтел,
П. Дж. Дейтел, Т. Р. Нието. – Пер. с англ. – М.: ЗАО «Издательство БИНОМ», 2002. – 1184 с.: ил.

[4] Вайк, А.Р. JavaScript. Полное руководство, 4-е издание / А. Р. Вайк, Дж. Д. Джиллиам. – Пер. с англ. – М.: Издательский дом «Вильямс», 2004. – 720 с.: ил.