Читайте также: |
|
A. ЗАДАНИЕ на 6 занятие
Создайте сложный HTML-документ, состоящий из трех фреймов. В двух из них должны находится гиперссылки – в одном – для перехода в самом фрейме, вторая – для перехода на другую страницу в третьем фрейме без ссылок. Тема содержания документа произвольная.
Основные критерии, которым должен соответствовать документ:
ü В комплексе должно быть не менее 5 файлов (на 2 фрейма – по паре файлов, на один оставшийся – по крайней мере один файл со ссылками).
ü В файле без ссылок должны быть вставлены несколько изображений;
B. ПОРЯДОК РАБОТЫ:
Создание простой страницы с фреймами
Ниже приведено описание страницы с двумя фреймами – слева фрейм оглавления с заголовками статей, а справа страница с самими статьями. Необходимо, чтобы когда пользователь щелкал мышкой на ссылке в той части экрана, где находится оглавление, сама статья появлялась в правом фрейме. Это основной, наиболее распространенный способ использования фреймов.
Задание фреймовой структуры
Для начала надо представить себе общий вид страницы – где расположить фреймы и какого они будут размера. Ниже приводится код простой фреймовой структуры с использованием тега <FRAMESET>. Страница с фреймовой структурой не содержит тега <ВОDY>!
<HTML>
<HEAD>
<TITLE>Пример фреймов</TITLE>
</HEAD>
<FRAMESET COLS="25%, 75%">
<FRAME SRC="menu.html">
<FRAME SRC="main.html" NAME="main">
</FRAMESET>
</HTML>
В результате мы получили экран, разделенный на два окна. Левое окно занимает 25% экрана и содержит страницу с названием menu.html. Окно справа займет 75% экрана и содержит файл main.html. Пока их нет видна страница с двумя пустыми фреймами. Прежде чем она появится, нам придется пару раз щелкнуть мышкой в ответ на сообщения об ошибках, потому что браузер будет пытаться найти несуществующие страницы. Заметьте, что правую страницу мы назвали "main" (<главная>) с помощью строки:
<FRAME SRC="main.html" NAMЕ="main">
Это означает, что фрейм под именем main будет содержать страницу main.html. Заметим, что поскольку мы не собираемся показывать в левом фрейме никаких страниц, кроме menu.html, нам не нужно его называть.
Дата добавления: 2015-10-02; просмотров: 72 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
A. ЗАДАНИЕ на 4 занятие | | | Подготовка фрейма main |