Что такое HTTP 9 страница

ПРИМЕЧАНИЕ

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

Jasc Animation Shop

Animation Shop позволяет создавать GIF-анимации без особых усилий. Все начинается с создания нового проекта (File > New), затем кадры либо рисуются прямо на экране, либо импортируются из других приложений с помощью функции Ani mation > Insert Frames > From File. Jasc Animation Shop может работать и с формата ми FLI и FLC. Их можно открыть (File > Open) и редактировать.

СОВЕТ

Если вы создаете баннер, воспользуйтесь специальным Мастером (File > Banner Wizard). Он автоматически создаст рекламную анимацию и даже дополнит ее переходами.

После создания проекта вы увидите в окне все кадры. На панели инструментов можно выбрать нужные функции для добавления текста, рисования, закрашивания и выполнения других операций. Чтобы вставить новые кадры, выберите Ani mation > Insert Frames > Empty. В диалоговом окне задайте их количество. Помните, что каждый новый кадр приводит к значительным изменениям всей анимации, поэтому, если структура и так сложна, не увлекайтесь количеством кадров.

Итак, кадры созданы. Теперь можно выбрать какой-нибудь из них и заняться добавлением эффектов и переходов. Если вам нужно первое, выберите Effects > Insert Image Effect; если второе — Effects > Insert Image Transition.

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

Это делается следующим образом: из меню Animation нужно выбрать пункт Frame Properties и поменять настройки в диалоговом окне. Для определения того, будет ли анимация «зациклена», следует выбрать Animation > Animation Properties.

ПРИМЕЧАНИЕ

Наличие или отсутствие «зацикливания» определяет, будет ли анимация после окончания проигрывания повторяться сначала. Зацикливание может быть бесконечным, но можно задать и количество повторений.

Чтобы сохранить анимацию, выберите из меню File пункт Save. Если в качестве типа файла в диалоговом окне Save As выбрать CompuServe Graphics Interchange, можно изменить название и сохранить GIF.

VSE Animation Maker

Animation Maker — это большое приложение, которое, как и Animation Shop, умеет очень многое, плюс к тому оно несколько дешевле. С его помощью можно рисовать отдельные кадры (для этого есть инструменты создания текста и инструменты рисования), можно импортировать последовательности изображений (есть поддержка формата PICT) посредством команд Frame > Open PICT и Insert.

В приложении нет возможности создания автоматических переходов между кадрами, но с помощью двойного щелчка можно изменить время нахождения кадра на экране, дать ему имя и узнать размер. Есть возможность управления скоростью анимации в целом. Для этого нужно из меню Set открыть пункт Speed, затем выбрать количество кадров в секунду, которое и будет определять скорость. Чтобы запустить анимацию, следует нажать на кнопку Play в главном окне или из меню Set выбрать пункт Play Animation.

СОВЕТ

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

По окончании работы с проектом выберите File > Save As, в качестве формата укажите GIF. При сохранении в диалоговом окне можно поменять настройки, касающиеся комментариев, задержек при проигрывании, настроить прозрачность. Наконец, щелкнув на Save, вы увидите диалоговое окно Save As, в котором можно поменять имя файла. Когда все готово, нужно не забыть вставить анимацию в свою страницу. Для этого, как известно, существует стандартный элемент <img />.

Карты ссылок

Рассмотрим еще один немаловажный вопрос, касающийся изображений, — карты ссылок. Что это такое? Это такие специальные изображения, некоторые части которых являются на самом деле ссылками. Весь фокус состоит в том, что разные части одного и того же, казалось бы, единого рисунка могут указывать на совершенно разные URL. Эти части называют еще «горячими зонами».

Есть два различных подхода, относящиеся к картам ссылок: клиентский и серверный. Серверные карты ссылок — это исторически первый тип. В сущности, вся работа по распознаванию щелчков пользователя на разных зонах при этом I подходе перекладывается на сервер (конкретно на сервер карт ссылок). Большинство современных графических браузеров, однако, нормально воспринимают «клиентский» подход, когда вышеуказанные действия осуществляются на компьютере пользователя. В этом параграфе мы будем рассматривать именно «клиентский» подход к обработке карт ссылок — в наши дни именно он получим наибольшее распространение. Серверный подход мы только вкратце обсудим в конце главы.

Создание карт ссылок, обрабатываемых клиентом

Чтобы создать карту ссылок, для начала неплохо бы создать соответствующее I изображение. Это можно сделать в графическом приложении либо просто наложить существующую фотографию или рисунок на определенные горячие зоны.

Зоны определяются по двум координатам: х и у, где 0,0 — это верхний левый угол изображения. Нужно указать координаты и геометрическую форму зоны, что не представляет особого труда. Единственная реальная задача состоит в том, чтобы правильно определить эти координаты. Вот здесь как раз может пригодиться при ложение для работы с графикой. Координаты как в Paint Shop Pro, так и в Gra phicConverter можно узнать довольно просто. В первом случае они выводятся в левом нижнем углу изображения, во втором — нужно включить Picture > Show Position, и текущие координаты указателя появятся в правом верхнем углу окна. При перемещении курсора мыши по изображению координаты, естественно меняются, их можно записать и в дальнейшем использовать при создании карт ссылок.

Есть и специальные программы для создания карт ссылок. Среди них, например, MapEdit (http://www.boutell.com/mapedit), которая существует в двух версиях: под Windows и под Macintosh. С ее помощью легко создаются горячие зоны карт ссы лок. Она автоматизирует процесс сохранения информации об этих зонах, поэтому если вы собираетесь пользоваться для создания карт ссылок исключительно про граммными средствами, можете пропустить некоторые пункты этого параграфа в которых описывается, как это делается вручную. Некоторые редакторы создают специальный файл карты ссылок. Он используется чаще всего картами ссылок обрабатываемыми серверами, но содержит информацию о координатах, которую с успехом можно использовать и в картах, обрабатываемых клиентами.

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

Атрибут usemap элемента <img />

Чтобы сообщить браузеру о том, что вы собираетесь использовать карту ссылок, нужно к элементу <img> добавить атрибут usemap. Делается это следующим образом:

<img src="map_image.gif" usemap="#map_name" />

Обратите внимание на то, что атрибут usemap предназначен для задания именованной ссылки. Где-то в другом месте документа вводится собственно определение: <map name="map_name">, где map_name, разумеется, такой же. Например: <img src="main_banner.gif" usemap="#bannerjnap" аlt="Верхний баннер" /> Этот элемент должен находиться там, где вы планируете разместить карту ссылок. Что он делает? Да, собственно говоря, просто помещает изображение на веб-страницу и сообщает браузеру о том, что это — карта ссылок, обрабатываемая клиентом. Однако это еще не все. Чтобы закончить процесс создания карты ссылок, нужно написать ее определение.

Элементы <mар> и <агеа />

Контейнер <mар> используется для создания отдельных горячих зон, являющихся гиперссылками в составе карт ссылок. Каждая зона организуется при помощи элемента <агеа />, который определяет форму, координаты и URL, ассоциированный с ним:

<maр name="map_name">
<area shape="shape_type" coords="coordinates" href="URL"
alt="text" /> <area shape="shape_type" coords="coordinates"

href="URL" alt="text" />
.....
</map>

СОВЕТ

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

Если ваш редактор карт ссылок создал отдельный файл карты ссылок, нетрудно будет обнаружить, что в нем содержится почти вся информация, нужная для определения элемента <mар>. Если же это не так, координаты, определенные в графическом редакторе, помогут вам. Основываясь на этих данных, вы создаете горячие зоны (элементы <агеа />).

Необходимо знать, какие геометрические формы могут иметь горячие зоны. В этом вопросе клиентские карты ссылок немного отличаются от серверных. Этих форм всего три, они задаются значением атрибута shape, после него следует атрибут coords, задаваемый числами. Итак, вот о каких формах может идти речь при создании карт ссылок:

• rect (прямоугольник). Нужны координаты верхнего левого и правого нижнего углов. Например, 0,0, 10,10 задают прямоугольник, верхний левый угол которого совпадает с верхним левым углом карты ссылок (вернее, изображения), а нижний правый имеет координаты 10,10.
• circle (окружность). Круглая горячая зона должна задаваться тремя координатами: х центра, у центра и радиус. Пример: 100,100,20 задает окружность с центром, расположенным в точке 100,100, радиусом 20.
• polygon (многоугольник). Третья фигура — это многоугольник. Можно задавать любое количество его сторон. Каждая вершина задается двумя координатами. Например, 100,100,200,200,0,200 задаст треугольник с вершинами расположенными в точках 100,100, 200,200 и 0,200.

Атрибут href используется для того, чтобы связать каждую горячую зону с каким-нибудь URL. Если же в данном месте изображения не должно быть никакой ссылки, на это можно указать таким образом: nohref="nohref".

СОВЕТ

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

В качестве примера карты ссылок можно привести навигационное меню, располагаемое в верху страницы:

<body>
<img src="banner.gif" usemap="#banner_map" аlt=
"Навигационное меню" border="0" />
<h1>Сайт о кино</h1>
<р>Добро пожаловать на наш сайт, посвященный кинофильмам,
режиссерам и великим актерам!</р>
<map name="banner_map">
<агеа shape="rect" coords="45.45.115.70" href=
"films.html" alt="0 фильмах" />
<area shape="rect" coords="150.45.220.70" href=
"actors.html" alt="0б актерах" />
<area shape="rect" coords="260.45.330.70" href=
"directors.html" alt="0 режиссерах" />
<area shape="rect" coords="370.45.440.70" href=
"producers.html" alt="0 продюсерах" />
<area shape="rect" coords="480.45. 550.70" href=
"reviews.html" аlt="Критика" />
<area shape="rect" coords="0,0,585.75" href=
"help.html" аlt="Помощь" l>
<:/map>
</body>

На рисунке 11.4 показана веб-страница, отображенная в браузере.

Вы, вероятно, заметили, что в последнем элементе <агеа> горячая зона задана таким образом, что перекрывает изображение целиком. В соответствии со спецификацией карт ссылок, обрабатываемых клиентом, преимущество в случае перекрытия имеет та зона, которая определена раньше. Поэтому последняя зона будет работать только там, где не определены предыдущие. То есть, если вы «промажете» и не попадете ни по одной из первых зон, вы перейдете по ссылке на страницу help.html, где вам расскажут, как следует пользоваться картами ссылок.

СОВЕТ

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

Рис. 11.4. Карта ссылок может использоваться для организации навигации

Работа с картами ссылок, обрабатываемыми сервером

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

Итак, если вам все же пришлось обратиться к картам ссылок, обрабатываемым сервером, то ничего страшного или сложного в этом нет. Нужно всего лишь добавить атрибут ismap="ismap" к элементу <img />, затем этот элемент поместить внутрь якоря, который указывает на файл карты ссылок, хранящийся на сервере. Когда веб-сервер обнаруживает, что запрашивается этот файл, он автоматически подключается к серверу карт ссылок, который и обрабатывает за-• прос. Пример:

<а href="/naps/topbanner.map">
<img src="topbanner.gif" ismap="ismap" аlt=
"Баннерная картинка" />
</а>

Ну вот, осталось узнать у своего провайдера, как и где хранятся определения карт ссылок (поскольку в зависимости от серверного ПО и платформы и то и другое может быть различным). Нужно создать файл карты ссылок с помощью специального приложения типа MapEdit, упомянутого ранее. Как раз его вы потом и перешлете на сервер.

Резюме

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

В главе 12 вы познакомитесь еще с одной технологией создания HTML-страниц. Она связана с новым элементом — <frameset>, позволяющим разделить окно браузера на несколько независимых окон, в каждом из которых может отображаться своя HTML-страница.

Глава 12. Создание сайтов при помощи фреймов

• Большой спор о фреймах
• Эти загадочные фреймы
• Что же сними не так?
• Область применения фреймов
• Добавление фреймов
• Элемент <frameset>
• <frame> и <noframes>
• Имена и целевые объекты фреймов
• Параметры <frame/>
• Вложенные фреймы
• Дополнительные возможности фреймов
• Специализированные целевые объекты и удаление фреймов
• Предоставление пользователям возможности выбора
• Элемент <iframe>
• Резюме

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

При использовании стандартного инструментария приходилось дублировать ссылочные меню на каждой странице. Однако с развитием спецификации HTML Frames стало возможным разделять окно браузера на несколько окон, одновременно размещая в нем совершенно независимые страницы. Это привело к зарождению нового стиля в веб-дизайне, новая спецификация вошла в стандарт XHTML. Фреймы тем не менее не рекомендуется использовать, вскоре вы узнаете почему. В этой главе мы рассмотрим следующие вопросы:

• фреймы: определение, область применения;
• добавление фреймов, элементы <frameset> и атрибут target;
• дополнительные вопросы создания и использования фреймов, специализированные целевые объекты, внутристрочные фреймы.

Большой спор о фреймах

Главной проблемой, возникшей при введении фреймов, стала, как всегда, несовместимость браузеров. Многие из них просто не воспринимали их. Спецификация фреймов стала входить в стандарт HTML начиная с версии HTML 3.2, созданной в 1997 году. (В то время фреймы уже имели определенную популярность, в основном среди пользователей Netscape.) Полностью формализована новая спецификация была в HTML 4.0, и с тех пор большинство браузеров стали нормально воспринимать фреймы. Но что интересно, вопрос их применения до сих пор остается спорным. Прежде чем вникать в этот спор, давайте разберемся, что собой представляют эти загадочные фреймы.

Эти загадочные фреймы

Фреймы позволяют выводить в одном окне браузера одновременно несколько вебстраниц, имеющих разные URL, различные полосы прокрутки (они могут и отсутствовать) и ведущих себя довольно независимо. На рисунке 12.1 показан сайт, интерфейс которого включает фреймы.

Рис. 12.1. Веб-страница с фреймами, облегчающими навигацию по сайту

Как это сделано? Элемент <body> заменен элементом <frameset>. Этот контейнер предназначен для элементов <frame />, определяющих конкретные фреймы на странице и их URL.

Внутри фреймов отдельные страницы могут содержать гиперссылки, причем указывается, в каком фрейме будут выводиться документы, расположенные по URL, на который они указывают. Например, можно создать фрейм под названием «главное окно просмотра», в нем будут отображаться все страницы, на которые указывают ссылки. На рисунке 12.1 таким «главным окном» является фрейм, содержащий текст статьи.

Веб-страница, которая содержит набор гиперссылок, может быть организована таким образом, чтобы целевое окно всегда было одно и то же. Тогда структура страницы с фреймами будет чем-то напоминать телевизор с переключателем программ. На рисунке 12.1 таким «индексом» является колонка ссылок слева. Это не тот же документ, что и статья справа, в главном окне просмотра. Все ссылки имеют специальный атрибут target, указывающий на то, что целевым объектом является именно главное окно. Итак, вы щелкаете на ссылке слева, а изменяется содержимое окна справа.

Часто фреймы имеют собственные полосы прокрутки и подвижные разделители. Таким образом, размер фреймов пользователь при просмотре сайта может изменять с помощью мышки.

Что же с ними не так?

Все, что мы сказали о фреймах, звучит неплохо. Но тогда какие же споры могут возникать по поводу их применения? Причины тем не менее есть. Во-первых, иногда возникают такие ситуации, когда браузер никак не может определить истинный URL страницы, поскольку каждый из фреймов имеет свой адрес. Во-вторых, если вы в «главный фрейм» загружаете какую-то новую страницу, то вернуться к старой бывает проблематично. Да и поставить закладку на нее непросто, потому что довольно часто браузер выводит URL не той страницы, которая находится в главном фрейме, а (что, вообще-то, логично) URL страницы, содержащей <frameset>. (В некоторых браузерах возникают проблемы даже с выводом отдельных фреймов.)

СОВЕТ

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

Следует отметить, что некоторые пользователи испытывают личную неприязнь к сайтам, на которых используются фреймы. Им не нравится то, что приходится постоянно что-то куда-то прокручивать и, вообще, иметь дело на одной странице с разными документами. Кроме того, нужно помнить и том, что такой подход сильно замедляет процесс загрузки веб-страницы. Люди, использующие медленное соединение с Интернетом, могут посчитать ваш сайт слишком неповоротливым. Решается спор просто: используйте фреймы только тогда, когда их применение действительно очевидно и оправданно. Простым знанием этих технологий сейчас никого не удивишь, а вот хороший вкус встречается действительно не так часто, как хотелось бы.

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

Область применения фреймов

Обратим внимание на те проблемные области, где применение фреймов оправдано и/или необходимо.

• Создание индексов. Очень часто фреймы используются для создания единообразной системы навигации по сайту (рис. 12.1). С их помощью можно организовать стройную и понятную структуру, при этом не повторять ссылочное меню на каждой странице.
• Обсуждения или пояснения. Еще одной причиной для использования фреймов может стать необходимость одновременной загрузки двух разных страниц. Скажем, один фрейм может содержать основной текст, а другой — пояснения, аннотации и т. п.
• Фиксированные элементы. Предположим, вам понадобилось разместить в верху страницы баннерное изображение. Да к тому же хочется, чтобы оно там было всегда, независимо от того, что происходит в других частях документа: прокручивается там что-нибудь, меняются страницы, а баннер должен быть на месте. В подобном случае фреймы могут сильно помочь. На рисунке 12.2 приведен пример.

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

Рис. 12.2. Баннер зафиксирован вверху веб-страницы, при этом под ним страница может прокручиваться, а он останется на месте

Добавление фреймов

Вы уже, вероятно, заметили, что это по крайней мере два элемента: <frameset> и <frame />. Однако прежде, чем применять эти элементы, следует указать новый DTD и в соответствии с ним перестраивать сайт.

Чтобы и фреймы использовать, и оставаться в рамках следования стандартам XHTML, необходимо добавлять в начале документов XHTML Frameset DTD. При этом можно пользоваться элементами и атрибутами переходного XHTML. DTD прописывается точно так же, как Transitional или Strict. Это небольшая запись перед открывающим тегом <html>:

<!DOCTYPE html PUBLIC "\//W3C//DTD XHTML 1.0 Frameset/EN"

"http://www.w3.org/TR/xhtml1/DTD/frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml ">

Элемент <frameset>

Мы определили наш HTML-документ как содержащий фреймы. Следующим шагом должно стать реальное добавление набора фреймов. Как я уже говорил, для этого нужно заменить элемент <body> на <frameset>:

<!ООСТУРЕ html PUBLIC "\//W3C//DTD XHTML 1.0 Frameset/EN"

"http: //www.w3.org/TR/xhtml1/DTD/frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Review.Central.Org</title>
</head>
<frameset>
</frameset>
</html>

У элемента <frameset> может быть два атрибута: cols и rows. С помощью отдельно го <f rameset> определяется лишь то, что документ разбивается на колонки или стро ки. Если вам нужны и колонки и строки, можно использовать несколько элементов <frameset>, как вы вскоре увидите. А пока посмотрите, что произойдет, если вы напишете такое определение:

<frameset cols="25%, 75%>
</frameset>

Результат — на рисунке 12.3. (Пример не будет работать в браузере до тех пор, пока вы не включите в контейнер <frameset> хотя бы один <frame>. А это только базовая структура, я пока не хочу ее загромождать.)

Рис. 12.3. Пример использования элемента <frameset> для создания колонок

С помощью элемента <frameset> можно создать сколько угодно колонок или строк. И совершенно не обязательно указывать их размер в процентах. Единицами измерения могут быть пикселы: rows=" 10.200.30.300". В результате будут созданы четыре строки. Верхняя будет высотой 10 пикселов, та, что под ней, — высотой 200 пикселов и т. д. Можно использовать «*», такое значение говорит о том, что колонка или строка займет все оставшееся место. Например, при указании cols="200.400. *" будет создано три колонки, последняя из которых займет все место на экране, за исключением первых 600 пикселов, занятых двумя колонками. Если вы указываете размер колонок или строк в процентах, это ничуть не умаляет общности: rows="25%.35,%*". Так даже проще — не нужно высчитывать точные размеры в пикселах.

<frame> и <noframes>

Контейнер <frameset> сам по себе мало что делает. Чтобы что-нибудь появилось на экране, нужны дополнительные элементы. <frameset> обычно имеет дело с двумя основными элементами: <frame /> и <noframes>. Первый используется для определения фреймов внутри документа, а второй применяется тогда, когда нужно определить альтернативный текст и разметку для браузеров, не имеющих поддержки фреймов. <noframes> несложен для понимания:

<frameset>
<noframes>
<р>Этот сайт требует наличия браузера с поддержкой фреймов.
Если ваш браузер не соответствует этому требованию,
вы можете перейти непосредственно на
<а href="/articles/ index.html ">главную страницу</а>
</р>
</noframes>
</frameset>

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

Рассмотрим элемент <frame />, определяющий содержимое создаваемых вами колонок или строк. Например, если вы определяете набор фреймов, состоящий из двух колонок, то нужно написать два элемента <frame />:

<frameset cols="25%. 75%">
<frame src="index.html" />
<frame src="viewer.html" />
<noframes>
<р>Этот сайт требует наличия браузера с поддержкой фреймов.
Если ваш браузер не соответствует этому требованию,
вы можете перейти непосредственно на
<а href="/articles/ index.html ">главную страницу</а>
</р>
</noframes>
</frameset>

Строго говоря, элемент <frame /> предназначен для определения того, какой HTML-документ будет выводиться в данном фрейме. URL определяется атрибутом src. Как обычно, можно указывать как полный адрес, так и сокращенный (относительный). Пример абсолютного URL: http://www.fakecorp.com/1ndex.html.

Исходные файлы для фреймов должны быть нормальными, полноценными веб-документами со своими DTD и всеми необходимыми секциями: <html>, <head> и <body>. Например, страница index.html может быть такой:

<!OOCTYPE html PUBLIC '\//W3C//DTD XHTML
1.0 Strict/EN" "DTD/xhtmll-strict.dtd">
<ntml xmlns="http://www.w3.org/1999/xhtml">
<head>
<titlе>Индекс</titlе>
<body>
</body>
</html>

Эта не самая осмысленная страница показывает принцип организации страницы с фреймами (рис. 12.4).

Рис. 12.4. С каждой колонкой ассоциирован свой URL

Имена и целевые объекты фреймов

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

Используя атрибут name, вы присваиваете фрейму имя, делается это точно так же, как при задании имени раздела страницы при создании внутренней ссылки. (Если вы работаете с DTD для XHTML Frameset, вы должны включить в описание фрейма еще и атрибут id, значение которого совпадает с name. Делается это с расчетом на будущее. Атрибут name был официально замещен на i d, однако до сих пор еще практически все браузеры распознают name.)

Дата добавления: 2014-12-29