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


 

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

7131. Синтез комбинационных систем 82 KB
  Лекция 2 Тема: Синтез комбинационных систем Под комбинационной схемой понимается цифровой автомат без памяти. Схема однозначно преобразует входные сигналы в выходные, без предистории. Под комбинационной схемой понимается такая схема...
7132. Музыкальное воспитание младших школьников 155.5 KB
  Музыкальное воспитание младших школьников Введение Музыкальное воспитание младших школьников все настойчивее входит в разряд первостепенных задач, волнующих общественность, что дает простор для радикального решения ряда важнейших аспектов про...
7133. Особенности жарочного шкафа 240.23 KB
  Тепловое оборудование предназначено для доведения кулинарных изделий до готовности, их разогрева и поддержания необходимой температуры ...
7134. Логика и теория аргументации 4.26 MB
  Логика и теория аргументации Введение Трудно переоценить значение логики и теории аргументации не только в развитии научного знания, но и в обыденной жизни. Для науки существенным моментом являются эффективные способы обработки информации и методы и...
7135. Бухгалтерский учет на малых предприятиях 186.5 KB
  Введение Предприятия малого бизнеса являются важнейшей составной частью обширного комплекса всех предприятий Российской Федерации. С принятием Гражданского кодекса Российской Федерации, законов о земле, о предприятиях с разной формой собственности п...
7136. Логический синтез цифровых устройств 905.5 KB
  Курсовая работа Логический синтез цифровых устройств Описание работы проектируемого устройства. Объект представляет собой техническое устройство, в которое поступают различные детали. Имеется 5 датчиков, которые определяют соответствие д...
7137. Важность мотивации для успешного развития компании 191 KB
  Введение. Основы мотивационной деятельности. Основы и сущность мотивации и стимулирование трудовой деятельности персонала. Смысл и эволюция мотивации. Содержательные теории мотивации. Мотивация персонала в организациях ...
7138. Понятие вины в уголовном праве 198.5 KB
  Понятие вины в уголовном праве Введение Состав преступления характеризуется совокупностью четырех элементов: объект, объективная сторона, субъект, субъективная сторона. Каждый из этих элементов является для любого состава обязательным. Отсутствие лю...
7139. Курортное оздоровление детей и подростков на российских и зарубежных курортах 218 KB
  Курортное оздоровление детей и подростков на российских и зарубежных курортах Введение Здоровье населения - один из важнейших элементов социального, культурного и экономического развития нашей страны. Именно поэтому Правительство Российской Федераци...