Навигационные карты
Карты, обрабатываемые на клиентской машине браузером, создаются с помощью элементов MAP и AREA и представляют собой гиперссылки, оформленные в виде частей изображения. Применить созданную карту к изображению можно вызвав ее по имени с помощью параметра USEMAP элемента IMG.
MAP - так задается навигационная карта. Между начальным и конечным тэгами содержит один или более элементов AREA, определяющих навигационные области карты. Параметры: name - единственный и обязательный параметр. Определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью параметра USEMAP элемента IMG. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр.
AREA - создает область карты, определенной с помощью элемента MAP. Элемент должен располагаться между начальным и конечным тэгами элемента MAP. Не имеет конечного тэга. Параметры: shape - определяет форму навигационной области. Возможные значения: rect - прямоугольник; circle - окружность; poly - многоугольник. В зависимости от выбранной формы меняется способ задания ее координат в параметре coords; coords - определяет координаты навигационной области на карте. Способы задания координат для разных типов областей:
SHAPE="rect" COORDS="левый x, верхний y, правый x, нижний y"; SHAPE="circle" COORDS="центр x, центр y, радиус"; SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,..."; href - определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL); target - определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром href. В качестве значения необходимо задать либо имя одного из существующих фреймов (см. элемент FRAME) либо одно из зарезервированных имен, подробно описанных в параметре target элемента A; nohref - определяет область как неактивную (невосприимчивую к нажатию). Данный параметр противоположен параметру href и используется для отмены действия последнего; alt - определяет альтернативный текст-подсказку для данной области.
Пример:
...
<head>
<!-- Создаем карту с именем Image: --> <MAP NAME="Image"> <AREA HREF="01.html" SHAPE="rect" COORDS="0,0,70,140" ALT="Левая часть"> <AREA HREF="02.html" SHAPE="rect" COORDS="71,0,140,140" ALT="Правая часть"> </MAP> </head> <BODY> <!-- Привинчиваем ее к изображению --> <IMG src="img/kartinka.gif" USEMAP="#Image" HEIGHT="140" WIDTH="140" BORDER="0">
...
Фреймы
Фреймы используются для разбивки окна браузера на несколько частей, каждая из которых представляет собой отдельную страницу html. Используются для облегчения навигации по сайту. Мой совет - не используйте фреймов, так как не все браузеры отображают их корректно...
Фреймы задаются следующими элементами:
FRAMESET - определяет расположение фреймов на странице. Открывает и закрывает список фреймов, определяемых с помощью элемента FRAME. Между начальным и конечным тэгами кроме элементов FRAME и NOFRAME могут находиться другие элементы FRAMESET. То есть элемент FRAMESET поддерживает вложенные конструкции фреймов. Параметры: rows - определяет количество и размеры горизонтальных фреймов. В качестве значения задается список размеров фреймов через запятую. Способы задания размеров: в процентах от высоты экрана, например "25%,35%,40%"; можно использовать "*" (звездочку), которая означает, что фрейм занимает все остальное место, например в данном примере "25%,35%,*", звездочка равна 40%; в пикселях - "135,56,*". Cols - определяет количество вертикальных фреймов и их размеры, все задается как и в параметре rows. Border - задается ширина рамок фреймов (работает только в NetscapeNavigator). Frameborder - определяет наличие рамок у содержащихся внутри frameset фреймов. Возможные значения: yes - отображать рамки, no - не отображать (не поддерживается Netscape). Framespacing - задает расстояние между фреймами в пикселях. Используется когда рамки не должны отображаться.
FRAME - определяет фрейм и его свойства внутри элемента frameset. Параметры: scr - определяет адрес (URL) файла, отображаемого в данном фрейме; name - определяет имя данного фрейма, которое будет использоваться для ссылки на него из других документов с помощью параметра target. Marginwidth/marginheight - определяется ширина/высота левого/правого или верхнего/нижнего полей фрейма; scrolling - определяет наличие полей прокрутки фрейма. Возможные значения: yes - отображать, no - не отображать, auto - отображать, если нужно. Noresize - не позволяет изменять размеры фрейма; frameborder - определяет наличие рамок у фрейма. Возможные значения: yes/no - отображать/ не отображать.
NOFRAMES - определяет, что будет отображать браузер, если он не поддерживает фреймы.
Ну, а теперь примерчик:
это текст файла, задающего фреймы (frame1.html, frame2.html, frame3.html)
... <FRAMESET FRAMEBORDER="0" FRAMESPACING="0" BORDER="0" COLS="250,*"> <FRAME SRC="frame1.html" NAME="page"> <FRAMESET ROWS="150,*"> <FRAME SRC="frame2.html" NAME="menu1" MARGINWIDTH="0"> <FRAME SRC="frame3.html" NAME="menu2" MARGINWIDTH="0"> </FRAMESET> <NOFRAMES>Ваш браузер не поддерживает фреймы</NOFRAMES> </FRAMESET> <BODY> </BODY> ...
Получаем окно, разделенное на 3 фрейма, frame1.html имеет ширину 250 пикселей, а frame2.html имеет высоту 150 пикселей.