Онлайн учебники на TEPKA.ru

Учебник по HTML 4

Средства создания HTML документов, содержащих фреймы

HTML-документ, содержащий фреймы, как и любой другой документ, может быть создан или отредактирован вручную при помощи любого доступного текстового редактора. Большинство специализированных HTML-редакторов либо не имеют возможностей визуального создания фреймов, либо обладают весьма ограниченными возможностями. Существует несколько специальных редакторов, которые ориентированы на создание фреймов. Кратко опишем возможности некоторых из них.

Редактор фреймов FrameGang

Одним из таких редакторов является утилита FrameGang, разработанная австралийской фирмой Sausage Software, которая более известна своим популярным HTML-редактором HotDog.

Информацию об этом программном продукте можно получить по адресу http://www.sausage.com, а также из сборника программных продуктов для Интернета (по адресу http://www.tucows.com или любому другому из нескольких десятков серверов-зеркал, разбросанных по всему миру).

Утилита FrameGang является дополнением к любому HTML-редактору или обычному текстовому редактору, работающему в среде Windows, которая позволяет визуально сконструировать необходимую структуру фреймов и затем сгенерировать соответствующий HTML-код. Получаемый HTML-код через буфер обмена Windows (Clipboard) может быть передан в HTML-редактор. Программа FrameGang позволит быстро построить нужную фреймовую структуру.

Рассмотрим возможности программы. После установки данной программы в Windows и ее запуска предлагается выбрать одну из двух возможных структур фреймов первого (верхнего) уровня — поколонное расположение фреймов (Columns) или построчное (Rows), а также определить их количество. В дальнейшем каждый из фреймов первого уровня может при необходимости быть разбит на несколько фреймов второго уровня. Большее количество уровней фреймов не предусмотрено, однако это не является существенным ограничением, так как на практике редко используется более двух уровней.

Пусть для примера выбрано четыре фрейма, расположенных по колонкам. Далее следует создать структуру фреймов второго уровня, что осуществляется разбиением существующих фреймов в противоположном направлении. Для данного примера фреймы могут разбиваться только по горизонтали. Создание фреймов второго уровня выполняется в пункте меню Add, реализация которого добавляет очередной фрейм к текущему.

Заметим, что смешные картинки во фреймах не несут смысловой нагрузки и служат лишь для заполнения пустого пространства. Их прорисовка может быть отменена в меню Options. Также отметим, что само название фирмы-производителя (sausage — сосиски) и название некоторых ее программных продуктов (HotDog — в переводе не нуждается) определило стиль интерфейса данного пакета — во многих пунктах меню встречается изображение сосисок.

После определения структуры фреймов следует задать их размеры. Это выполняется простым перемещением границ фреймов мышью так же, как это делается для изменения размеров окон системы Windows. Установленные размеры для текущего фрейма отображаются в процентах в окнах с названиями Width и Height. При необходимости задать размеры фреймов не в процентах, а в пикселах или относительных единицах, следует изменить получаемый HTML-код вручную вне программы FrameGang.

Далее для каждого фрейма нужно задать его имя (Name), которое может быть опущено, URL-адрес документа, загружаемого в данный фрейм изначально (Frame URL), а также выбрать значение параметра изменяемости размеров фрейма (Resizeable Frame Border) и параметра прокрутки содержимого фрейма (Frame Scrolling).

В любой момент можно посмотреть создаваемую фреймовую структуры в выбранном внешнем браузере, не выходя из программы FrameGang. Для этого служит кнопка Preview. Задание имени браузера производится в меню Options. После задания всех параметров следует сгенерировать HTML-код, соответствующий выбранной структуре фреймов, который будет записан в буфер обмена Windows (кнопка HTML Compile). Полученный код может быть вставлен из буфера обмена в нужное место HTML-файла при работе в любом редакторе.

Кнопки сохранения (Save) и открытия (Open) файла позволяют сохранять и считывать файл только в специальной кодировке, свойственной программе FrameGang и не предназначенной для иного использования.

Ниже представлен HTML-код, сгенерированный программой FrameGang для описанного примера:

<FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_A">
<FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_B">
<FRAMESET ROWS="50%,50%">

<FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_C1">
<FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_C2">

</FRAMESET>
<FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_D">

</FRAMESET>

Для получения корректного HTML-документа полученный код достаточно заключить между тегами <HTML> и </HTML>. Можно добавить раздел заголовка документа <HEAD>, в котором определить нужные данные, например, название документа (напомним, что название документа записывается между тегами <TITLE> и </TITLE>). Заметим, что современные браузеры могут правильно работать даже при отсутствии некоторых необходимых тегов. Если приведенный выше HTML-код сохранить в виде файла с соответствующим расширением даже без добавления каких-либо тегов, то и Netscape Navigator, и Microsoft Internet Explorer смогут правильно отобразить данный документ.

Программа FrameGang позволяет визуально проектировать фреймы, достаточна удобна и проста в эксплуатации, однако не лишена отдельных недостатков. В частности, нет возможности уточнить размеры фреймов, записывая нужные числа в окнах Width и Height, так как в них лишь отображаются размеры, устанавливаемые при перемещении границ фреймов мышью. Не задаются общепринятые параметры фреймов MARGINWIDTH и MARGINHEIGHT. Нет возможности записи файла в текстовом формате на диск, что не дает возможности воспользоваться данной программой автономно.