Поделиться Поделиться

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<BODY BACKGROUND=путь расположения файла (напр.: "Z:\Лабораторные по HTML\Фон\)бежевый.bmp">

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

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 - Инвестирование - 3

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

← Предыдущая страница | Следующая страница →