58221

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

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

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

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

Русский

2014-04-23

237 KB

9 чел.

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

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

Задание

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


 

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

47548. ДЕРЖАВНА АТЕСТАЦІЯ ВИПУСКНИКІВ 282.5 KB
  Для бакалаврів надані рекомендації щодо виконання випускної атестаційної роботи державний іспит та кваліфікаційної дипломної роботи надана інформація щодо майбутнього вступу до магістратури. Структура та зміст дипломної роботи. Порядок захисту дипломної роботи. Критерії оцінки дипломної роботи.
47549. Методические рекомендации. Международные отношения 1.11 MB
  В пособии даны рекомендации необходимые студентам при прохождении производственной и преддипломной практик написания отчетов по практикам а также для обобщения и анализа собранных материалов и написания дипломной работы. Целью проведения преддипломной практики является закрепление навыков полученных в период производственной практики а также сбор анализ и обобщение материалов для написания дипломной работы. Перед студентами в период прохождения практики ставятся следующие задачи: изучение структуры организации в которую...
47550. Финансы и кредит. Методические указания 437 KB
  Выбор темы дипломной работы Формулировка названия дипломной работы План дипломной работы Последовательность оформления дипломной работы и подготовка к ее защите
47553. Методические рекомендации. Менеджмент организации 224 KB
  Выбор темы проекта Требования к структуре и содержанию проекта Процедура сдачи и защиты проекта ПРИМЕРНЫЙ ПЕРЕЧЕНЬ ТЕМ ДИПЛОМНЫХ ПРОЕКТОВ ПО СПЕЦИАЛИЗАЦИИ ИНВЕСТИЦИОННЫЙ МЕНЕДЖМЕНТ Приложение Образец титульного листа отчета по преддипломной практике Приложение Образец титульного листа дипломного проекта Приложение Образец задания на выполнение дипломного проекта
47556. Менеджмент организации. Учебно-методическое пособие 619 KB
  В учебно-методическом пособии сформулированы основные требования предъявляемые к организации и проведению преддипломной практики содержанию дипломного проекта его оформлению и защите. Предложена примерная тематика исследований и приведены формы основных документов необходимых для оформления отчета по преддипломной практике и дипломного проекта. Цель дипломного проектирования [2. Выбор темы дипломного проекта [2.