Задание.

1. Создайте многоконный интерфейс в html-документе, используя фреймы.

Подсказка:

Вам потребуется создать основной документ под названием index­_lab9.htm

И разбить его на три части фреймами.

Заголовок HTML-документа
Меню для навигации по HTML-документу.	Информационное наполнение HTML-документа.

Для каждого фрейма необходимо создать отдельный HTML-документ.

(head_lab9.htm, menu_lab9.htm, new_lab9.htm)

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

В качестве примера вы можете создать небольшое справочное руководство по какому-либо предмету или прайс-лист для некоторой частной фирмы.

Например:

Заголовок: содержит эмблему фирмы и название

(Парагон частный дилер фирмы Samsung)

Меню содержит следующие опции :

1. Телевизоры

2. Видеомагнитофоны

3. Стиральные машины

4. Пылесосы

5. Микроволновые печи

6. Разное

2. После сохранения полученных документов на диск запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №10

Тема: Использование тега IFRAME в HTML-документе..

Цель работы: Научиться работать с плавающими фреймами в HTML-языке.

Инструменты: Текстовый редактор NotePad. HTML-браузер MS Internet Explore.

Краткие сведения из теории

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов, а в Microsoft были разработаны фреймы без визуальных границ, имеющие или нет механизм прокрутки - так называемые, плавающие фреймы. Организация фрейма - это возможность разделить рабочее окно программы просмотра на несколько независимых панелей (или фреймов). В каждый фрейм может быть загружена своя страница HTML. Плавающие фреймы позволяют вставить одну Web-страницу в другую. Тогда как обычные фреймы позволяют лишь разделить область просмотра на несколько частей, плавающий фрейм можно поместить где угодно на странице, указав его размер и отступ справа или слева.

Для описания плавающих фреймов используется таг <IFRAME>...</IFRAME>. В отличие от спецификации Netscape, не разрешающей пересечение фреймов, нотации Microsoft позволяет накладывать одни фреймы на другие с помощью отрицательного отступа.

Параметры тага <IFRAME>

longdesc = Этот атрибут определяет ссылку на длинное описание фрейма. Это описание должно дополнять краткое описание, задаваемое атрибутом title, и особенно полезно для невизуальных агентов пользователей.

name = Этот атрибут назначает имя текущего фрейма. Имя может использоваться в качестве цели в ссылках.

width = Длина встроенного фрейма.

height = Высота встроенного фрейма.

Атрибуты, определяемые в другом месте

id, class (идентификаторы в пределах документа)

title (заголовок элемента)

style (встроенная информация о стиле)

name, src, frameborder, marginwidth, marginheight, scrolling (frame controls and decoration)

target (информация о целевом фрейме)

align (выравнивание)

Элемент IFRAME позволяет авторам вставлять фрейм в блок текста. Вставка встроенного фрейма в раздел текста скорее похожа на вставку объекта с помощью элемента OBJECT: оба они позволяют Вам вставить один документ HTML в другой, оба могут выравниваться относительно окружающего текста и т.д.

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

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

<IFRAME src="foo.html" width="400" height="500"

scrolling="auto" frameborder="1">

[Ваш агент не поддерживает фреймы или сконфигурирован так, чтобы

не отображать их. Однако Вы можете просмотреть

<A href="foo.html">этот документ.</A>]

</IFRAME>

Изменять размер встроенных фреймов нельзя (и поэтому у них нет атрибута noresize).