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>

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

Задание

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


 

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

6427. Печатная электроника для дешевых электронных систем. Состояние технологии и развитие оборудования. 21.59 KB
  Печатная электроника для дешевых электронных систем. Состояние технологии и развитие оборудования. Аннотация. В последние годы печать стала сильно интересна как метод получения дешевых и массовых электронных систем. Печать допускает использование це...
6428. РЕАБИЛИТАЦИЯ ЖЕРТВ ПРЕСТУПЛЕНИЙ КАК ПРАВОВАЯ ПРОБЛЕМА 22.21 KB
  Статья посвящена анализу правового института реабилитации в уголовном процессе Российской Федерации, а также кругу участников судопроизводства, которые, по мнению автора, должны обладать правом н...
6429. Зигмунд Фрейд. Влечения и их судьба 116 KB
  З. Фрейд. Влечения и их судьба Нам часто приходилось слышать, что наука должна строиться на основании ясных и точно определенных исходных положений. В действительности никакая, даже самая точная, наука не начинает с таких определений. Настоящее нача...
6430. Проблема обучения и умственного развития в школьном возрасте 118.5 KB
  Проблема обучения и умственного развития в школьном возрасте Вопрос об отношении обучения и развития ребенка в школьном возрасте представляет собой самый центральный и основной вопрос, без которого проблемы педагогической психологии и педагогическог...
6431. Манипулятивные технологии в системе массовых коммуникаций 167.5 KB
  Манипулятивные технологии в системе массовых коммуникаций. Введение. Определение манипуляции. Признаки манипуляции. Психология манипуляции. Манипуляция на уровне психических процессов. Манипуляция на уровне психологиче...
6432. Проверка гипотезы совпадения экспериментального закона с теоретическим по критерию Колмогорова 25.47 KB
  Проверка гипотезы совпадения экспериментального закона с теоретическим по критерию Колмогорова Этапы задания и результаты их реализации. Задание 1. Разобраться в теоретическом материале Задание 2. Проверить с помощью критерия Колмогорова, подч...
6433. Новейшая история стран Латинской Америки 2.19 MB
  Предисловие Проблемы новейшей истории стран Латинской Америки занимают видное место в отечественной исторической науке. Начиная с 50-х годов было опубликовано много работ по тем или иным вопросам истории региона и отдельных латиноамерикански...
6434. Американская стратегия для ХХI века 152 KB
  Введение Всегда непредсказуемая, мировая история сделала в 1990-е годы нашего века удивительный поворот. После полустолетия биполярного противостояния мир потерял прежнее равновесие и новую систему международных отношений возглавили Соединенные Штат...
6435. Исламская экономика: универсальная теория развития или одна из моделей третьего пути 151.5 KB
  Исламская экономика: универсальная теория развития или одна из моделей третьего пути? Статья посвящена различным теориям развития в мусульманском мире во второй половине XX - начале XXI в., среди них - арабский социализм, исламский социали...