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>

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

Задание

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


 

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

4755. Работа с файлами. Организация доступа к данным записанным в файл 1.15 MB
  Файлы Чтобы сохранять входные данные и результаты неограниченно долго и иметь возможность воспользоваться ими в любой момент используют файлы на магнитных носителях информации. По способу доступа к информации, записанной в файл, различают файлы прям...
4756. Проектирование и разработка типов на языке C# в соответствии со стандартами принятыми в спецификации CTS (Система общих типов) 343 KB
  Проектирование и разработка типов на языке C# в соответствии со стандартами принятыми в спецификации CTS (Система общих типов). Лекция. Введение. Общие сведения о системе общих типов (CTS). Типы значений и ссылочные типы. Встроенные типы. Определени...
4757. Использование библиотеки классов. NET Framework (Visual C#) 751 KB
  Использование библиотеки классов. NET Framework (Visual C#) Библиотека классов платформы .NET Framework Framework Class Library, FCL содержит определения типов, например, классов, структур, перечислимых типов, интерфейсов и.т.д. Каждый тип пре...
4758. Пространство имен System IO в Visual C# 41 KB
  Пространство имен System IO Задание: создать проект VisualC# Windows Application и выполнить примеры Классы File, FileInfo, Directory, DirectoryInfo, Path содержат методы для работы с файлами и каталогами (папками). Классы File и Dir...
4759. Линейное программирование. Сведения из теории 436.5 KB
  Математическое программирование представляет собой математическую дисциплину, занимающуюся изучением экстремальных задач и методов их решения. В общем случае постановка задачи математического программирования состоит в нахождении наибольшего...
4760. Парадигмы и стили программирования 133.5 KB
  Парадигмы и стили программирования Исторический очерк. Стили программирования. Понятия парадигмы программирования. Основные виды парадигм. Особенности функционального и логического программирования. Исторический о...
4761. Введение в язык Пролог (Prolog) 55.5 KB
  Введениев язык Пролог История происхождения языка Prolog. Prolog в России Версии языка Пролог Диалект SWI-Prolog Prolog — это язык программирования для символических, нечисловых вычислений. Он особенно хорошо...
4762. Основные понятия языка Prolog 112 KB
  Основные понятия языка Prolog. Теоретические принципы Пролога Синтаксис языка Prolog Теоретические принципы Пролога Пролог существенно отличается от языков, традиционно используемых в программировании. В языках Бейсик, Алгол и Паскаль о...
4763. Математическое программирование. Линейное программирование 1.79 MB
  Переход от административных к экономическим методам управления производством, развитие рыночных отношений, распространение договорных цен – все это нацеливает экономические службы на поиск наилучших хозяйственных решений, обеспечивающи...