Фреймы - Создание сайта
Использование техники фреймов позволяет разбить окно браузера на произвольное число независимых подокон, каждое из которых отображает отдельную HTML - страницу, например, навигационную панель, область данных, область рекламной информации и т. п. HTML-документы, отображаемые в отдельных фреймах, не зависят один от другого
Структура фреймовой области задается в рамочном фрагменте документа, ограниченном дескрипторами <frameset>, </frameset>. Этот фрагмент содержит также ссылки на отображаемые внутри фреймов HTML - документы. Допускается вложение фреймовых областей, т. е. элементом данной фреймовой области может быть отдельный фрейм, а может быть вложенная фреймовая область, описываемая собственным дескриптором.
Для описания самого фрейма используется дескриптор <frame>, концевого дескриптора не требуется. Атрибуты фрейма определяют его формат и другие особенности.
Не все браузеры могут воспринимать фреймы. Но если браузер лишен такой возможности, он просто игнорирует рамочный раздел документа.
Атрибуты тэга <frameset>
Атрибут |
Функция |
Cols |
Количество и ширина столбцов |
Rows |
Количество и высота строк |
Border |
Ширина рамки (в пикселях) |
Значения атрибутов: n (ширина столбцов или высота строк в пикселях), n% (ширина столбцов или высота строк в процентах от ширины или высоты окна), * (оставшаяся часть окна).
Атрибуты тэга <frame>
Атрибут |
Функция |
Name |
Имя фрейма |
Src |
HTML-документ (содержимое) данного фрейма |
Пример
<html>
<head>
<title>
Структура фреймов
</title>
</head>
<frameset rows="50,*" border=4 >
<frame src="Заголовок. htm" name="top" >
<frameset cols="36%,*">
<frame src="index. htm" name="left">
<frame src="main. htm" name = "right">
</frameset>
</html>
Разберем из приведенного примера строки:
<frameset rows="50,*" border=4 >
Данный тег задает количество горизонтальных фреймов и их размер при отображении в браузере (50 - высота 1- го фрейма по вертикали в пикселах. * - значит, второй фрейм занимает остальную область окна).
<frame src="Заголовок. htm" name="top" >
Данный тег ссылается на html-файл, содержимое которого отражается в верхнем фрейме. Атрибут Name="top" указывает на то, что фрейм будет отображаться верхним в окне браузера.
<frameset cols="36%,*">
Данный тег задает количество вертикальных фреймов и их размер при отображении в браузере (36% - ширина левого фрейма по горизонтали в процентах от окна браузера. * - значит, правый фрейм будет отображаться на всю остальную ширину окна браузера).
<frame src="index. htm" name="left">
<frame src="main. htm" name = "right">
Два данных тега ссылаются на соответствующие html-файлы, содержимое которых отображается в соответствующих фреймах (атрибут Name="left" указывает на то, что содержимое файла будет отображаться в левом фрейме, а Name = "right" - в правом соответственно).
Упражнение: Построить фреймовую структуру согласно данному коду (все документы сохраняйте в: //Server/Личные папки/Фамилия Имя)
Рамочная Часть Документа:
<html>
<head>
<title>Структура
</title>
</head>
<frameset rows="50,*" border=4>
<frame src="Заголовок. htm" name="top">
<frameset cols="36%,,*">
<frame src="index. htm" name="left">
<frame src="main. htm" name = "right">
</frameset>
</html>
HTML-документ Для Верхнего Фрейма:
<html>
<head>
<title>Верхний фрейм
</title>
</head>
<body>
<h2 align=center>
Заголовок
</h2>
</body>
</html>
HTML-документ Для Левого Фрейма:
<html>
<head>
<title>Левый фрейм
</title>
</head>
<body>
<h2 align=center>
Содержание
</h2>
</body>
</html>
HTML-документ Для Правого Фрейма:
<html>
<html>
<head>
<title>Правый фрейм
</title>
</head>
<body>
<h2 align=center>
Основная информация
</h2>
</body>
</html>
Так мы создали простейший сайт с помощью кодировки.
Похожие статьи
-
За структуру HTML-документа отвечают следующие теги: <HTML> - в данном контейнере находится все содержимое HTML-документа. <HEAD> - содержит...
-
Структура web-документа - Создание сайта
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE...>, которая обычно...
-
Создание заголовков - Создание сайта
Заголовки - отличный инструмент структурной организации содержимого Веб-страницы. Стандарт HTML предусматривает возможность использования заголовков...
-
Для того, чтобы создать страницу сайта достаточно в текстовом редакторе, в блокноте сделать следующую надпись: Первая страница сайта создана. После...
-
Проектирование и разработка сайта Средства разработки Язык гипертекстовой разметки HTML В Интернете сосредотачивается и передается достаточно большое...
-
Назначение системы Сайт "вопрос-ответ" предназначен для поиска ответов на интересующие пользователей вопросы, с рейтингом пользователей, возможностью...
-
Center Выравнивание текста по центру. Текст помещается по центру горизонтали окна браузера или контейнера, где расположен текстовый блок. Left...
-
Инструментарий разработки - Современные средства создания электронного обучающего материала
Для разработки электронного учебного пособия был выбран язык HTML. Общие сведения о языке HTML. Для подготовки информации и сохранения ее в виде...
-
Объектом автоматизации сайта "вопрос-ответ" является предметная область "Проектирование информационных систем". Основное назначение сайта "вопрос-ответ"...
-
Сервисы сайта - Создание сайта
Сервисы сайта направлены на облегчение использования сервисов компании. Так, например, онлайн-консультация позволяет пользователю быстро получить ответ...
-
Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем...
-
Шаблоны сайта Bootstrap3 Веб-дизайн является одним из основных элементов в процессе создания сайта. Именно от него зависит, насколько удобно и комфортно...
-
Оформление сайта, Язык HTML - Создание сайта
Оформление или дизайн - это внешний вид сайта. Эта та оболочка, которую вам придется надевать на ваш сайт, как этикетку на коробку с товаром. От этой...
-
Как создать свой сайт? Итак, создание сайта всегда начинается с идеи. Прежде, чем приступить к работе над сайтом, вы должны четко представлять, что вы в...
-
Автоматизированное извлечение текстов для корпуса политических статей сайта Lenta. ru Для создания полезного обучающего корпуса требуется постоянное...
-
Что такое Flash? Flash (от англ. Flash - "вспышка", произносится "флэш") Flash - это технология веб-мультипликации и создания интерактивного контента от...
-
Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и...
-
Принцип работы языка. Синтаксис Как и было сказано ранее основой для HTML-были приняты текстовые документы, содержащие в себе HTML5. Рассмотрим следующий...
-
Выводы и рекомендации к сайту - Создание сайта
Хотя полного аналога проекта компании "Музыкальная компания BOOM", найти на белорусском рынке не удалось, все же были выведены общие критерии, актуальные...
-
Инвестиционная привлекательность рынка - Создание сайта
К настоящему времени наблюдается устойчивый тренд роста числа белорусских потребителей, использующих Интернет для получения всевозможной информации. По...
-
Анализ целевой аудитории. - Создание сайта
Пользовательская аудитория - преимущественно мужчины (80%), а так же женщины (20%) в возрасте от 18 до 50 лет. Можно разделить на четыре (4) основные...
-
Организация связи в Internet - Создание сайта
При организации связи между вычислительными машинами, используется специальный набор правил, которые называются протоколом связи. Схема связи: клиент -...
-
Резюме Наименование проекта: Компания услуги по созданию интернет-сайтов. Инициатор проекта: Иванов Иван Иванович Организационно-правовая форма -...
-
Практическое решение примеров в программе Macromedia Flash (скриншоты примеров) Пример анимационная баннер сайта. Пример баннер сайта состоит 227 кадров...
-
Adobe Dreamweaver Adobe Dreamweaver - это HTML-редактор от компании Adobe, который на сегодняшний день очень известный. Первая его версия была выпущена в...
-
Структура сайта в виде блок-схемы (Рисунок 1) Рисунок 1 - Структура сайта в виде блок-схемы Mockup главной страницы Макет сайта (Рисунок 2) был выполнен...
-
Этапы создания сайта - Разработка интернет-магазина компьютерной техники
Разработка сайта - процесс трудоемкий, в котором обычно участвуют несколько специалистов. Чтобы проект был успешным, необходимо как минимум определить:...
-
Тэги в HTML. - Создание электронного учебника (по HTML) в редакторе Microsoft Front Page
Тэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и...
-
HTML - Разработка сайта рекламного агентства "ART"
HTML (HyperText Markup Language) - язык разметки (маркировки) гипертекста. Гипертекст своим развитием обязан интернету, хоть и создавался он совсем не...
-
Структура сайта - Компьютерная лингвистика в образовательной среде
Структура сайта разработана в соответствии с основными требованиями к веб-приложению. (Рис.3) Содержит в себе 3 основные страницы (одна из которых...
-
Для создания отдельного нового стиля в оформляемой таблице сначала необходимо вызвать команду /Вид /Определить Стиль. Процессор QUATTRO PRO откроет...
-
HTML таблицы. - Создание электронного учебника (по HTML) в редакторе Microsoft Front Page
Таблицы в HTML организуются как набор столбцов и строк. Ячейки таблицы могут содержать любые HTML-элементы, такие, как заголовки, списки, абзацы, фигуры,...
-
Разработка сайта, Среда разработки web-сайта - Разработка сайта для компании
Среда разработки web-сайта При разработке web-сайта используются: - HTML - язык разметки web-страниц; - CSS - формальный язык описания внешнего...
-
Структурная схема терминов Организация предпроектного обследования Предпроектная стадия включает комплекс научно-исследовательских работ и...
-
Основные стадии создания АИС - История создания и развития автоматизированных информационных систем
Структурная схема терминов Целью создания любой АИС является повышение эффективности производственно-хозяйственной деятельности предприятия за счет...
-
Защита персональных данных регламентируется Федеральным Законом РФ № 152-ФЗ "О персональных данных", принятым 27 июля 2006 года. Целью настоящего...
-
Анкеты, опросные листы и многие другие документы представляют собой бланки, предназначенные для заполнения и последующей обработки, Часто бланк также...
-
Начинать следует с определения структуры таблицы, соответствующей предметной области, т. е. с определения полей, которые надо включить в таблицу, типов...
-
Поиск и замена текста При работе с длинными документами иногда приходится вносить в них повторяющиеся изменения. ПрограммаWriterимеет специальные...
-
Бизнес - планирование, являясь нормой любой предпринимательской деятельности, необходимо для предвидения будущей ситуации, стратегических решений и для...
Фреймы - Создание сайта