Главная | Обратная связь | Поможем написать вашу работу!
МегаЛекции

Редактор фреймов 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 для описанного примера:

<FRAMESET COLS="25%,25%,25%,25%">

<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. Нет возможности записи файла в текстовом формате на диск, что не дает возможности воспользоваться данной программой автономно.

Редактор фреймов Frame-It

Еще одним специализированным редактором фреймов является программа Frame-It, информацию о которой можно получить по адресу:

http://www.iinet.net.au/~bwh/frame-it.html

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

Для каждого фрейма задаются все необходимые параметры путем заполнения соответствующих полей. В отличие от предыдущей программы здесь предусмотрено задание значений параметров MARGINWIDTH и MARGINHEIGHT. Кроме того, введен флажок Invisible Frame Borders, установка которого обеспечивает генерацию следующего фрагмента кода:

FRAMEBORDER="NO" BORDER="0" FRAMESPACING="0".

После задания необходимых параметров фреймов можно сохранить сгенерированный HTML-код в файле или записать его в буфер обмена Windows. Сгенерированный код будет содержать не только описание структуры фреймов, но и начальный тег <HTML>, а также пару тегов <NOFRAMES> и </NOFRAMES>, между которыми записывается информация, предназначенная для браузеров, не отображающих фреймы.

Для определенного примера будет сгенерирован следующий код:

<html>

<! --- Generated using Frame-it v1.21 --- >

<! --- http://www.iinet.net.au/~bwh/frame-it.html --->

<frameset cols="25%,25%, 25%, 25%" FRAMEBORDER="NO" BORDER="0"

FRAMESРАСING="0">

<frame name="Frame_1" src="Empty.htm">

<frame name="Frame_2" src="Empty.htm">

<frameset rows="50%,50%">

<frame name="Frame_3" src="Empty.htm">

<frame name="Frame_5" src="Enipty.htm">

</frameset>

<frame name="Frame_4" src="Empty.htm">

</frameset>

<noframes>

<body>

Ваш браузер не может показывать документы

с фреймовой структурой

</noframes>

Если в данном примере сбросить флажок Invisible Frame Borders, то генерируемый код значительно изменится:

<html>

<! --- Generated using Frame-it vl.21 --- >

<! --- http://www.iinet.net.au/~bwh/frame-it.html --->

<frameset cols="25%,25%,25%,25%">

<frame name="Frame_1" src="Empty.htm" marginheight=3 marginwidth=3

scrolling=auto noresize>

<frame name="Frame_2" src="Empty.htm" marginheight=3 marginwidth=3

scrolling=auto noresize>

<frameset rows="50%,50%">

<frame name="Frame_3" src="Empty.htm" marginheight=3 marginwidth=3

scrolling=auto noresize>

<frame name="Frame_5" src="Empty.htm" marginheight=3 marginwidth=3

scrolling=auto noresize>

</frameset>

<frame name="Frame_4" src="Empty.htm" marginheight=10 marginwidth=10

scrolling=auto noresize>

</frameset>

<noframes>

<body>

Ваш браузер не может показывать документы

с фреймовой структурой

</noframes>

 

Поделиться:





Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...