58221

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

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

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

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

Русский

2014-04-23

237 KB

10 чел.

Урок 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>

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

Задание

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


 

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

74027. Ранний итальянский гуманизм и его представители 47 KB
  В России эпоха возрождения падает на XVIнач. Этому способствовало: рост городов и усиление их влияния на внутренний и внешний рынки; развитие цехового ремесленного производства следовательно формирование новых общественных капиталистических отношений; за очень короткий промежуток времени совершается много научных открытий которые формируют новую картину мира Николай Коперник Джордано Бруно Галилео Галилей открытия обосновали гелиоцентрический взгляд на мир; эпоха возрождения это эпоха великих географических открытий. В противовес...
74028. Становление и специфика развития европейского индустриального (капиталистического) общества в эпоху Нового времени 37 KB
  Он изменяет характер не только с х но и промышленности. Растет капиталистическая форма промышленности мануфактура разлагается средневековое городское ремесло рушатся оковы цехового строя; средневекового цехового мастера все больше вытесняет промышленный капиталист. Распределение машин использующих двигатель внутреннего сгорания повлекло за собой развитие нефтедобывающей и нефтеперерабатывающей промышленности. Государство проводит политику протекционизма политика государства направленная на защиту собственной промышленности путем...
74029. Великие революции Нового времени и их последствия 54 KB
  Старый феодальный порядок подрывали многочисленные народные восстания, происходившие в Италии, Франции, России, Испании и других странах. Синхронность этих проявлений кризисных общественно-политических ситуаций свидетельствовала об универсализме глубинных противоречий
74030. Особенности внешней и колониальной политики европейских государств и США 68 KB
  Цели приобретения колоний метрополиями Экономика торговля: эксплуатация природных и людских ресурсов в ряде случаев прямой доступ к уникальным редким ресурсам в том числе транзиту стремление к монополизации мировой торговли ими...
74031. Генезис идеологии индустриального общества в странах Запада: от Просвещения до либерализма 56.5 KB
  Политические взгляды Руссо изложил в сочинении Об общественном договоре, в котором на первый план выдвигает общество, доказывая, что обществу раньше принадлежала вся власть, которую оно по договору передало правителям, чтобы они пользовались этой властью в интересах самого общества.
74032. Специфика процессов национального объединения Германии и Италии во второй половине XIX века 35 KB
  Специфика процессов национального объединения Германии и Италии во второй половине XIX века Образование Германской империи. В ходе революции в Германии был выдвинут вопрос о национальном объединении страны об устройстве единой Германии. Большая часть германской буржуазии поддерживала план создания Малой Германии т. Бисмарк приступил к объединению Германии железом и кровью.
74033. Основные тенденции политического и социально-экономического развития стран Запада на рубеже XIX-XX 42.5 KB
  Концентрация производства и капитала дошедшая до такой высокой ступени развития что она создала монополии играющие решающую роль в хозяйственной жизни; слияние банкового капитала с промышленным и создание на базе этого финансового капитала финансовой олигархии; вывоз капитала в отличие от вывоза товаров приобретает особо важное значение...
74034. Международные отношения в Европе во второй половине XIX – начале XX века. Первая Мировая война 42 KB
  Достаточно быстрыми темпами развивались остальные сферы национального хозяйства Германии наука образование и т. В то же время геополитическое положение Германии не соответствовало растущей мощи ее монополий амбициям государства. В частности колониальные владения Германии были весьма скромными в сравнении с другими индустриальными странами. усиливается экспансия Германии на Ближнем Востоке в связи с постройкой Багдадской железной дороги; в Китае в связи с аннексией порта Цзяочжоу 1897 и установлением ее протектората над Шаньдунским...
74035. Кризис традиционной китайской цивилизации при династии Цин 45 KB
  Во время правления династии Цин упрочились контакты Китая с Западом и в страну стали проникать западные религия культура и технические достижения. С помощью европейских астрономов был разработан китайский календарь европейские географы создали карты Китая. Коррупция в правительстве достигла невероятного размаха; неспокойная обстановка в обществе находила выход в восстаниях Ухудшилось международное положение Китая. Характер деятельности европейцев в Индии Малайе и на Филиппинах а также вероломное поведение первых португальских и...