Презентация по Web программированию на тему Фреймы


ФреймыВыбор фреймовой структуры отображения информации на WWW оправдан в следующих случаях:при необходимости организовать управление загрузкой документов в одну из подобластей окна просмотра браузера при работе в другой подобласти;для расположения в определенном месте окна просмотра информации, которая должна постоянно находиться на экране вне зависимости от содержания других подобластей экрана;для представления информации, которую удобно расположить в нескольких смежных подобластях окна, каждая из которых может просматриваться независимо. <HTML><HEAD><TITLE>Фреймы </TITLE></HEAD><FRAMESET ROWS="25%,50%,25%"><FRAME SRC="header.htm"><FRAMESET COLS="25%,75%"><FRAME SRC="list.htm"><FRAME SRC="info.htm"></FRAMESET><FRAME SRC="footer.htm"></FRAMESET><NOFRAMES>Ваш браузер не может отображать фреймы</NOFRAMES></HTML>HTML-код, создающий документ с фреймами средней сложности: Фреймы определяются в структуре, называемой FRAMESET, которая используется для страниц, содержащих фреймы, вместо раздела BODY обычного документа. Web-страницы, составленные из фреймов, не могут содержать раздел BODY в своем HTML-коде. В свою очередь, страницы с разделом BODY не могут использовать фреймы.Тэг <FRAMESET> Контейнер из тегов <FRAMESET> и </FRAMESET> обрамляет каждый блок определений фрейма. Внутри контейнера <FRAMESET> могут содержаться только тэги <FRAME> и вложенные теги <FRAMESET>.Тэг <FRAMESET> имеет два параметра: ROWS (строки) и COLS (столбцы) и записывается в следующем виде:<FRAMESET ROWS="список_значений" COLS="список_значений">.Контейнер <FRAMESET> </FRAMESET> может быть вложен внутрь другого такого же контейнера, как это было показано в начальном примере. Список значений параметров ROWS и COLS тега <FRAMESET> представляет собой разделенный запятыми список значений, которые могут задаваться в пикселах, в процентах или в относительных единицах. Число строк или столбцов определяется числом значений в соответствующем списке. Например, запись<FRAMESET ROWS="100,240,140">определяет набор трех фреймов. Эти значения представляют собой абсолютные значения в пикселах. Другими словами, первый фрейм (первая строка) имеет высоту 100 пикселов, второй — 240 и последний — 140 пикселов. Лучшим вариантом будет задание значений в процентах или в относительных единицах, например:<FRAMESET ROWS="25%,50%,25%">.В этом примере создаются три фрейма, размещаемые как строки во всю ширину экрана. Верхняя строка займет 25 процентов от доступной высоты экрана, средняя строка — 50 процентов и нижняя — 25 процентов. Необходимо записать столько тегов <FRAME>, сколько отдельных фреймов определено при задании тега <FRAMESET>. Тэг <FRAME> имеет шесть параметров: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING и NORESIZE. Запись тега <FRAME> со всеми параметрами:<FRAME SRC="url" NAME="window_name" SCROLLING=YES|NO|AUTOMARGINWIDTH="value" MARGINHEIGHT="value" NORESIZE>ПРИМЕЧАНИЕ. На практике в тэге <FRAME> редко используются одновременно все параметры.Тэг <FRAME> <FRAME SRC="url">. Значение параметра SRC определяет URL-адрес документа, который будет загружен изначально в данный фрейм. Обычно в качестве такого адреса записывается имя HTML-файла, расположенного в том же самом каталоге, что и основной документ. Тогда строка определения фрейма будет выглядеть, например, так: <FRAME SRC="sample.htm">. Параметр NAME определяет имя фрейма, которое может использоваться для ссылки к данному фрейму. Обычно ссылка задается из другого фрейма, располагающегося на той же самой странице. Например: <FRAME SRC="sample.htm" NAME="Frame_1">. Такая запись создает фрейм с именем "Frame_1", на который может быть выполнена ссылка. Например: <A HREF="other.htm" TARGET="Frame_1">Щелкните здесь для загрузки документа other.htm во фрейм с именем Frame_1</A>.name Параметры MARGINWIDTH и MARGINHEIGHT дают возможность устанавливать ширину полей фрейма. Записывается это следующим образом:MARGINWIDTH="value",где "value" — абсолютное значение в пикселах. Например:<FRAME MARGINHEIGHT= "5" MARGINWIDTH= "7">.Данный фрейм имеет поля сверху и снизу по 5 пикселов, а слева и справа — по 7 пикселов. Параметры MARGINWIDTH и MARGINHEIGHT Для фреймов будут автоматически создаваться и отображаться полосы прокрутки, если содержимое фрейма не помещается полностью в отведенном пространстве. Иногда это нарушает дизайн страницы, поэтому было бы удобно иметь возможность управлять отображением полос прокрутки. Для этих целей используется параметр SCROLLING. Формат записи:<FRAME SCROLLING="YES|NO|AUTO">.Параметр SCROLLING может принимать три значения: YES, NO или AUTO. Значение AUTO действует так же, как и в случае отсутствия параметра SCROLLING. Значение YES вызывает появление полос прокрутки вне зависимости от необходимости этого, a NO — запрещает их появление. Например:<FRAME SCROLLING=YES>.параметр SCROLLING Для предотвращения возможности изменения пользователем размера фреймов следует воспользоваться параметром NORESIZE: <FRAME NORESIZE>. Этот параметр не требует никаких значений. NORESIZE <NOFRAMES>весь HTML-документ</NOFRAMES> Все, что размещено между тэгами <NOFRAMES> и </NOFRAMES>, будет отображаться браузерами, не имеющими возможностей поддержки фреймов. Браузеры с поддержкой фреймов проигнорируют всю информацию между этими тэгами.Тэг <NOFRAMES> В теге <IFRAME>применяются точно такие же параметры, как и в тэге описания обычных фреймов <FRAME>. Исключение параметр NORESIZE, применение которого бессмысленно, так как размер плавающих фреймов в любом случае не может быть изменен пользователем при просмотре документа.Плавающие фреймы <IFRAME> Для задания расположения и размеров плавающего фрейма в документе можно использовать следующие дополнительные параметры: WIDTH, HEIGHT, HSPACE, VSPACE, ALIGN. <IFRAME SRC=float.htm NAME="A" HEIGHT=300 WIDTH=40% HSPACE=10 SCROLLING=YES ALIGN=RIGHT> Ваш браузер не позволяет отображать плавающие фреймы </IFRAME>