1 / 15

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

Лекция 7 Тема «ФРЕЙМЫ ». Вопросы темы:. Задание фреймовой структуры; Атрибуты тегов < Frame > и <FrameSet> Вложенные и множественные кадровые структуры Внедренные окна (IFRAME). Задание фреймовой структуры.

lee
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Вопросы темы: • Задание фреймовой структуры; • Атрибуты тегов <Frame> и <FrameSet> • Вложенные и множественные кадровые структуры • Внедренные окна (IFRAME)

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

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

  5. <FRAMESET ROWS="65,*"> <FRAME SRC="k1.gif" ALIGN=CENTER ALT="Логотип фирмы" NORESIZE SCROLLING=NO MARGINHEEIGHT=1 MARGINWIDTH=1> <FRAMESET COLS="20%,*"> <FRAME SRC="Menu.htm" NAME="Menu" NORESIZE SCROLLING=NO> <FRAME SRC="Start.htm" NAME="Work"> </FRAMESET> </FRAMESET>

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

  7. Для задания фреймовой структуры окна браузера используется тег <FRAMESET>. <FRAMESET cols="25%,75%"> <FRAME SRC="Menu1.htm" NAME="left" NORESIZE SCROLLING=NO> <FRAME SRC="start.htm" NAME="right" NORESIZE SCROLLING=NO> </FRAMESET> frame1.html

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

  9. <BODY BGCOLOR="#ffddff"> <H2 ALIGN=CENTER>САЙТЫ</H2> <P ALIGN=CENTER> <A HREF="3.html" TARGET=right>компания1</A></P> <P ALIGN=CENTER> <A HREF="4.html" TARGET=right>компания2</A> </P> <P ALIGN=CENTER> <A HREF="winter.htm" TARGET=right>Зимняя сказка</A> </P> </BODY> menu1.htm

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

  11. Примеры <FRAMESET COLS=“10%,*,*”>- ширина первого фрейма составляет 10% от окна браузера, а два остальных займут по 45% <FRAMESET COLS=“*,2*”> - второй фрейм будет шире первого в два раза. Одновременно формируется количество фреймов равное количеству звездочек. <FRAMESET ROWS="20, 80, *"> - создает экран, на котором верхняя строка имеет высоту 20 пикселов, средняя — 80 пикселов, а нижняя занимает все оставшееся место:

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

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

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

  15. Контрольные вопросы: • Что такое фреймы? • Каким образом задается фреймовая структура Web-документа? • Какие атрибуты имеются у тега <FRAMESET>? • Перечислите атрибуты тега <FRAME> • Как описываются внедренные окна?

More Related