Рис. 6.9. Диалоговое окно Select File

Редактор будет пытаться открыть файлы HTML так, как они есть, не преобразовывая их, и постарается показать все их элементы. А если файл содержит код HTML, который Frontpage не распознает, Редактор оставит его в неприкосновенности.

Открытие страницы произвольного Web-сайта

Вы можете открывать любые страницы с любого Web-сайта, к которому имеете доступ, в том числе и с сайтов intranet и Всемирной Паутины; нужно только знать адрес страницы, которую вы хотите открыть. Этот процесс выглядит таким образом:

1. Сначала войдите в меню File и выберите в нем опцию Open; откроется диалоговое окно Open. Если появится диалоговое окно Select File, нажмите кнопку Cancel, чтобы перейти в окно Open.

2. Щелкните на первой кнопке/значке справа от текстового поля URL. Эта кнопка называется Use your Web Browser to select a page (Выберите страницу с помощью вашего браузера). В результате этой операции будет запущен браузер, установленный по умолчанию, как показано на рис. 6.10.

3. В браузере доберитесь до Web-страницы, которую вы хотите открыть;

Frontpage автоматически поместит адрес страницы в поле URL.

4. Нажмите в окне Open кнопку ОК. Страница откроется в Редакторе.

Если, пытаясь открыть страницу прямо из WWW, вы получаете сообщение об ошибке, то весьма вероятно, что вы не подключены к Internet. Удостоверьтесь, что соединение действительно установлено, — для этого можно попробовать просмотреть страницу непосредственно в браузере, — а затем повторите попытку.

Рис. 6.10. Запуск браузера из Редактора

Также можно открыть Web-страницу в Редакторе, введя ее адрес в текстовом поле URL диалогового окна Open. Адрес следует вводить в полной форме, как абсолютный URL. Абсолютный URL представляет собой полный адрес страницы, включающий протокол, имя хоста, имя каталога и имя файла. Используя абсолютный URL, можно открывать страницы из любой системы, способной установить соединение с этим сайтом. Пусть, например, тестовый сайт компании "Cascade Coffee Roasters" называется RoasterTestI и располагается на локальном сервере с именем Bean There; вы хотите добраться до страницы пресс-релиза PR3.htm. Если у вас есть доступ к этому сайту, то вы сможете открыть эту страницу в Редакторе, введя ее абсолютный URL, который будет выглядеть как http://BeanThere/RoasterTestl/PR3.htm. Столь же легко открыть в Редакторе страницу из Всемирной Паутины. Заметьте, что адрес на локальном сервере начинается с имени сервера, а адрес в Internet, весьма вероятно, будет начинаться на http://www..., где после www указывается собственно местоположение.

Frontpage может выдать предупреждение, что запрошенный вами адрес не является допустимым IP-адресом. Получив такое предупреждение, внимательно проверьте адрес: убедитесь в том, что вы все символы ввели правильно, с соблюдением регистра; что в начале адреса присутствует как минимум имя сервера; что в адресе вы используете прямые слэши, а не обратные.

Закрытие страниц

Чтобы закрыть страницу в Редакторе, выберите в меню File команду Close. Если вы не сохранили страницу перед закрытием, Frontpage спросит, нужно ли записывать изменения, сохранит страницу (в случае вашего согласия, естественно) и, наконец, закроет ее.

Сохранение страниц

Сохраняйте результаты своей работы как можно чаще, по поводу и без оного. Помните, что Закон Мэрфи обязательно сработает в самый неподходящий момент: пьяный электрик вырубит питание в вашем офисе, торговый агент "канадской компании" выдернет ногой шнур из розетки, да мало ли что может случиться. Редактор предлагает три возможности сохранения:

- Save (Сохранить). Сохраняет активную страницу в формате HTML либо в Web-сайт, либо в файл

- Save As (Сохранить как). Копирует и записывает активную страницу в новую страницу в текущем сайте или в новый файл

- Save All (Сохранить все). Записывает все открытые в Редакторе страницы

Первое сохранение

Если текущая страница ранее не существовала, то независимо от того, какой командой вы воспользуетесь, вы увидите диалоговое окно Save As с несколькими опциями сохранения файла. Чтобы сохранить файл в другом месте или под другим именем, можно также воспользоваться командой Save As. Диалоговое окно Save As показано на рис. 6.11.

Работа с этим диалоговым окном:

- Наберите в текстовом поле Title название страницы. Дайте странице уникальное и понятное название, чтобы вы легко смогли его узнать среди названий других страниц. Закончив ввод, нажмите кнопку ОК

- Если вы хотите сохранить страницу как файл, например, на дискете или на винчестере, то вам не нужно вводить ее название или URL. Нажмите кнопку Select a file on your computer, вторую справа от поля URL. При этом вы перейдете в окно диалога Save As File, в котором можно ввести имя файла и указать его тип, а также местоположение, где вы хотите его сохранить. Можно ввести расширение имени файла, однако если Frontpage не распознает это расширение, то при сохранении он автоматически добавит к имени файла расширение НТМ

- В диалоговом окне Save As можно заказать сохранение файла в качестве шаблона; детали ранее были изложены в главе 4

Рис. 6.11. Диалоговое окно Save As

Совет:  Для быстрого сохранения страницы на панели инструментов предусмотрена кнопка Save; идентичный результат достигается нажатием комбинации клавиш <Ctrl>+<S>.

Печать страниц

Временами бывает весьма полезно посмотреть, как выглядит на бумаге страница, над которой вы работаете, хотя бы для того, чтобы увидеть ее с другой точки зрения.

Совет: Посетители вашего сайта могут пожелать напечатать ваши страницы для дальнейшего чтения. Так что и вам стоит напечатать их из различных браузеров, чтобы знать, что будут видеть ваши пользователи.

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

Если ваша страница шире, чем бумага, на которой вы ее печатаете, то часть страницы может оказаться обрезанной. В этом случае можно попробовать напечатать страницу в альбомной (landscape) ориентации.

Установка параметров страницы

С помощью команды Page Setup (Параметры страницы) меню File можно задать верхний (header) и нижний (footer) колонтитулы и поля выводимой на печать страницы. Эти установки могут облегчить чтение и упорядочение ваших страниц. Параметры страницы устанавливаются в диалоговом окне Print Page Setup, изображенном на рис. 6.12.

Рис. 6.12. Диалоговое окно Print Page Setup

Если вы оставите установленные по умолчанию колонтитулы (&Т и Page &Р), то внизу каждой печатной страницы будет по центру напечатан ее номер (со словом Page), а вверху — название Web-страницы. Это лишний раз подчеркивает различие между Web-страницей и страницей бумажной: одна Web-страница может растянуться на несколько печатных. Frontpage по умолчанию нумерует страницы, но разумеется, нумерацию страниц можно отменить.

Примечание:  Если вы не хотите выводить колонтитулы на печать, то удалите их значения из соответствующих текстовых полей.

Нажав в окне Print Page Setup кнопку Options, вы перейдете в диалоговое окно установки параметров вашего принтера Print Setup (Настройка принтера). Окно диалога Print Setup не имеет ничего общего с окном Print Page Setup — это стандартное окно Windows, в котором устанавливаются такие параметры вашего принтера, как ориентация страницы, размер бумаги и т. п. Выставив настройки принтера по вкусу, нажмите кнопку ОК и вернитесь в диалоговое окно Print Page Setup. Завершив в нем ввод всей необходимой информации, нажмите кнопку ОК.

Предварительный просмотр

Если вы захотите посмотреть, как будет выглядеть ваша страница на бумаге, выберите в меню File команду Print Preview (Предварительный просмотр). Имейте в виду, что вид страницы в браузере и на печати может существенно различаться. После просмотра страницы вы можете вернуться в диалоговое окно Print Page Setup, чтобы подрегулировать поля или колонтитулы.

В верхней части окна предварительного просмотра Редактора вы обнаружите ряд кнопок, помогающих установить удобный режим просмотра. С их помощью можно увеличивать и уменьшать поле обзора, переходить на следующие и предыдущие страницы или просматривать по две страницы сразу. Нажав кнопку Print (Печать), можно начать печать прямо из этого окна; а чтобы выйти из него, не начиная печати, нажмите клавишу <Esc> или кнопку Close (Закрыть).

Подсказка:  Чтобы просмотреть страницу в браузере, нажмите на панели инструментов кнопку Preview in Browser. Подробнее об этом рассказано в главе 7.

Печать

Чтобы напечатать страницу, выберите в меню File опцию Print. На экране появится стандартное окно диалога Print. Если вам понадобится изменить параметры принтера, нажмите кнопку Properties (Свойства), после чего будет выведено окно Properties, предоставляющее все необходимые настройки.

Подсказка:  Чтобы быстро перейти в диалоговое окно Print, нажмите <Ctrl>+<P> или кнопку Print на панели инструментов.

Настроив принтер должным образом, нажатием кнопки ОК в диалоговом окне Print запустите печать. Если ваша Web-страница длиннее используемой вами бумаги, то она будет напечатана на нескольких страницах.

Построение таблиц

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

Совет: Если вы откроете в Редакторе документ Word, то содержащиеся в нем таблицы будут преобразованы в формат HTML и с ними можно будет оперировать прямо в Редакторе. Таблицы Frontpage совершенно аналогичны по структуре таблицам Word, и все манипуляции с ними осуществляются точно так же, как в Word. Они состоят из ячеек, содержащих текст, графику, фоновые изображения, формы, компоненты Frontpage и даже другие таблицы. Если вам понадобится изменить размер ячеек уже готовой таблицы, добавить или удалить строки и тому подобное, то в Редакторе вы сделаете все это без всяких проблем. Создавая таблицу, вы можете не думать о ширине и высоте ее ячеек — по мере добавления материала их размеры будут подстраиваться автоматически.

Построить таблицу в Редакторе Frontpage можно двумя способами: либо непосредственно нарисовать ее на странице, пользуясь инструментами панели таблиц (Table Toolbar), либо вставить с помощью меню Table. Если вам трудно будет выбрать, какой из этих методов предпочесть, не беспокойтесь — вы сможете применить оба подхода к одной о той же таблице. Например, вы можете вставить таблицу через меню Table, а добавлять в нее строки с помощью инструментов панели таблиц. Но для ясности оба эти метода будут ниже описаны по отдельности, а в заключение мы сравним их и посмотрим, что у них общего.

Инструменты панели таблиц

Построение таблиц во Frontpage осуществляется практически тем же путем, что и в Microsoft Word, с помощью инструментов панели таблиц (рис. 6.13). Чтобы показать панель таблиц на экране, выберите в меню View опцию Table Toolbar или Draw Table в меню Table.

Рис. 6.13. Инструменты панели таблиц

С помощью этой панели вы можете рисовать таблицы прямо на странице, а впоследствии при необходимости изменять их параметры. Первой на панели таблиц расположена кнопка Draw Table (Нарисовать таблицу); с нее вы обычно и будете начинать построение таблиц:

1. Выберите в меню Table опцию Draw Table или нажмите кнопку Draw Table на панели таблиц; при этом курсор мыши примет вид карандаша.

2. Установите курсор в то место, где вы предполагаете начать таблицу, нажмите кнопку мыши и тяните курсор вниз и направо. На захваченном пространстве страницы будет автоматически построена таблица, параметры которой вы потом сможете изменить произвольным образом. Более детально о параметрах таблиц рассказано далее в этой главе, в разделе "Изменение свойств таблицы". Чтобы вы представляли себе величину вашей будущей таблицы, Редактор пунктирной линией показывает ее внешний контур.

Итак, вы нарисовали таблицу, состоящую из одной ячейки, с одним столбцом и одной строкой; при этом автоматически была нарисована ее рамка (чтобы убрать рамку, перейдите в окно установки свойств таблицы. Подробнее о диалоговом окне Table Properties (Свойства таблицы) читайте далее в этой главе). Ваша таблица будет выглядеть примерно так, как показано на рис. 6.14.

Рис. 6.14. Новая таблица

Если первоначальный результат вас не устраивает, вы всегда можете, не перерисовывая таблицу, изменить ее размеры. Установите курсор на границу таблицы; заметьте, что курсор изменил свою форму и превратился в двустороннюю стрелку. Нажмите кнопку мыши и тащите курсор в нужную сторону: чтобы изменить ширину таблицы, цепляйтесь за ее правую границу, а чтобы изменить высоту — за нижнюю.

Совет: Если, перетаскивая границу, вы будете удерживать нажатой клавишу <Shift>, то все ячейки в этом направлении сохранят свою ширину.

Добавление строк и столбцов

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

1. Выберите на панели таблиц карандаш (если вы еще этого не сделали), нажав кнопку Draw Table.

2. Поместите карандаш внутрь ячейки, которую вы хотите разделить; при этом курсор не должен касаться рамки таблицы.

3. Нажмите кнопку мыши и тащите курсор горизонтально, чтобы разбить ячейку по горизонтали, или вертикально, чтобы разбить по вертикали. Когда вы начнете тащить курсор, за ним потянется пунктирная линия, намечающая будущую графу. Не старайтесь рисовать строго прямолинейно, т. к. Frontpage выпрямит линию, которую вы ведете; главное — двигаться в верном направлении.

На рис. 6.15 представлена таблица, разделенная на две колонки, причем правая колонка разделена на две строки.

Рис. 6.15. Таблица усложняется

Если вы хотите разбить таблицу на равные строки или столбцы, воспользуйтесь кнопками панели таблиц Insert Rows (Вставить строки) и Insert Columns (Вставить столбцы).

1. Поместите курсор внутрь ячейки, которую вы хотите разделить.

2. Нажмите кнопку Insert Columns или Insert Rows. Frontpage создаст два столбца вполовину ячейки шириной каждый или, соответственно, добавит строку, высота которой будет равна высоте ячейки. Мигающий курсор останется в новой ячейке.

На рис. 6.16 приведен пример таблицы, разбитой при помощи кнопки панели таблиц Insert Columns. Обратите внимание, что теперь у нас есть одна таблица, разделенная на два одинаковых столбца. Повторяя вышеописанные шаги, вы можете разбить каждую ячейку сколько угодно раз. Рамку и сетку таблицы вы также совершенно свободно можете двигать как потребуется, вне зависимости от сложности таблицы и метода ее построения.

Рис. 6.16. Разбиение таблицы на два равных столбца

Удаление строк и столбцов

Если вы находите, что ваша таблица страдает избытком строк или столбцов, то воспользуйтесь другим инструментом панели таблиц — ластиком — и сотрите лишние перегородки:
1. Нажмите на панели таблиц кнопку Erase; ваш курсор примет форму ластика.
2. Поместите курсор-ластик рядом с границей, которую вы собираетесь убрать.
3. Нажмите кнопку мыши и, не отпуская ее, переместите курсор через границу, которую вы стираете. Вы увидите, что она выделена цветом.
4. Когда вы отпустите кнопку мыши, эта граница исчезнет.

Вам не удастся удалить границу в том случае, когда это приведет к появлению неполных ячеек. На примере, показанном на рис. 6.17, удалению подлежат все внутренние границы; стереть только перегородку, обведенную кружком, невозможно, т. к. нижняя ячейка стала бы незавершенной.

Рис. 6.17. Нельзя удалить границу, обведенную кружком