Лекция 7 Тема «ФРЕЙМЫ »

1.Задание фреймовой структуры; 2.Атрибуты тегов и 3.Вложенные и множественные кадровые структуры 4.Внедренные окна (IFRAME) Вопросы темы:

1.Задание фреймовой структуры Современный стандарт HTML позволяет разделить рабочее окно браузера на несколько независимых зон (фреймов), в каждой из которых будет демонстрироваться своя Интернет-страница. Фреймы- это окна независимого просмотра fr2.htm

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

Создание простой страницы с фреймами Построим страницу с двумя фреймами. Зададим слева фрейм оглавления с заголовками статей, а справа поместим страницу с самими статьями. Сделаем так, что когда пользователь щелкает мышкой на ссылке в той части экрана, где находится оглавление, сама статья появляется в правом фрейме. Это основной, наиболее распространенный способ использования фреймов.

Для задания фреймовой структуры окна браузера используется тег. frame1.html

Подготовка содержимого фрейма Теперь загрузим фреймы с содержимым. Зададим страницу menu1.html в левом фрейме, где мы собираемся щелкать мышью, переключаясь между страницами в правом фрейме. menu1.html это обычная НТМL-страница Теперь мы должны определить, где будут появляться другие страницы при щелчке мышкой на ссылке. Поскольку мы хотим, чтобы они отображались в правом фрейме, добавим атрибут ТАRGET (TARGЕТ="имя целевого фрейма") в тег ссылки.

САЙТЫ компания1 компания2 Зимняя сказка menu1.htm

2. Атрибуты тегов и У тега только два возможных атрибута: ROWS, задающий число строк, и СОLS, задающий число столбцов. В качестве значения параметра COLS или ROWS записываются, соответственно, ширина или высота фреймов в пикселях или процентах

Примеры - ширина первого фрейма составляет 10% от окна браузера, а два остальных займут по 45% - второй фрейм будет шире первого в два раза. Одновременно формируется количество фреймов равное количеству звездочек. - создает экран, на котором верхняя строка имеет высоту 20 пикселов, средняя 80 пикселов, а нижняя занимает все оставшееся место:

Атрибуты тега NАМЕ, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE SRC TARGET

3. Вложенные и множественные кадровые структуры В основном вложенные фреймы действуют так же, как вложенные таблицы. Можно задать кадровую структуру, а внутри какого-нибудь фрейма в ней еще одну структуру. frame2.html Необходимо помнить, что тег не имеет закрывающего тега.

4. Внедренные окна (IFRAME) Кроме обычных фреймов существуют и встроенные фреймы в браузерах MS Internet Explorer и Netscape Navigator. Они представляют собой окно в документе, в которое, в свою очередь, загружается другой HTML-документ. Используется тег iframe1.htm

Контрольные вопросы: 1.Что такое фреймы? 2.Каким образом задается фреймовая структура Web-документа? 3.Какие атрибуты имеются у тега ? 4.Перечислите атрибуты тега 5.Как описываются внедренные окна?