Организация ссылок
Теперь, когда мы разобрались с методами создания кадров, познакомимся с их главным предназначением - управлением навигацией по сайту.
Для определения имени кадра служит атрибут NAME. Например, строка <FRAME NAME="frame1"> создает кадр с именем "frame1", на который можно сделать гипертекстовую ссылку следующим образом:
<A HREF="putfirst.html" TARGET="frame1">Нажмите сюда,</A>
чтобы перейти на первую страницу
Атрибут TARGET гипертекстовой ссылки содержит имя кадра. При активизации этой ссылки содержимое кадра frame1, т. е. файл first.html, размещенный в нем при создании, будет заменен файлом putfirst.html.
Заметьте, что если атрибут TARGET отсутствует, файл putfirst.html будет выведен в том же окне или кадре, где находится указатель ссылки. Атрибут TARGET как раз и предназначен для указания "цели" - кадра, в котором должен быть размещен файл, определенный атрибутом HREF. Этот принцип замены файлов в одном кадре при управлении этим процессом из другого кадра и лежит в основе навигации по сайту.
Имя |
Назначение |
blank |
Загружает указанный файл в новое окно без названия |
self |
Загружает указанный файл в кадр, откуда делается вызов |
parent |
Загружает указанный файл в старший (родительский) кадр сетки кадров; если такой кадр не определен, результат аналогичен действию _self |
top |
Загружает указанный файл в полное окно, разрушая всю структуру кадров |
Кадру обязательно нужно присвоить имя, иначе на него нельзя будет ссылаться. Поэтому всем кадрам, содержание которых планируется менять, должны быть даны правильные имена. Имена кадров должны начинаться с алфавитно-цифрового символа. Ваши имена не должны начинаться с символа подчеркивания, так как он является первым символом зарезервированных имен кадров, перечисленных в таблице.
Пример
Создайте файл frames.html в директории public_html и запишите в нем следующие теги:
<HTML>
<FRAMESET ROWS="*,*">
<FRAMESET COLS="*,*">
<FRAME SRC="frame1.html" NAME="fr1">
<FRAME SRC="frame2.html" NAME="fr2">
</FRAMESET>
<FRAME SRC="frame3.html" NAME="fr3">
</FRAMESET>
</HTML>
После этого, создайте файлы frame1.html, frame2.html, frame3.html и заполните их следующим образом:
frame1.html:
<HTML><BODY BGCOLOR=white>
<H1>Frame1</H1>
<A HREF=frame2.html TARGET="fr3">Ссылка на 2 кадр</A>
</BODY></HTML>
frame2.html:
<HTML><BODY BGCOLOR=red TEXT=yellow>
<H1>Frame2</H1>
<A HREF=frame3.html TARGET=_top>Frame3 во все окно</A>
</BODY></HTML>
frame3.html:
<HTML><BODY BGCOLOR=purple>
<H1>Frame3</H1>
<A HREF=frame1.html TARGET=_self>Frame1 в это окно</A>
</BODY></HTML>
Теперь при помощи браузера загрузите файл frames.html и посмотрите на результат.
Задания
Создайте файл frame1.html и с помощью контейнеров FRAMESET разбейте окно в соответствии с рисунком.
Откройте файл index.html и удалите его прежнее содержание. Разбейте страницу на четыре фрейма (по два в строке и столбце), в которые загрузите ранее созданные файлы: list.html, table.html, image.html и first.html. Затем:
установите в фрейме, содержащим файл list.html обязательное наличие полосы прокрутки;
исключите возможность изменения размера ( NORESIZE ) фрейма, содержащего файл table.html ;
измените файл first.htmlтаким образом, чтобы при выборе текстовой ссылки на файл image.html он загружался в тот же фрейм, где находится сам файл first.html ;
в файле image.html преобразуйте ссылку в виде картинки на файл first.html так, чтобы при нажатии на нее файл first.html открывался в новом окне браузера.
Дальше »