Для установки фона используется атрибут BACKGROUND

ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ - HTML

Лабораторная работа 7.

HTML-документы на основе фреймов

Фрейм представляет собой отдельное рабочее окно браузера, в ряде случаев разделенное еще на несколько различных по параметрам и размеру фреймам. Совокупность таких окон принято называть фреймовой структурой.

Фреймовая структура – это набор взаимосвязанных электронных документов, имеющих соответствующие параметры и свойства.

Использование фрэймов позволяет улучшить внешний вид и функциональность HTML – документов. Каждое подокно, или фрэйм, может иметь следующие свойства:

Каждый фрэйм имеет свой URL, т.е. это не что иное как отдельный HTML – документ, что позволяет загружать его независимо от других фрэймов
Каждый фрэйм имеет собственное имя (параметр NAME), позволяющее переходить к нему из другого фрэйма
Размер фрэйма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрещено указанием специального параметра)

Данные свойства фрэймов позволяют создавать продвинутые интерфейсные решения, такие как:

Размещение статической информации, которую автор считает необходимым постоянно показывать пользователю, в одном статическом фрэйме. Это может быть графический логотип фирмы, copyright, набор управляющих кнопок
Помещение в статическом фрэйме оглавления всех или части HTML - документов, содержащихся на WEB-сервере, что позволяет пользователю быстро находить интересующую его информацию
Создавать окна результатов запросов, когда в одном фрэйме находится собственно запрос, а в другом результаты запроса

Цель: Создание фреймовой структуры и фрагменты документа HTML – документа.

Произведем создание фреймовой структуры HTML-документа, содержащего два вертикальных фрейма:

Для установки фона используется атрибут BACKGROUND - student2.ru

2. Первоначально произведем создание страниц, которые будут помещаться в фреймы.

3. Произведем создание HTML-документа oglavlenie_ark.html, которое будет помещаться в правую часть диалогового окна.

Для установки фона используется атрибут BACKGROUND - student2.ru

Установите выравнивание – по центру, цвет шрифта – Вишневый (maroon )

4. В качестве фона выберем файл бежевый.bmp (создайте в своей папке папку Фон и скопируйте данный файл)

Для установки фона используется атрибут BACKGROUND

Просмотрите в браузере документ

5. Произведем создание второго документа otkr_ark.html, который будет отображаться в правой части.

Введите следующий текст и отформатируйте соответсвенно:

ОТКРЫТИЕ МУЗЕЯ-ЗАПОВЕДНИКА “АРКАИМ”

Аркаим был открыт в июне 1987 года археологической экспедицией Челябинского государственного университета.

Располагается памятник на территории Большекараганской долины, на мысу образованном слиянием рек Большая Караганка и Утяганка. Свое название Аркаим получил от близлежащей сопки и урочища.

Фон страницы установите – светло-зеленый, цвет текста – темно-зеленый (teal)

Справа от текста поместите рисунок – аркаим 1.jpg

Просмотрите в браузере документ

7. После создания страниц, которые будут отображаться в новом HTML – документе с фреймовой структурой, приступим к созданию документа arkaim.html

При написании HTML- документа, содержащего фреймы используется тег <FRAMESET>, который вставляется вместо тэга BODY. Тег <FRAMESET>, содержит описание внутренних HTML-документов, которые будут размещаться во фрэймах. Тэг <FRAMESET> имеет завершающий тэг </FRAMESET>. Данный тэг может содержать два основных параметра: ROWS и COLS. Параметры ROWS и COLS определяют количество горизонтальных (ROWS) и/или вертикальных (COLS)фреймов. Формат записи значения может бать в пикселях, процентах. <FRAMESET cols="30%,70%"> - два вертикальных фрейма, один из которых занимает 30% (левый) рабочей области, 70% (правый) рабочей области: <FRAMESET COLS="50,*,50"> - описывает три фрэйма, два по 50 пикселей справа и слева, и один внутри этих полосок. <FRAMESET ROWS="30%,70%"> - два горизонтальных фрейма, один из которых занимает 30% (левый) рабочей области, 70% (правый) рабочей области: Тэги <FRAMESET> могут быть вложенными, т.е. например: <FRAMESET ROWS="50%,50%"> <FRAMESET COLS="40%,60%" </FRAMESET> </FRAMESET> Результат данного примера мы приведен позже:

Тег <FRAME> описывает свойства отдельного фрейма, входящего в состав фреймовой структуры.

Для тега <FRAME>используются следующие атрибуты:

SRC– указывает путь к HTML-документу

Например:

<FRAME SRC="DOC/oglavlenie.HTML"> - указывает, что в данный фрейм должен помещаться документ oglavlenie.HTML, который находиться в папке DOC

NAME – присваивает фрейму имя, которое используется при взаимодействии между различными фреймами

SCROLLING – вставляет полосу прокрутки в данный фрейм. Может принимать значения:

- “YES” – полоса прокрутки появляется в любом случае

- “AUTO” - полоса прокрутки появляется по мере необходимости

NORESIZE – запрещает ручное изменение пользователем размеров. Такое изменение возможно при наведении курсора мыши на границу фрейма. Данный параметр не требует указания каких-либо значений.

Все, что может находиться между этими двумя тэгами, это тэг <FRAME>, вложенные тэги <FRAMESET> и </FRAMESET>, а также контейнер из тэгов <NOFRAME> и </NOFRAME>, который позволяет строить двойные документы для броузеров, поддерживающих фрэймы и не поддерживающих фрэймы.

Введите следующий текст:

Для установки фона используется атрибут BACKGROUND - student2.ru