38029

Создание фреймов

Лабораторная работа

Информатика, кибернетика и программирование

HTML программа имеющая структуру кадров не должна содержать контейнеры body и наоборот. Обычно это файл HTML программы из того же каталога папки что и сам контейнер но может быть и абсолютный адрес файла с любого компьютера. nofrmes т nofrmes контейнер HTML текста для броузеров которые не поддерживают аппарат кадров. Левый фрейм Верхний правый фрейм Нижний правый фрейм Листинг: главный файл html hed title фреймы title hed frmeset cols= 4 frme frmeborder=yes src= left.

Русский

2013-09-25

729 KB

10 чел.

Лабораторная работа №13. «Создание фреймов»

<frameset a >т</frameset> 

контейнер кадров (фреймов): тело WEB - документа в виде кадров. HTML - программа, имеющая структуру кадров, не должна содержать контейнеры <body> и наоборот. Если в программе есть контейнеры обоих видов, то броузер будет отображать только контейнеры <body>. Атрибуты описывают сетку кадров: 

rows="," - список значений высоты строк сверху вниз, 

cols="," - список значений ширины столбцов слева направо. 

Значения могут быть выражены и в пикселах, и в % от размера окна, а также делить пространство в ( * ) долях между собой. Например: 

cols="100 , 25% , * , 3* , 2* ". Здесь 1-ый кадр будет шириной в 100 пикселов, 2-ой - шириной в 25% от ширины окна. Оставшееся пространство делится между 3-я кадрами в пропорциях 1/6, 3/6, 2/6. Число заданных кадров равно произведению строк и столбцов. В данном примере - 5 кадров; 

frameborder="" 

задает тип рамок между кадрами контейнера. Значения: 

no - рамки не видимы - имеют цвет фона окна броузера, 

yes - рамки имеют цвет; 

bordercolor="" 

задает цвет рамок между кадрами. По умолчанию - совпадает с цветом рамки окна; 

border="" 

устанавливает ширину рамок между кадрами контейнера. Если значение отсутствует, то кадры отделяются друг от друга тонкими линиями заданного цвета;

framespacing="" 

расстояние между кадрами. Этот атрибут реализован только в броузере Internet Explorer 4. 

 

Теги контейнера кадров 

 

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

<frame a > 

описывает отдельный кадр. Число таких тегов должно быть равно числу зарезервированных кадров в контейнере (за минусом вложенных контейнеров). Располагаются кадры последовательно слева направо и сверху вниз. Атрибуты: 

src="" 

URL - адрес содержимого кадра. Обычно это файл HTML - программы из того же каталога (папки), что и сам контейнер, но может быть и абсолютный адрес файла с любого компьютера. Если этот атрибут не задан, кадр будет пустым; 

marginwidth="" 

marginheight="" 

ширина от границы кадра до рамки по вертикали и горизонтали, соответственно;

scrolling="" 

определяет полосы прокрутки. По умолчанию полосы прокрутки добавляются в кадр, если содержимое кадра больше его размеров. Значения: 

yes - полосы прокрутки будут обязательно, 

no - полосы прокрутки запрещены, 

auto - полосы прокрутки добавляются по умолчанию; 

noresize 

запрещает пользователям менять размеры кадра. По умолчанию, если захватить рамку кадра мышью, появляется двунаправленная стрелка, которой можно переместить рамку; 

frameborder="" 

задает тип рамки кадра. Значения: 

yes - рамка имеет 3-х мерную форму, 

no - рамка плоская; 

bordercolor="" 

задает цвет рамки кадра;

name="" 

имя кадра, которым метят кадр. Имя показывает, в какой кадр делать загрузку при ссылке. 

<noframes>т</noframes>

контейнер HTML - текста для броузеров, которые не поддерживают аппарат кадров. Броузеры, поддерживающие кадры, игнорируют этот контейнер. 

Схема фрейма, который предлагается в качестве примера.

Левый фрейм

Верхний правый фрейм

Нижний правый фрейм

Листинг:

  1.  главный файл

<html>

<head><title>фреймы</title></head>

<frameset cols="*,4*">

<frame frameborder=yes src="left.html">

<frameset rows="50%,50%">

<frame frameborder=yes src="верх.html">

<frame frameborder=yes src="низ.html">

</frameset>

</frameset>

</html>

  1.  left.html (левый)

<html>

<body background="поздравление.gif"></body>

</html>

  1.  верх.html (Правый верхний)

<html>

<body background="снеговик.gif"></body>

</html>

  1.  низ.html (Правый нижний)

<html>

<body background="новогодние елки.gif"></body>

</html>

«Организация гиперссылок во фреймах».

<html>

<head><title>организация гиперссылок</title></head>

<frameset cols="2*,3*">

<frame frameborder=yes src="left2.html">

<frameset rows="50%,50%">

<frame frameborder=yes name="fraUp">

<frame frameborder=yes name="fraDown">

</frameset>

</frameset>

</html>

<html>

<body background="поздравление.gif">

<br><br><br><br><br><br><br><br>

Загрузить документ в

<ul>

<li><a href="верх.html" target=fraUp>верхний</a>фрейм

<li><a href="низ.html" target=fraDown>нижний</a>фрейм

</ul>

</body>

</html>

Задание.

Сделать фрейм по предложенной схеме, организовать гиперссылки, использовать фоновое изображение.

Доступные страницы моего сайта

Страница 1

Страница 2

Страница 3

Страница 4


 

А также другие работы, которые могут Вас заинтересовать

49324. ПРОЕКТИРОВАНИЕ И РЕАЛИЗАЦИЯ МОДУЛЯ ПРОХОЖДЕНИЯ ТЕСТИРОВАНИЯ СИСТЕМЫ ПРОВЕРКИ УЧАЩИХСЯ НА ЗНАНИЕ АЛГОРИТМОВ 1.58 MB
  Обзор систем тестирования Приложение Визуальная студия тестирования Система тестирования INDIGO
49325. Методы локализации неисправностей на аппаратуре СВ и РМ 1.63 MB
  После записи числа Х в ячейку памяти У при наличии свободных оперативных регистров контролируем содержимое ячейки ЗУ: на информационном поле оперативного пульта управления набираем адрес У; нажимаем клавиши НУ ЗАП ССП ПУСК; на поле индикации при переключателе режимов установленном на значении ОР число Х не отображается. Вычислительное устройство ВчУ является основным операционным устройством СВ предназначенным для обработки цифровой и логической информации реагирования на сигналы прерывания внешних устройств и управления...
49328. Возможности Hex-редакторов 843.76 KB
  Актуальность: в настоящее время hexредакторы используются в основном профессиональными программистами которые работают с языками низкого уровня. Hexредакторы вместе с дизассемблерами активно применяются хакерами для написания вирусов взлома программ и создания crck’ов. Понятие hexредактора Hexредактор англ.
49329. Цепи постоянного тока 136.43 KB
  Оглавление Цель курсовой работы Постановка задачи Расчет схемы Определение токов и напряжений в ветвях методом контурных токов Определение токов и напряжений в ветвях методом узловых потенциалов Баланс мощности Определение номинальных значений пассивных элементов цепи R LC Моделирование Список использованной литературы Целью курсовой работы является закрепление и...
49332. Синтезирование непрерывной системы управления с астатизмом второго порядка методом желаемой передаточной функции с заданными передаточной функцией объекта 303.87 KB
  Целью выполнения курсовой работы является применение теоретических положений теории управления для синтеза непрерывной системы управления методом желаемой передаточной функции...