Электронная библиотека » Игорь Шапошников » » онлайн чтение - страница 14


  • Текст добавлен: 14 ноября 2013, 04:58


Автор книги: Игорь Шапошников


Жанр: Интернет, Компьютеры


сообщить о неприемлемом содержимом

Текущая страница: 14 (всего у книги 20 страниц)

Шрифт:
- 100% +

В блоке Layout (Раскладка), показанном на рис. 8.15, осталось рассмотреть всего два флажка. Флажок Header cell (Ячейка заголовка) позволяет из обычной ячейки делать ячейку заголовка. При этом она будет реализовываться при помощи тэгов <th> и </th>, которые несколько видоизменят отображение содержимого ячейки. Но для ячеек заголовка можно устанавливать все те же свойства, что и для обычных ячеек. И реализовываться они будут при помощи идентичных параметров.

Устанавливать флажок No wrap (Без переноса) нужно в тех случаях, когда вы не хотите переноса содержимого ячейки на другую строку, если оно не помещается в окне просмотра. То есть, если текст ячейки не виден полностью в окне просмотра браузера удаленного пользователя, он обычно переносится на другую строку, тем самым немного увеличивая высоту таблицы. Это нам представляется достаточно разумным решением. Но в тех случаях, когда по каким-либо причинам перенос содержимого является недопустимым, используется флажок No wrap (Без переноса). При этом в тэг, объявляющий ячейку, добавляется параметр nowrap.

Блок Borders (Границы) содержит три выпадающих списка, устанавливающих цвет границы конкретной ячейки или нескольких ячеек сразу, входящих в текущее выделение. Список Color (Цвет) позволяет указывать цвет границы. В том случае, когда необходимо создать псевдотрехмерную рамку за счет выделения ее двумя цветами, используются списки Light border (Светлая граница) и Dark border (Темная граница). Принципы взаимодействия этих трех выпадающих списков полностью аналогичны случаю установки цветов границы для всей таблицы в целом. То есть, если какой-либо из цветов темного и светлого обрамления не установлен, вместо него используется общий цвет рамки, указываемый при помощи выпадающего списка Color (Цвет). Причем реализация этих свойств происходит посредством уже знакомых вам параметров. Так ячейка, для которой установлены все три цвета, реализуется при помощи конструкции <td bordercolor="#008000" bordercolorlight="#00FFFF" bordercolordark="#FF0000">. Здесь установлен общий зеленый (green) цвет рамки при помощи параметра bordercolor, светлый и темный цвета границы – голубой (aqua) и красный (red), соответственно, – заданы посредством параметров bordercolorlight и bordercolordark.

В рассматриваемом диалоговом окне остался только раздел для установки фона ячейки – Background (Фон). Цвет фона ячейки устанавливается в выпадающем списке Color (Цвет). Реализуется подобная возможность при помощи параметра bgcolor тэгов <td> или <th>. Если же необходимо в качестве фона использовать графическое изображение, следует установить флажок Use background picture (Использовать фоновый рисунок) и в поле ввода указать местонахождение графического файла. В этом случае к тэгу <td> добавляется параметр background, в качестве значения которого устанавливается URL искомого файла.

Еще одним объектом таблицы является ее заголовок. Впрочем, он может быть и подписью, но это не меняет его сущности, т. к. реализация в языке HTML от этого не изменяется. Для добавления к таблице заголовка необходимо выполнить команду меню Table/Insert/Caption (Таблица/Добавить/Заголовок), после чего над таблицей возникает дополнительное пространство с текстовым курсором, где можно ввести наименование таблицы. Реализуется этот заголовок при помощи тэгов ccaption > и </caption>, между которыми находится тэг заголовка. Он может быть как сверху, так и снизу таблицы, что реализуется при помощи параметра valign. В том случае, если вы желаете поместить подпись таблицы снизу, этот параметр принимает значение bottom. Для расположения заголовка сверху, по умолчанию, используется значение top. Впрочем, вручную набирать данный параметр в коде страницы не придется. Вы всегда можете использовать контекстное меню заголовка, где есть команда Caption Properties (Параметры заголовка). Эта команда вызывает одноименное диалоговое окно, показанное на рис. 8.17.

Рис. 8.17. Диалоговое окно Caption Properties


Как вы видите, единственное свойство заголовка, которое вы можете принудительно устанавливать, это его позиция относительно таблицы. Регулируется оно двумя переключателями: Top of table (Сверху таблицы) и Bottom of table (Снизу таблицы). Первый переключатель выводит заголовок наверх, второй – вниз. В том случае, если вы хотите указать выравнивание названия таблицы по горизонтали, необходимо выделить его и поступить как с обычным текстом, т. е. использовать кнопки выключки. Но при этом весь заголовок заключается в тэги объявления обычного абзаца <р> и </р>, к которым уже применяются параметры выравнивания текста. Впрочем, у тэга <caption> тоже есть тэг выравнивания align, но различные браузеры интерпретируют его по-разному, поэтому его прямое применение нежелательно.

Теперь перейдем к тем инструментам работы с таблицами, которые не затрагивают непосредственно саму реализацию таблицы на языке HTML. Начнем со способов создания таблиц. Один способ мы уже рассмотрели ранее. Это использование команды Insert/Table (Вставка/Таблица). Однако, помимо прямой вставки, таблицу можно нарисовать. Для этого используется команда меню Table/Draw Table (Таблица/Нарисовать таблицу) или одноименная кнопка с панели инструментов Tables (Таблицы). После выполнения этой команды курсор принимает форму каравдаша, и им можно просто нарисовать таблицу. В том случае, если необходимо удалить ошибочно проведенную линию, стоит нажать на кнопку Eraser (Ластик), расположенную на панели инструментов для работы с таблицами. Курсор принимает форму ластика, и им можно стереть все, кроме внешних границ таблицы.

Если у вас уже набран текст, который необходимо преобразовать в таблицу, используется команда меню Table/Convert/Text to Table (Таблица/Преобразовать/Текст в таблицу). При этом активизируется диалоговое окно Convert Text То Table (Преобразовать текст в таблицу), в котором нужно указать способ разделения текстовых блоков, для того чтобы FrontPage мог правильно разбить текстовые блоки по ячейкам. На выбор предлагается разделение по абзацам (Paragraphs (Абзацы)), символами табуляции (Tabs (Табуляция)) и запятыми (Commas (Запятые)). В том случае, если весь текстовый блок необходимо поместить в одну ячейку, следует выбрать вариант None (Нет). И конечно, у вас есть возможность указать свой собственный символ-разделитель. Для этого надо выбрать альтернативу Other (Другой) и поместить в поле ввода необходимый символ. Впрочем, FrontPage может произвести и обратную операцию, т. е. преобразовать таблицу в текст. Для этого используется команда меню Table/Convert/Table То Text (Таблица/Преобразовать/Таблицу в текст). При этом содержимое каждой ячейки записывается в отдельном абзаце.

Разберемся с изменением количества столбцов или строк таблицы. Удаление этих элементов производится достаточно просто. Следует выделить предназначенную к удалению часть таблицы и нажать кнопку Delete Cells (Удалить ячейки) на инструментальной панели или выполнить команду меню Table/Delete Cells (Таблица/Удалить ячейки). Выделенный блок исчезнет. Необходимо отметить, что если просто нажать клавишу <Delete> на клавиатуре, то удалится только содержимое этих ячеек. Для вставки дополнительных столбцов или строк используются кнопки Insert Columns (Вставить столбцы) и Insert Rows (Вставить строки) или соответствующие команды меню.

Несколько ранее мы рассматривали случай создания ячеек, занимающих пространство, отведенное под несколько ячеек сразу. Для этих целей применяется также команда меню Table/Merge Cells (Таблица/Объединить ячейки) или одноименная кнопка на панели инструментов. Команда меню и кнопка панели инструментов становятся доступными в том случае, если в таблице выделено несколько смежных ячеек. Обратная операция по разбиению одной ячейки на несколько других производится при помощи команды меню Table/Split Cells (Таблица/Разбить ячейки) или соответствующей кнопки. Для уточнения информации о том, как необходимо разбить ячейку, на экран выводится диалоговое окно Split Cells (Разбить ячейки). Пользователь имеет возможность при помощи двух переключателей выбрать порядок разбиения. Разбиение по горизонтальной границе указывается альтернативой Split into rows (Разбить внутри строки). Для разбиения ячейки на столбцы используется альтернатива Split into columns (Разбить внутри столбца). При этом в поле ввода необходимо занести количество новых ячеек, которые должны появиться на месте исходной.

На панели инструментов Tables (Таблицы) сразу после уже рассмотренных нами кнопок Merge Cells (Объединить ячейки) и Split Cells (Разбить ячейки) находится блок кнопок, которые позволяют принудительно устанавливать вертикальное выравнивание содержимого ячеек. Как вы помните, данное выравнивание задается при помощи параметра valign. Эти кнопки носят названия Align Тор (Выравнивание по верху), Center Vertically (Вертикальное центрирование), Align Bottom (Выравнивание по низу) и позволяют выравнивать содержимое по верхнему краю ячейки, уравновешивать в ее центре и прижимать к нижнему краю, соответственно. К сожалению, аналогов этих кнопок среди команд меню Table (Таблица) нет. Однако операцию вертикального выравнивания можно производить при помощи диалогового окна задания свойств ячеек Cell Properties (Параметры ячейки).

На очереди инструменты, автоматически задающие размеры ячеек. В том случае, если вам необходимо сделать несколько ячеек одинаковой высоты, стоит воспользоваться кнопкой Distribute Rows Evenly (Распределить строки поровну). Естественно, все выделенные ячейки должны составлять совокупность смежных строк. Для подобной операции, которая может выровнять ширину столбцов, используется кнопка Distribute Columns Evenly (Распределить столбцы поровну). Для этих кнопок есть и дублирующие команды меню. Необходимо учесть, что операции могут производиться только для ячеек, которые не имеют в своих HTML-тэгах параметров rowspan и coispan. Есть и еще один вариант. FrontPage может ужать ячейки таким образом, что они будут максимально плотно облегать свое содержимое. Для этого используется кнопка AutoFit (Автоподготовка) или одноименная кнопка меню.

На панели инструментов находится еще одна кнопка, которая носит название Fill Color (Заполнить цветом) и позволяет указывать цвет фона ячейки или всего выделения. Правда, подобную возможность мы уже рассматривали при обзоре свойств ячеек.

На этом мы можем закончить обзор приемов работы с таблицами.

Фреймы

Все вы видели такие приложения, которые позволяют работать сразу с несколькими дочерними окнами. В мире World Wide Web подобная возможность реализуется как совокупность нескольких документов в пространстве одного просмотрового окна. Есть основное технологическое ограничение – одно окно браузера на один документ. Не больше и не меньше. Однако всегда есть возможность практически любое правило обойти. Для этого и были придуманы страницы с фреймовой структурой. Фрейм – это место на странице, где показывается другой HTML-документ. Сам фрейм является как бы обособленным окном просмотра, содержащим свои полосы прокрутки. Границы фреймов по умолчанию могут быть изменены удаленным пользователем в процессе просмотра Web-страницы. То есть фреймы разделены подвижной границей, называемой также сплиттером. При этом страница, на которой располагаются фреймы, сама не несет никакого содержимого. По сути, она является просто площадкой для расположения других Web-страниц. Естественно, нет смысла вставлять в исходный документ всего один фрейм. Обычно их не менее двух, но редко на странице размещается более четырех фреймов сразу, т. к. окна просмотра каждого документа, вставленного во фрейм, становятся достаточно маленькими и работать удаленному пользователю с ними неудобно. Если у проектировщика страницы появилась необходимость поместить более четырех фреймов на странице, значит, структура сайта, чаще всего, спроектирована неграмотно.

Обычно в качестве фреймов вставляются панели навигации сайта, содержащие его оглавление, колонтитулы Web-страниц. Очень часто в одном фрейме располагается форма поиска информации на сайте, а в другом фрейме выводится заказанная информация. Иногда два фрейма представлены в виде иерархии уточняющего поиска. Впрочем, все примеры правильного использования фреймов можно с легкостью найти в Интернете. Как отличить правильное построение фреймовой структуры страницы от неправильного? Очень просто. Если со страницей работать удобно, внимание не рассеивается и принципы получения информации интуитивно понятны, следовательно, структура выстроена правильно. В ином случае – разработчики ошиблись. К сожалению, не всегда свое творение можно оценить объективно. Разработчик чаще всего отлично представляет себе, где лежит тот или иной документ, входящий в состав сайта, и навигация по сайту и представление информации от этого несколько страдают, т. к. ему не приходится задумываться об оптимальном поиске. Он помнит все связи и структуру. А удаленный пользователь может иметь совершенно другое мнение, которое очень часто оказывается намного объективнее.

К счастью, FrontPage 2000 содержит несколько готовых фреймовых структур, которые давно опробованы и признаны эффективными. Идеология FrontPage 2000 не позволяет вставить фрейм в уже существующую страницу, даже если она пуста. Страницу с фреймовой страницы необходимо создать. Для этого применяется команда меню File/New/Page (Файл/Создать/Страницу). Эта команда активизирует диалоговое окно New (Новый), которое предназначено для создания сайтов и страниц с использованием заранее приготовленных шаблонов и мастеров. Нас будет интересовать вкладка с названием Frames Pages (Фреймовые страницы), которая показана на рис. 8.18. На ней расположены десять шаблонов для создания Web-страниц с фреймовой структурой. Рассмотрим эти шаблоны в порядке их следования.

Рис. 8.18. Вкладка Frames Pages диалогового окна New


Само диалоговое окно выбора шаблона достаточно удобно, ведь каждый шаблон снабжен краткой аннотацией, а в окне предварительного просмотра видна структура страницы, создаваемой при помощи этого шаблона. Итак, самый первый шаблон Banner and Contents (Баннер и содержание) создает страницу с тремя фреймами. В верхней части страницы расположен так называемый баннер, который обычно содержит общее наименование сайта и панель навигации. Правая часть отдана под содержание данной части сайта. Причем содержание может меняться в зависимости от того, какую часть сайта выбрал для просмотра удаленный пользователь. А основную часть окна занимает главный фрейм, в котором и отображается основной HTML-документ.

Шаблон Contents (Содержание) очень похож на предыдущий, но не содержит баннера. То есть на создаваемой странице будут размещены два фрейма. В левой части страницы – узкий фрейм, предназначенный для оглавления сайта, правая часть отдана под основной фрейм, который показывает выбранную пользователем страницу. Шаблон Footer (Подвал) фрейм с содержанием сайта размещает внизу основной страницы. Шаблон Footnotes (Нижний колонтитул) практически полностью повторяет предыдущий, но нижний фрейм с содержанием занимает несколько больше места. Шаблон Header (Заголовок) тоже относится к группе страниц с двумя фреймами, из которых один отводится под навигационную панель. В этом шаблоне верх страницы занимает узкий фрейм, в котором обычно находится панель навигации. Применяется этот шаблон, как и шаблон Footer (Подвал), в том случае, когда нет нужды делать большое оглавление сайта, а можно обойтись обычной навигационной панелью. Объединяет все рассмотренные случаи еще один шаблон с названием Header, Footer and Contents (Заголовок, подвал и содержание), который создает страницу с четырьмя фреймами. То есть, помимо основного фрейма просмотра документа, создается заголовок, подвал страницы и в левой ее части – фрейм для оглавления.

Следующие два шаблона предназначены для создания страниц с двумя фреймами, содержащими независимые друг от друга документы. Шаблон Horizontal Split (Горизонтальное разбиение) делит страницу на две части по горизонтали, a Vertical Split (Вертикальное разбиение) – по вертикали.

И последние два шаблона помогают создавать страницы с иерархической системой фреймов. В одном фрейме находится оглавление или панель навигации, второй фрейм показывает документ, с помощью которого можно более точно выбрать необходимую информацию, а уже в основном фрейме просматривать искомый документ. Единственное различие между этими шаблонами – порядок расположения фреймов. Так, в шаблоне Nested Hierarchy (Иерархическая страница) в левой части страницы располагается фрейм, отводимый под оглавление сайта, в правом верхнем углу расположен фрейм, в котором уточняется информация, оставшаяся же часть отведена под основное окно просмотра полученного документа. А шаблон Top-Down Hierarchy (Вертикальная иерархия) создает вертикальную иерархическую страницу. В верхнем колонтитуле страницы размещается обычно панель навигации, немного ниже находится уточняющий фрейм, а под ним – основной.

После выбора необходимого шаблона достаточно нажать кнопку ОК, и новая страница с фреймовой структурой почти готова. Ведь изначально на странице Normal (Режим разметки) сама страница еще не готова. Вместо нее показывается структура создаваемой страницы, и в каждом фрейме находится две кнопки. Мы прекрасно помним, что фрейм является лишь окном просмотра для отдельного HTML-документа. Кнопка Set Initial Page (Установить начальную страницу) позволяет при помощи стандартного диалога создания гиперссылки привязать к фрейму уже существующую страницу в качестве стартовой. А кнопка New Page (Новая страница) создает новую пустую страницу.

При создании Web-страниц с фреймовой структурой к трем обычным режимам работы добавляются еще две вкладки основного рабочего окна. Вкладка Normal (Режим разметки) показывает проектируемую страницу. Про вкладку No Frames (Без фреймов) необходимо рассказать подробнее. Дело в том, что далеко не все браузеры изначально поддерживали фреймовую технологию. Поэтому у каждой страницы с фреймами был блок, в котором содержалась строка, говорящая, что эти страницы содержат фреймы, которые данный браузер не может обработать. Так вот, на вкладке No Frames (Без фреймов) записывается текст, который отображается в этом случае. По умолчанию там находится строка This page uses frames, but your browser doesn't support them. Однако вам ничто не мешает заменить ее русским текстом. Вкладка HTML разбивается так же, как и страница, и в каждом отдельном блоке находится HTML-код документа, который ассоциирован с этим фреймом. А на странице Frames Page HTML (HTML-код страницы с фреймами) находится HTML-код самой страницы, содержащей фреймы. Вкладка Preview (Предварительный просмотр) не меняет своего предназначения и используется для предварительного просмотра.

Перейдем на вкладку Frames Page HTML (HTML-код страницы с фреймами) и посмотрим, при помощи какого кода реализуется фреймовая технология.


<frameset rows="*,*">

<frame name="top" src="1.htm">

<frame name="bottom" src="3.htm">

<noframes>

<body>

<р>Эта страница содержит фреймы, но ваш браузер не поддерживает их.</р>

</body>

</noframes>

</frameset>


Итак, вся структура страницы заключается между тэгами <frameset> и </framesetx У тэга <frameset> в этом случае есть параметр rows, которому приписано значение «*,*». Данный параметр задает высоту фреймов. На этой странице находятся два горизонтальных независимых фрейма, поэтому в параметре rows задается высота каждого фрейма. Высота может указываться как в процентах от высоты окна просмотра, так и в пикселах. Но в этом конкретном случае использовались символы звездочки. Данный символ используется, если фрейм должен занять все доступное ему пространство. Так как в значении параметра находятся две звездочки, то изначально фреймы занимают одинаковое пространство. А если бы вы указали, скажем, rows="20 %, *", то первый фрейм занял бы пространство, по высоте равное 20 % от высоты окна просмотра браузера, а второй фрейм – все осташееся. В том случае, если бы вы разместили два фрейма, разделенные вертикальной страницей, вместо параметра rows использовался бы параметр cols.

После объявления фреймовой структуры поставлены два тэга, реализующие отдельные фреймы. Как вы видите, типичная конструкция выглядит следующим образом <frame name="top" src="l.htm">. Тэг <frame> содержит параметр name, задающий имя фрейма, и параметр src, в котором указывается URL подключаемого документа. Так как имена фреймов задаются, то у создателя Web-страниц появляется возможность управлять отображением документов, поскольку в тэгах гиперссылок вы можете отметить имя фрейма, в которое будет загружен документ.

После объявления тэгов располагается секция кода, которая используется в том случае, если браузер удаленного пользователя не поддерживает фреймы. Эта часть ограничивается тэгами <noframes> и </noframes>. Уже внутри данных тэгов объявляется тело HTML-документа тэгом <body> и внутри него устанавливается строка извещения. Все достаточно легко.

Теперь перейдем к свойствам отдельно взятого фрейма. Как известно, прежде чем редактировать свойства для какого-либо объекта, его необходимо выделить. FrontPage 2000 считает активным именно тот фрейм, в котором на данный момент находится текстовый курсор. При этом граница активного фрейма выделяется дополнительно синим цветом. Для установки свойств фрейма используется диалоговое окно Frame Properties (Параметры фрейма), которое активизируется при использовании одноименной команды контекстного меню или команды основного меню Frame/Frame Properties (Фрейм/Параметры фрейма). Внешний вид диалогового окна показан на рис. 8.19.

Рис. 8.19. Диалоговое окно Frame Properties


Как нетрудно заметить, в поле ввода Name (Имя) можно изменить предварительно установленное имя фрейма, а в поле Initial page (Начальная страница) указать Web-страницу, показываемую изначально в данном фрейме. Помочь в этом может находящаяся рядом кнопка Browse (Обзор). Дальше все не так элементарно, а значит, немного интереснее.

Органы управления, размещенные в блоке Frame size (Размеры фрейма), используются для указания размера фрейма. В том случае, если фрейм должен занимать всю длину страницы по вертикали или горизонтали, соответствующее поле ввода блокируется, т. к. тогда изменение размера фрейма просто запрещено. Итак, в полях Column Width (Ширина колонки) и Height (Высота) указываются ширина и высота фрейма, соответственно. Но самое интересное не в этом. Дело в том, что рядом с каждым полем расположен выпадающий список, в котором указывается единица измерения размера. Как обычно, есть проценты от размера окна просмотра и пикселы. Соответственно выбранной единице измерения будет изменяться значение параметров rows и cols в тэге <frameset>. Если выбраны пикселы, то будет указано обычное число, если – проценты, то добавится значок процента. Но в выпадающем списке есть и еще один вариант – альтернатива Relative (Относительный размер), которая выбирается в случае указания пропорций. Она используется по умолчанию. Возьмем, например, уже рассматривавшийся нами вариант страницы с двумя фреймами, размещенными один над другим и занимающими всю длину страницы по ширине. Эта страница создается по шаблону Horizontal Split (Горизонтальное разбиение). Изначально оба фрейма имеют одинаковую высоту. Если же вы попробуете изменить свойства верхнего фрейма, то увидите, что поле значения в Column Width (Ширина колонки) недоступно для редактирования, а в поле Height (Высота) выставлена единица. Теперь, если вы установите относительный размер по высоте для этого фрейма равный двум, он займет две трети высоты окна просмотра, а нижний фрейм, соответственно, одну треть. А если вы посмотрите на страницу Frames Page HTML (HTML-код страницы с фреймами), то увидите, что тэг <frameset> приобрел вид <frameset rows="2*, *">. Теперь вы знаете, как указывать относительные размеры фреймов, используя средства HTML.

В группе Margins (Отступы) находятся два поля ввода – Width (Ширина) и Height (Высота), которые позволяют указывать величину отступа содержимого фрейма от его границ. Величина отступа указывается в пикселах. Если в поле Width (Ширина) вы установите значение ширины отступа, равное 50 пикселам, а в поле Height (Высота) установите высоту отступа, равную 20 пикселам, то в тэге <frame>, объявляющем соответствующий фрейм, вы обнаружите добавленный блок параметров marginwidth="50" marginheight="20". Как вы видите, ширина отступа указывается в параметре marginwidth, а высота – В marginheight.

Самая последняя группа органов управления носит название Options (Опции). Флажок Resizable in Browser (Изменяемый в браузере) служит для установки режима отображения фрейма, при изменении размеров фрейма удаленным пользователем во время просмотра Web-страницы. В том случае, если флажок установлен, удаленный пользователь имеет возможность передвигать границы фреймов. Если же данная возможность разработчиком принудительно отключена, то границы замораживаются и пользователь не может изменять размеры фреймов. По умолчанию размеры фреймов поддаются изменению. Однако если границы заморожены, то в тэге, объявляющем данный фрейм, появляется параметр noresize. В этом же блоке органов управления находится выпадающий список Show scrollbars (Показывать полосы прокрутки). Он предназначен для установки режима отображения полос прокрутки содержимого фрейма. По умолчанию действует режим If Needed (Если необходимо), т. е. полосы прокрутки появляются только тогда, когда в них возникает необходимость. Например, пользователь уменьшил высоту фрейма, и содержимое, ранее умещавшееся по вертикали целиком, теперь отображается не полностью. В этом случае появляется вертикальная полоса прокрутки. Также в списке находится значение Always (Постоянно), которое указывает на то, что полосы прокрутки наличествуют во фрейме постоянно, вне зависимости от их необходимости, и значение Never (Никогда), которое прямо запрещает отображение полос прокрутки для этого фрейма. В HTML это регулируется при помощи параметра scrolling тэга <frame>. У данного параметра может быть три значения: auto, yes и по, которые указывают на режимы появления по необходимости, постоянного наличия и отсутствия полос прокрутки содержимого фрейма, соответственно.

В рассматриваемом диалоговом окне осталась всего одна кнопка, которой мы еще не уделили внимания. Она носит название Frames Page (Страница с фреймами) и предназначена для установки свойств не отдельного фрейма, а всей страницы с фреймовой структурой. При нажатии на эту кнопку активизируется диалоговое окно Page Properties (Параметры страницы) со вкладкой Frames (Фреймы), показанное на рис. 8.20. На всем пространстве этого не самого маленького диалогового окна находится всего два органа управления. Первый – поле ввода Frame Spacing (Интервал фрейма), в котором указывается ширина сплиттера, разделяющего фреймы. Обратите внимание, что это свойство принадлежит не отдельному фрейму или их группе, а всей странице сразу. То есть ширина границы между фреймами будет везде одинаковой. В нашем поле ввода эта ширина границы указывается, естественно, в пикселах. В HTML ширина сплиттеров, разделяющих фреймы, регулируется параметром framespacing, который в свою очередь принадлежит тэгу <frameset>. А второй и последний орган управления, расположенный на этой вкладке, является обычным переключателем с именем Show Borders (Отображать границы). То есть, если в нем установлен флажок, границы между фреймами будут показаны. Если его снять, то и границ, как таковых, при просмотре Web-страницы видно не будет. А если при этом полосы прокрутки отображаются, то получается достаточно забавный образец дизайна, который, тем не менее, считается неудачным. Поэтому не стоит скрывать границы фреймов без особых на то причин. Режим отображения границ используется в HTML по умолчанию, значит, он считается наиболее приемлемым. В случае, если отображение границ принудительно отключено, FrontPage 2000 к тэгу <frameset> добавляет строку параметров border="0" frameborder="о". Параметр border указывает толщину рамки фрейма в пикселах, а параметр frameborder используется для указания режима отображения трехмерной рамки фрейма. В том случае, если задано нулевое значение этого параметра, рамка не создается. Как видите, комбинация этих двух параметров действительно убирает границы между фреймами. Но на параметр framespacing эта связка не действует. Пусть границу и не видно, но она есть, и ширина расстояния между фреймами будет именно такая, как указано в данном параметре. На этом мы заканчиваем обзор свойств фреймов и страниц, содержащих эти структурные единицы, и переходим к рассмотрению команд меню для работы с фреймами.

Рис. 8.20. Вкладка Frames диалогового окна Page Properties


В пункте меню Frames (Фреймы) на самом деле существуют всего лишь две команды, которые реально производят какие-либо действия с выбранным фреймом. Так, команда Split Frame (Разбить фрейм) позволяет разбить выбранный фрейм на несколько других. Эта команда активизирует одноименное диалоговое окно, которое по своей структуре очень сильно напоминает такое же окно, позволяющее разбивать одну ячейку таблицы на несколько новых ячеек (мы рассматривали его выше). Точно так же, как и прежде, необходимо уточнить, как будет разбиваться фрейм, по горизонтали или по вертикали. Если планируется разбить его на две колонки, проведя вертикальную границу, необходимо пометить альтернативу Split into Columns (Разбить на столбцы). Для разбиения фрейма на два горизонтальных окна используется альтернатива Split into Rows (Разбить на строки). После проведения разбиения один из новообразованных фреймов наследует страницу, отображаемую в его фрейме-прародителе, а для другого нового фрейма страницу, загружаемую в начале просмотра документа, необходимо задать.

Для удаления выделенного фрейма используется команда меню Delete Frame (Удалить фрейм). Если этот фрейм не является единственным на создаваемой Web-странице, то он будет немедленно удален.

Следующий блок команд пункта меню Frames (Фреймы) предназначен для работы с HTML-документами, расположенными в этих фреймах. Так, команда Open Page in New Window (Открыть документ в новом окне) создает новое окно, занимающее всю рабочую область FrontPage 2000, и помещает в него HTML-документ, который размещался в текущем фрейме на момент выполнения команды меню. Чрезвычайно удобно для привычной и комфортной работы по проектированию Web-странички. Команды Save Page (Сохранить страницу) и Save Page As (Сохранить страницу как) предназначены для обычного сохранения и сохранения с измененным именем того HTML-документа, который находится в выделенном фрейме. Обратите внимание, сохраняется не вся страница с фреймовой структурой, а отдельный документ из фрейма.


Страницы книги >> Предыдущая | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | Следующая
  • 0 Оценок: 0

Правообладателям!

Это произведение, предположительно, находится в статусе 'public domain'. Если это не так и размещение материала нарушает чьи-либо права, то сообщите нам об этом.


Популярные книги за неделю


Рекомендации