58221

Создание WEB-страниц. Фреймы

Конспект урока

Педагогика и дидактика

Фрейм (англ. frame — кадр, рамка) — в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (HTML) — в языке HTML, веб-дизайне: область окна браузера для представления отдельной веб-страницы.

Русский

2014-04-23

237 KB

6 чел.

Урок 7.

Создание WEB-страниц

Фреймы

Фрейм (англ. frame — кадр, рамка) — в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию.

Фрейм (HTML) — в языке HTML, веб-дизайне: область окна браузера для представления отдельной веб-страницы.

Фрейм (издательские системы) — в настольных издательских системах: область на странице, содержащая текст или графику.

Каждый фрейм который вы создаёте имеет отдельную полосу прокрутки.

Фреймы могут быть горизонтальные, вертикальные и вложенные.

Правила:

- страница разбивается на фреймы с помощью тега < FRAMESET>…< FRAMESET/>

- чтобы получить вертикальные фреймы используется атрибут cols, для горизонтальных – rows

- каждый фрейм может содержать вложенный набор фреймов, наподобие матрешки

-фреймы можно разделять между собой процентами (%), частями (*), или абсолютными числами (пиксели)

- страница с фреймами не имеет тега BODY

Вертикальные.

1. Создайте предварительно две странички.

  1.  adam.html
  2.  eva.html

Естественно, эти страницы должны содержать текст и картинки по теме.   

2. Создаем третью страницу:

<html>

  <head>

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

  <FRAMESET cols="50%, 50%">

<frame src="eva.html">

<frame src="adam.html">

</FRAMESET>

Обратите внимание на процентное соотношение. В данном примере это 50% на 50%, то есть на каждую часть – поровну. Измените значение по своему усмотрению (в сумме – 100%).

Горизонтальные

<html>

  <head>

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

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

<frame src="eva.html">

<frame src="adam.html">

</FRAMESET>

Вложенные

<html>

  <head>

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

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

  <html>

  <head>

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

  <FRAMESET cols="30%, 70%">

<frame src="eva.html">

<frame src="adam.html">

</FRAMESET>

<frame src="eva.html">

<frame src="adam.html">

</FRAMESET>

Ещё один пример

<html>

  <head>

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

  

<FRAMESET rows="10%, 90%">

<frame src="1.html">

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

  

 

<FRAMESET cols="30%, 70%">

<frame src="index.html">

<frame src="adam.html">

</FRAMESET>

<frame src="eva.html">

<frame src="adam.html">

</FRAMESET>

</FRAMESET>

Должно получиться примерно так:

Задание

Создайте страницу с фреймами, которая отражает планировку вашей квартиры.


 

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

20417. Системы управления контентом 47.5 KB
  История управления контентом началась с управления документами в традиционном смысле этого слова т. По мере развития понятия документ системы управления документами стали называть системами управления контентом. Системы управления контентом действительно научились разделять управление документами хранение изменение и т.
20418. Диаграмма состояний (statechart diagram) 253 KB
  Вершинами графа являются возможные состояния автомата изображаемые соответствующими графическими символами а дуги обозначают его переходы из состояния в состояние. Длительность нахождения системы в любом из возможных состояний существенно превышает время которое затрачивается на переход из одного состояния в другое. При этом автомат может находиться в отдельном состоянии как угодно долго если не происходит никаких событий; время нахождения автомата в том или ином состоянии а также время достижения того или иного состояния никак не...
20419. АСУ «Экспресс» 31.5 KB
  АСУ Экспресс начала работать в 1972 году на Московском железнодорожном узле. Она получила название Экспресс1 и предназначалась для массового обслуживания пассажиров в реальном масштабе времени. Основной целью создания системы Экспресс1 являлось получение опыта в автоматизации управления билетнокассовыми операциями в масштабе такого крупного железнодорожного узла как Москва обслуживающего в сутки до 250 тысяч пассажиров поездами прямого и местного сообщения.
20420. Система АСУ Экспресс 66.5 KB
  1972 Система Экспресс1 запущена в эксплуатацию в предварительных кассах Киевского вокзала Москвы. 1974 Система Экспресс1 введена в эксплуатацию в масштабе Московского железнодорожного узла. 1982 Система Экспресс2 запущена в Москве с обслуживанием пассажиров через бюро заказов по телефону.
20421. Диаграмма классов (class diagram) 207 KB
  В этих разделах могут указываться имя класса атрибуты переменные и операции методы. Имя класса должно быть уникальным в пределах пакета который описывается некоторой совокупностью диаграмм классов или одной диаграммой. В дополнение к общему правилу наименования элементов языка UML имя класса записывается по центру секции имени полужирным шрифтом и должно начинаться с заглавной буквы. В первой секции обозначения класса могут находиться ссылки на стандартные шаблоны или абстрактные классы от которых образован данный класс и от которых он...
20422. Основные пакеты метамодели языка UML 282 KB
  org view=Basic_packages_metamodeli_language_UML 2730 Основные пакеты метамодели языка UML Возвращаясь к рассмотрению языка UML напомним что основой его представления на метамодельном уровне является описание трех его логических блоков или пакетов: Основные элементы Элементы поведения и Общие механизмы рис. Пакет Типы данных определяет основные структуры данных для языка UML. Основные пакеты метамодели языка UML Рис. Подпакеты пакета Основные элементы языка UML Пакет Основные элементы Ниже дается краткая характеристика элементов...
20423. Жизненный цикл ИС 86 KB
  Модель жизненного цикла отражает различные состояния системы начиная с момента возникновения необходимости в данной ИС и заканчивая моментом ее полного выхода из употребления. Модель жизненного цикла структура содержащая процессы действия и задачи которые осуществляются в ходе разработки функционирования и сопровождения программного продукта в течение всей жизни системы от определения требований до завершения ее использования. В настоящее время известны и используются следующие модели жизненного цикла: Каскадная модель рис....
20424. Мультипроцессоры 58 KB
  Мультипроцессоры Мультипроцессорные системы обладают одной характерной особенностью: все процессоры имеют прямой доступ к общей памяти. Мультипроцессорные системы шинной архитектуры состоят из некоторого количества процессоров подсоединенных к общей шине а через нее к модулям памяти. Простейшая конфигурация содержит плату с шиной или материнскую плату в которую вставляются процессоры и модули памяти. Поскольку используется единая память когда процессор А записывает слово в память а процессор В микросекундой позже считывает слово из...
20425. Компоненты NET 231.5 KB
  Использовать методы службы NET Romoting . Однако WCF содержит и другой тип сериализатора NetDataContractSerializer который является полной копией стандартного сериализатора однако помимо всего прочего он добавляет полное имя типа в сериализованный поток байтов. Хостинг IIS Internet Information Server WPF Приложения WPF строятся на основе языка XAML и языка реализации логики C.