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


 

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

4673. Логика как наука о мышлении. Ее место в сфере научных знаний 645.5 KB
  Логика, как наука о мышлении является необходимым элементом образования для подготовки полноценных специалистов во всех сферах профессиональной деятельности. Логика способствует формированию логической культуры любого человека. Логически об...
4674. Тяговый расчёт автомобиля с механической трансмиссией на примере ВАЗ-2105 258.38 KB
  Исходные данные. Марка автомобиля: ВАЗ-2105. Двигатель: ВАЗ-2105, 1,3 л. Полная масса: 1395 кг Собственная масса автомобиля: 995 кг Максимальная скорость: 152 км/ч Максимальная мощность двигателя: 47кВт/63,3 л.с. Ча...
4675. Сети следующего поколения. Конспект лекций 8.99 MB
  Сети следующего поколения Введение Переход к пакетным технологиям при модернизации и построении новых сетей связи общего пользования (ССОП) стал настоятельно необходим. Традиционные операторы связи приступили к перестройке своих сетей с ориентацией...
4676. Использование анекдотов в процессе преподавания логики 229 KB
  Использование анекдотов в процессе преподавания логики Предисловие Наше Отечество переживает трудный, но объективно необходимый этап качественного социального, политического, экономического и духовного обновления. Сейчас уже понятно, что мы строим ц...
4677. Исследование явления дифракции электромагнитных волн 118 KB
  Цель работы Исследовать явление дифракции электромагнитных волн. С помощью дифракционной решетки проходящего света измерить длины электромагнитных волн видимого диапазона. Основные теоретические сведения Дифракцией называется совокупность явлений,...
4678. Повышение долговечности ходовой системы гусеничной лесозаготовительной машины 485.5 KB
  Повышение долговечности ходовой системы гусеничной лесозаготовительной машины Общая характеристика работы Актуальность темы. В России 720 миллионов гектаров территорий, покрытых лесом, из них 47% занимают труднопроходимые леса Сибири, Дальнего Восто...
4679. Элегазовый генераторный выключатель 10кВ, 63кА, 8000А 3.16 MB
  Элегазовый генераторный выключатель 10кВ, 63кА,8000А Введение В связи с необходимостью повышения номинальных параметров и надежности высоковольтного коммутационного оборудования для атомных электростанций необходима разработка современных генераторн...
4681. Мотивація, контроль та оцінка діяльності педагогів в шкільному менеджменті 605 KB
  Мотивація, контроль та оцінка діяльності педагогів у шкільному менеджменті Одним із важливих психологічних елементів управлінського процесу є мотивація, тобто спонукання керівником себе та інших до досягнення особистих цілей і цілей організації...