Лекция 7 Тема «ФРЕЙМЫ ». 1.Задание фреймовой структуры; 2.Атрибуты тегов и 3.Вложенные и множественные кадровые структуры 4.Внедренные окна (IFRAME) Вопросы. - презентация

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

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

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

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

5

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

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

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

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

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

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

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

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

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

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