Целевые фреймы по умолчанию
Целевые фреймы по умолчанию
Если у вас есть страница со множеством ссылок и вы не хотите назначать целевой фрейм каждой из них по отдельности, вы можете связать их все с целевым фреймом по умолчанию (default target frame). Целевые фреймы по умолчанию задают фрейм назначения для всех ссылок страницы, включая графические, которые не связаны с явно указанными целевыми фреймами. Чтобы задать целевой фрейм по умолчанию:
1. Щелкните правой кнопкой мыши на любом месте открытой в Редакторе страницы и выберите в контекстном меню Page Properties.
2. В диалоговом окне Page Properties перейдите на вкладку General (Общие), нажмите кнопку справа от текстового окна Default Target Frame. На экране появится диалоговое окно Target Frame. Укажите в нем фрейм, который вы хотите установить по умолчанию, и нажмите кнопку ОК.
Но у вас по-прежнему остается возможность назначения отдельным гипер-ссылкам целевых фреймов, отличных от заданного по умолчанию. Эта процедура была ранее изложена в разделе "Отображение страницы во фрейме".
Диалоговое окно Cell Properties
Рисунок 6.21. Диалоговое окно Cell Properties
3. Чтобы изменить режим выравнивания текста внутри ячейки, измените значение в секции Layout (Разметка). Чтобы, например, расположить текст точно в центре ячейки, установите для параметра Horizontal Alignment (Выравнивание по горизонтали) значение Center (По центру), а для параметра Vertical Alignment (Выравнивание по вертикали) — значение Middle.
4. Чтобы изменить ширину и высоту ячейки, введите новое значение в полях ffidth (Ширина) и Height (Высота) соответственно.
5. В секции Cell Span укажите, сколько строк или столбцов ваша ячейка должна перекрывать. Задав эти параметры, вы соответствующим образом увеличите размеры ячейки, при этом ячейки справа и/или ниже от нее сдвинутся, освобождая пространство для расширенной ячейки. Необходимость в такой операции может возникнуть, например, для размещения изображения.
Представьте, к примеру, что у вас есть таблица из двух строк и двух столбцов и вы хотите заполнить рисунком область под верхними ячейками. Тогда раздвиньте левую нижнюю ячейку так, чтобы она перекрывала оба столбца. Чтобы вставить фоновый рисунок или задать цвет фона ячейки, используйте соответствующие опции в секции Custom Background (Заказной фон).
6. Чтобы сделать рамки ячеек цветными, укажите нужный цвет в секции Custom Colors.
7. Чтобы немедленно увидеть результат ваших действий, не закрывая диалогового окна, нажмите кнопку Apply. Когда вы сочтете, что достигли желаемого эффекта, нажмите кнопку ОК и покиньте диалоговое окно Cell Properties.
Диалоговое окно Edit Hyperlink
Рисунок 6.33. Диалоговое окно Edit Hyperlink
3. В строке IJRL введите URL нужной страницы или выберите его из раскрывающегося списка последних использовавшихся. Остальные опции диалогового окна Edit Hyperlink детально расписаны в главе 7.
4. Нажмите кнопку справа от текстового поля Target Frame (Целевой фрейм); в открывшемся диалоговом окне Target Frame введите имя фрейма, в котором должна будет появляться страница Sales. Проще всего сделать это, щелкнув по соответствующему фрейму на миниатюре вашего фреймсета.
Если странице уже назначен целевой фрейм по умолчанию и он вас вполне устраивает, то вы можете пропустить этот шаг. Как задается целевой фрейм по умолчанию, вы узнаете немного позже из раздела "Целевые фреймы по умолчанию".
5. Вернитесь в Редактор, нажав в диалоговом окне кнопку ОК.
По возвращении в Редактор вы теперь по ссылке Sales в левом фрейме будете открывать страницу Sales в правом фрейме. Чтобы в Редакторе пройти по гиперссылке в обычном режиме (вкладка Normal), щелкните на ссылке правой кнопкой и выберите в контекстном меню Follow Hyperlink (Следовать по гиперссылке), или щелкните на ней же левой кнопкой, держа нажатой клавишу <Ctrl>.
Диалоговое окно Form Properties
Рисунок 6.34. Диалоговое окно Form Properties
2. Щелкнув по кнопке справа от текстового окна Target Frame, вы увидите диалоговое окно Target Frame. Укажите в нем имя фрейма, в который должны выводиться результаты.
3. Нажмите кнопку ОК, закройте окно Target Frame, и затем, еще раз нажав кнопку ОК, закройте окно Form Properties.
Как создаются и используются формы, вы узнаете в главе 9.
Диалоговое окно Frame Properties
Рисунок 6.30. Диалоговое окно Frame Properties
Все изменения, которые вы будете производить далее, будут касаться только отдельно взятой страницы. Если вам не нравится имя фрейма, введите новое имя в текстовом поле Name. Можно также задать другую начальную страницу, введя ее имя в текстовом поле Initial Page или нажав кнопку Browse. После нажатия этой кнопки появится диалоговое окно Edit Hyperlink (Редактировать гиперссылку), детально описанное в главе 7.
В этом окне есть еще три секции, предназначенные для более тонкой настройки параметров страницы:
- Options (Опции). Здесь вы можете указать, следует ли позволить браузе-ру пользователя автоматически по своему усмотрению изменять размеры фрейма. По умолчанию флажок Resizable in Browser установлен, и для большинства страниц разумно будет его оставить. Здесь же (поле Show Scrollbars) вы можете установить, в каких случаях браузер будет показывать полосы прокрутки: по необходимости (опция if Needed), никогда (Never) или всегда (Always). По умолчанию установлено значение if Needed; в подавляющем большинстве случаев вам не придется его менять, если только у вас не будет очень веских причин совсем запретить прокрутку этой страницы. Если вы выберете опцию Always, то полосы прокрутки всегда будут присутствовать на странице, независимо от степени ее заполнения и размера окна браузера пользователя. Иными словами, без уважительной причины это значение также лучше не использовать; ненужные полосы прокрутки не только непрофессионально выглядят, но и могут испортить настроение посетителю, вынудив его уйти с вашего сайта. А ведь вы бы предпочли добиться совершенно противоположного эффекта, не так ли?
- Frame Size (Размер фрейма). В этой секции можно отрегулировать ширину Width (Ширина) и высоту Row Height (Высота строки) фрейма.
Опции установки ширины разрешены, если фрейм занимает не всю ширину окна, а имеет соседей справа или слева. Значение Relative (Относительно) означает, что размер фрейма будет вычисляться с учетом размеров соседних по горизонтали фреймов.
Значение Percent (Проценты) означает, что при отображении в браузере ширина фрейма будет составлять указанное количество процентов от полной ширины окна. А если вы захотите задать точную ширину фрейма, введите ее значение и установите опцию Pixels (Пикселы).
Если фрейм по высоте занимает не все окно, т. е. выше или ниже него располагаются другие фреймы, то эти опции доступны. Значения их имеют тот же смысл, что и для ширины фрейма.
Когда вы изменяете размеры одного из фреймов, то и размеры всех фреймов, которых эти изменения касаются, корректируются соответствующим образом.
- Margins (Поля). Если вы хотите установить размер полей в странице, введите для них значения ширины и высоты в текстовых полях Width и Height соответственно, тогда все содержимое этой страницы будет отображаться с заданным отступом.
Нажав кнопку Frames Page, вы попадете в диалоговое окно установки свойств страницы фреймов Page Properties, оно было рассмотрено нами несколько ранее в этой главе, в разделе "Свойства страницы фреймов". Если вы хотите создать или отредактировать связанную со страницей таблицу стилей, нажмите кнопку Style и перейдите в диалоговое окно Style. Подробнее это окно будет обсуждаться в главе 7.
Диалоговое окно Insert Table
Рисунок 6.18. Диалоговое окно Insert Table
2. Введите предполагаемое число строк и столбцов вашей таблицы. Впоследствии строки и столбцы вы сможете как добавлять, так и удалять.
3. Выберите вариант выравнивания в таблице в целом: по левому краю, по центру или по правому краю.
4. Введите ширину рамки таблицы (Border Size) в пикселах. Если рамка не нужна, установите это значение равным нулю. Эта рамка будет окружать всю таблицу в целом. Если нужно, выберите ее цвет. Помимо нее, рамкой можно окружить любые ячейки таблицы, и их ширина тоже регулируется в этом окне (параметр Cell Spacing, см. шаг 6). В любом случае точный вид таблицы в браузере в большей степени определяется особенностями самого браузера, нежели этими параметрами.
Диалоговое окно New
Рисунок 6.7. Диалоговое окно New
Выбрав из списка необходимый шаблон, нажмите кнопку ОК. Исчерпывающее описание шаблонов и мастеров было приведено в главе 4.
Диалоговое окно Print Page Setup
Рисунок 6.12. Диалоговое окно Print Page Setup
Если вы оставите установленные по умолчанию колонтитулы (&Т и Page &Р), то внизу каждой печатной страницы будет по центру напечатан ее номер (со словом Page), а вверху — название Web-страницы. Это лишний раз подчеркивает различие между Web-страницей и страницей бумажной: одна Web-страница может растянуться на несколько печатных. Frontpage по умолчанию нумерует страницы, но разумеется, нумерацию страниц можно отменить.
Диалоговое окно Save As
Рисунок 6.11. Диалоговое окно Save As
Совет
Для быстрого сохранения страницы на панели инструментов предусмотрена кнопка Save; идентичный результат достигается нажатием комбинации клавиш <Ctrl>+<S>.
Диалоговое окно Select File
Рисунок 6.9. Диалоговое окно Select File
Редактор будет пытаться открыть файлы HTML так, как они есть, не преобразовывая их, и постарается показать все их элементы. А если файл содержит код HTML, который Frontpage не распознает, Редактор оставит его в неприкосновенности.
Диалоговое окно Split Cells
Рисунок 6.24. Диалоговое окно Split Cells
3. Укажите, как вы хотите разбить ячейку (на строки или столбцы) и введите число, на сколько строк или столбцов ее следует поделить; нажмите кнопку ОК.
Диалоговое окно Split Frame
Рисунок 6.32. Диалоговое окно Split Frame
3. Установите переключатель в положение Split into Columns (Разбить на столбцы) или Split into Rows (Разбить на строки) и нажмите кнопку ОК.
Использование клавиатуры:
1. Установите курсор мыши на рамку фрейма, который надо разбить; курсор примет вид двусторонней стрелки.
2. Нажмите клавишу <Ctrl> и, не отпуская ее, щелкните кнопкой мыши и потяните курсор, при этом граница текущего фрейма будет перемещаться вслед за мышью, а на освободившемся пространстве образуется новый фрейм.
3. Когда вы достигнете желаемого результата, отпустите клавишу <Ctrl> и кнопку мыши — новый фрейм готов. Осталось задать его начальную страницу.
Добавление ячеек
Добавление ячеек
Если вам понадобилось внести в таблицу новый фрагмент информации, но поместить его уже некуда, вставьте в таблицу пустую ячейку. Когда вы вставите в строку таблицы одну или несколько ячеек, строка раздвинется и может выйти за пределы таблицы. На Рисунок 6.22 новая ячейка добавлена в таблицу справа от ячейки с цифрой 6.
Добавление столбцов
Добавление столбцов
Чтобы вставить в таблицу один или несколько столбцов, установите курсор в любую ячейку столбца, рядом с которым (до или после) вы будете вставлять новые столбцы, а затем выберите в меню Table опцию Insert Rows or Columns. Дальнейшая процедура в точности повторяет описанную в предыдущем разделе операцию добавления новых строк за тем исключением, что в диалоговом окне вам следует выбрать опцию Columns и задать число столбцов, которые вы хотите вставить.
Добавление строк
Добавление строк
Чтобы добавить в таблицу одну или несколько строк, сделайте следующее:
1. Установите курсор в строке прямо над или под тем местом, где вы хотите вставить новые строки.
2. Выберите в меню Table опцию Insert Rows or Columns. Вы увидите диалоговое окно Insert Rows or Columns, показанное на Рисунок 6.23.
Добавление строк и столбцов
Добавление строк и столбцов
После того как вы придали своей таблице желаемые размеры, разбейте ее на несколько строк и столбцов. С помощью курсора-карандаша можно построить в таблице практически любые графы.
1. Выберите на панели таблиц карандаш (если вы еще этого не сделали), нажав кнопку Draw Table.
2. Поместите карандаш внутрь ячейки, которую вы хотите разделить; при этом курсор не должен касаться рамки таблицы.
3. Нажмите кнопку мыши и тащите курсор горизонтально, чтобы разбить ячейку по горизонтали, или вертикально, чтобы разбить по вертикали. Когда вы начнете тащить курсор, за ним потянется пунктирная линия, намечающая будущую графу. Не старайтесь рисовать строго прямолинейно, т. к. Frontpage выпрямит линию, которую вы ведете; главное — двигаться в верном направлении.
На Рисунок 6.15 представлена таблица, разделенная на две колонки, причем правая колонка разделена на две строки.
Домашняя страница Accounting Рисунок
Рисунок 6.5. Домашняя страница Accounting Рисунок 6.6 иллюстрирует относительные размеры всех шести уровней заголовков.
Фреймсеты
Фреймсеты
Фреймсет (frameset) в действительности является отдельной страницей, содержащей информацию о составляющих страницы фреймов. Эта информация отправляется серверу для загрузки в браузер соответствующих файлов. В предыдущем примере вы видели на экране одновременно три страницы;
добавьте к ним еще одну, фреймсет, и получится, что число страниц, необходимых для отображения такой конструкции, равно четырем. Это означает:
для того, чтобы вывести подобную страницу, браузеру придется четырежды обратиться к серверу. Поэтому желательно не увлекаться и стараться по мере возможности ограничивать количество фреймов на странице.
Редактор Frontpage выводит все части фреймсета вместе, на одной странице так, как они будут отображаться в браузере. Таким образом, в Редакторе можно создавать, редактировать и просматривать страницы фреймов в режиме WYSIWYG, что весьма облегчает их разработку — ведь раньше над каждой страницей приходилось работать отдельно и результат своей деятельности можно было увидеть только в браузере.
Иллюстрирует, с какой легкостью
Рисунок 6.3 иллюстрирует, с какой легкостью можно переместить материал из Word в Редактор Frontpage. Девушка из отдела кадров "Cascade Coffee Roasters" по привычке начала набирать текст для домашней страницы RoasterNet в Word, но администратор сервера компании строго указал ей, что следует использовать Frontpage. И пусть написано-то было всего несколько строк, но зачем же делать лишнюю работу, надо просто перенести текст из Word в Редактор Frontpage.
Инструменты панели таблиц
Инструменты панели таблиц
Построение таблиц во 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.
Изменение размеров окна
Изменение размеров окна
Обычно бывает удобно раздвинуть окно редактора на весь экран, чтобы видеть как можно большую площадь редактируемой страницы. Обратите внимание на группу из трех кнопок, расположенную в правом верхнем углу окна Редактора. Чтобы максимально распахнуть окно, нажмите кнопку максимизации — она средняя в этой группе (разумеется, если окно еще не развернуто на весь экран). Чтобы восстановить предыдущий размер и местоположение окна Редактора, нажмите кнопку восстановления, которая займет место кнопки максимизации. Этот набор из трех кнопок абсолютно такой же, как и в любых других приложениях Microsoft Windows NT 4.0 и Windows 95.
В Редакторе можно разворачивать и сворачивать окна отдельных страниц. Чтобы развернуть страницу, нажмите среднюю кнопку в правом верхнем углу заголовка окна соответствующей страницы; чтобы свернуть страницу, нажмите левую кнопку в этой группе. Когда вы минимизируете страницу, она свернется в кнопку и расположится внизу окна Редактора; благодаря этому вы всегда сможете видеть, сколько страниц открыто в Редакторе одновременно.
Изменение свойств таблицы
Изменение свойств таблицы
При необходимости в любой момент можно изменить тип выравнивания таблицы, ширину ее рамки, интервал между ячейками, отступ от границы ячейки и суммарную ширину таблицы. Для этого существует команда Table Properties (Свойства таблицы). Щелкните на таблице правой кнопкой мыши и найдите в контекстном меню пункт Table Properties. Можно добраться до этой опции и другим способом: установите курсор внутрь таблицы и выберите Table Properties в меню Table. Перед вами откроется окно диалога Table Properties, показанное на Рисунок 6.20.
Этот заголовок оформлен как заголовок
Рисунок 6.4. Этот заголовок оформлен как заголовок первого уровня; обратите внимание на то, что в списке стилей выбрана опция Heading 1
4. Начнем вводить имена сотрудников. Нажмите <Enter>; курсор перейдет на новую строку, после этого выберите из списка стилей Heading 3 (Заголовок 3). Под только что введенной вами шапкой появится строка, выглядящая как заголовок третьего уровня; наберите в ней Kathy.
5. Повторяя шаг 4, введите имена остальных сотрудников бухгалтерии: EU, Тот, Janine и Kevin. Ваша страница будет выглядеть так, как показано на Рисунок 6.5.
Материал из файлов Microsoft Office
Материал из файлов Microsoft Office
Одной из самых сильных сторон Frontpage является его способность органично усваивать материал из файлов Microsoft Office. Такая дружба Front-page и Microsoft Office экономит массу времени. Например, если информация, которую вы хотели бы поместить на страницу сайта Frontpage, находится в файлах Word или Excel, то вам не придется вводить ее в Редакторе Frontpage заново.
Настройка параметров Редактора
Настройка параметров Редактора
Наверняка в работе с компьютером у вас есть какие-то привычки и пристрастия. Если, к примеру, у вас аллергия на панели инструментов, то вы имеете полное право убрать их с экрана. Или, может быть, вам нравится окно побольше или поменьше стандартного. Настройка всех этих элементов Редактора достаточно проста. Рассмотрим некоторые способы благоустройства вашего рабочего места.
Не первое сохранение
Не первое сохранение
После того как вы сохраните однажды свою страницу, Frontpage перестанет донимать вас вопросами и в дальнейшем будет самостоятельно записывать ее под тем же именем.
Нельзя удалить границу, обведенную кружком
Рисунок 6.17. Нельзя удалить границу, обведенную кружком
Новая страница в Редакторе
Рисунок 6.2. Новая страница в Редакторе
2. Наберите слова Cascade Coffee Roasters.
Обратите внимание, что текст начинается с левого края текущей строки. В вашей власти расположить его каким-либо более интересным образом:
сделать отступ, выровнять по правому краю или по центру. Можно изменить шрифт и кегль для текста, сделать его заголовком или изменить его свойства еще массой способов. Все эти приемы форматирования мы рассмотрим в следующей главе.
Все то, что вы введете, будет так же выглядеть в браузере. Чтобы начать новый абзац, нажмите клавишу <Enter>, как в Word.
Новая таблица
Рисунок 6.14. Новая таблица
Если первоначальный результат вас не устраивает, вы всегда можете, не перерисовывая таблицу, изменить ее размеры. Установите курсор на границу таблицы; заметьте, что курсор изменил свою форму и превратился в двустороннюю стрелку. Нажмите кнопку мыши и тащите курсор в нужную сторону: чтобы изменить ширину таблицы, цепляйтесь за ее правую границу, а чтобы изменить высоту — за нижнюю.
Обойдемся без HTML
Обойдемся без HTML
Вне всякого сомнения, самые интересные дела сейчас творятся во Всемирной Паутине, и наверняка вы тоже хотите быть в центре событий, иначе вы не читали бы эти строки. Но чтобы достойно выглядеть в Internet, вам нужно быть настоящим асом HTML. А кто в наше время располагает достаточными возможностями для того, чтобы досконально изучить хоть что-нибудь, в особенности если это касается программирования? А ведь хочется иногда и просто телевизор посмотреть... Не падайте духом: как вы уже знаете, Проводник в силах облегчить вашу участь, но и Редактор Frontpage также не исключение.
Редактор Frontpage придерживается тех же дружественных принципов по отношению к пользователю, что и Проводник. Frontpage позволяет вам создавать страницы профессионального качества, при этом не требуя от вас знания тонкостей HTML. Если, редактируя страницу, вы захотите выделить слово курсивом или изменить цвет заголовка — пожалуйста, отметьте нужный фрагмент текста, нажмите кнопку, и дело в шляпе: Frontpage сам сгенерирует соответствующий код HTML. Благодаря этому вы сможете сконцентрироваться на более важных вещах, например, на проработке дизайна своего сайта. И даже не исключено, что вы сможете, наконец, позволить себе поваляться вечером на диване перед телевизором.
Также не забыты искушенные знатоки и ценители HTML и те, кто хочет таковыми стать. При желании вы сможете прямо в Редакторе писать код HTML и тут же, не запуская браузер, видеть результаты своей деятельности.
Итак, засучите рукава и приступайте к делу: сейчас мы с вами разберемся, как с помощью Редактора Frontpage достичь именно того результата, к которому вы стремитесь. Для иллюстрации всех возможностей Редактора мы с вами разработаем сайт для сети intranet вымышленной компании "Cascade Coffee Roasters". Попутно вы ознакомитесь с несколькими примерами интеграции Frontpage с приложениями Microsoft Office.
Общий вид окна Редактора Frontpage
Рисунок 6.1. Общий вид окна Редактора Frontpage
Поначалу он может показаться сложноватым, но не пугайтесь: в этой главе вы узнаете, для чего предназначены большинство этих кнопок и меню. Если вы умеете пользоваться Excel, вы заметите, что вкладки внизу окна редактирования — Normal (Обычный вид), HTML (Код HTML) и Preview (Предварительный просмотр) — похожи на вкладки рабочих листов. Эти вкладки позволяют увидеть редактируемую страницу с различных точек зрения. Для начала мы будем работать в обычном режиме (вкладка Normal). Однако прежде чем начать работу с Редактором, изучим, как наилучшим образом настроить его и максимально приспособить к своим потребностям.
Определения
Определения
Определение (definition) — это специальный вид форматирования, который может быть полезен, в частности, для оформления списков, состоящих из терминов и их определений (разумеется, вы вольны придумать этому формату любое применение). Последовательность определений во многих отношениях можно рассматривать как особую разновидность списка, только вместо цифр или маркеров пункты списка начинаются со слов или фраз, а остальная часть пункта форматируется как соответствующая словарная статья.
В большинстве браузеров определяемый термин выравнивается по левой границе страницы, а текст определения располагается под ним с отступом вправо (наподобие того, как в маркированном списке маркер располагается у левой границы, а текст форматируется с отступом). В других браузерах термин располагается на одной строке, а пояснение к нему — на следующей.
Остальные кнопки панели таблиц
Остальные кнопки панели таблиц
Оставшиеся кнопки панели предоставляют в ваше распоряжение следующие возможности:
- Delete Cells (Удалить ячейки). Ячейки можно удалять еще и таким образом: отметить строку или столбец, в которых содержатся ненужные ячейки, и нажать кнопку Delete Cells. (Как отмечать строки и столбцы, подробно разъяснено далее в разделе "Выбор строк и столбцов" этой же главы.)
- Merge Cells (Объединить ячейки). Чтобы слить воедино несколько смежных ячеек, отметьте их и нажмите кнопку Merge Cells на панели таблиц
- Split Cells (Разбить ячейки). Чтобы разбить определенную ячейку, выберите ее и нажмите на панели таблиц кнопку Split Cells. При этом появится диалоговое окно Split Cells. (Это окно подробнее описано далее, в разделе "Разбиение ячеек")
- Align Top (Прижать вверх), Center Vertically (Отцентрировать по вертикали), Align Bottom (Прижать вниз). Эти кнопки соответствующим образом действуют на расположение текста в ячейке таблицы
- Distribute Rows Evenly (Равномерно распределить строки), Distribute Columns Evenly (Равномерно распределить столбцы). Если вы хотите, чтобы ряд смежных строк или столбцов были одинакового размера, отметьте их и воспользуйтесь одной из этих кнопок
- Background Color (Фоновый цвет). Если вы хотите сделать фон одной или нескольких ячеек или таблицы в целом цветным, выберите нужную область и нажмите кнопку Background Color. Появится диалоговое окно Color (Выбор цвета); выберите в нем понравившийся вам цвет и нажмите ОК
Открытие страниц
Открытие страниц
Команда Open позволяет вам открывать страницы сайта, загруженного в Проводнике, сохраненные в виде файлов на диске вашего компьютера или в локальной сети и даже страницы прямо из Internet. С ее помощью можно открывать не только страницы, созданные во Frontpage, но и файлы еще некоторых типов. Это обеспечивает дополнительные возможности добавления материала в ваш сайт. В Редакторе вы сможете открыть файлы следующих типов:
- Файлы HTML (HTM, HTML)
- Файлы Preprocessed HTML (HTX, ASP)
- Файлы RTF (Rich Text Format)
- Текстовые файлы (ТХТ)
- Гипертекстовые шаблоны (НТТ)
- Документы Word (DOC)
- Файлы WordPerfect (DOC, WPD)
- Рабочие листы Excel (XLS, XLW)
- Файлы Works (WPS)
А если у вас установлен Microsoft Office и при его установке вы выбрали дополнительные конверторы документов, то они также будут доступны для Frontpage.
Открытие страницы из файла
Открытие страницы из файла
Допустим, редактируя свой Web-сайт, вы захотели добавить в него страницу, которая записана у вас как файл, но не входит ни в один из сайтов Frontpage. Предположим, например, что некто в вашей организации насочинял каких-то специальных страничек и записал их для всеобщего пользования, чтобы любой желающий мог при необходимости вставить какую-либо из них в свой сайт. Если вам захочется поместить в свой сайт такую страницу, сделайте следующее:
1. Выберите в меню File команду Open. Если Проводник у вас в это время запущен, то вы увидите окно диалога Open. Щелкните на кнопке Select a file on your computer (Выберите файл на своем компьютере), это вторая кнопка справа от текстового поля URL; при этом откроется диалоговое окно Select File, показанное на Рисунок 6.9. Если вы работаете в Редакторе, не запуская Проводник, по команде Open сразу откроется окно диалога Select File.
2. Найдите нужный файл и нажмите кнопку ОК. Файл откроется в Редакторе.
Подсказка
Чтобы быстро вызвать окно диалога Open, нажмите комбинацию клавиш <Ctrl>+<0> или кнопку Open на панели инструментов.
Открытие страницы произвольного Web-сайта
Открытие страницы произвольного 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. Удостоверьтесь, что соединение действительно установлено, — для этого можно попробовать просмотреть страницу непосредственно в браузере, — а затем повторите попытку.
Открытие страницы текущего сайта
Открытие страницы текущего сайта
Если вы собираетесь редактировать страницу, входящую в текущий открытый в Проводнике сайт, то у вас есть два пути: во-первых, вы можете переключиться в Проводник, найти в нем нужную страницу и открыть ее оттуда (двойным щелчком мыши); во-вторых (это даже проще), вы можете открыть ее в Редакторе с помощью команды Open из меню File.
Когда вы выберете команду Qpen, то увидите диалоговое окно Open, показанное на Рисунок 6.8.
Выберите файл из списка и нажмите кнопку ОК. Страница откроется в Редакторе в новом окне.
Открытие страницы в новом окне
Открытие страницы в новом окне
Если вы хотите просмотреть фрейм в своем собственном окне вне фреймсета, щелкните на странице правой кнопкой мыши и в контекстном меню выберите Open Page in New Window (Открыть страницу в новом окне).
Отображение страницы во фрейме
Отображение страницы во фрейме
Чтобы страница могла быть загружена во фрейм, на эту страницу следует создать ссылку и связать ее с фреймом. Все эти манипуляции производятся в диалоговых окнах Create Hyperlink или Edit Hyperlink. Предположим, например, что на сайте RoasterNet есть страница оглавления (Table of Contents), в левом фрейме которой на слове Sales (продажи) уже стоит ссылка на страницу с информацией об успехах отдела сбыта. Вам хочется, щелкнув на слове Sales, получить в правом фрейме страницу со сводкой продаж. Вот, что для этого следует сделать:
1. Откройте в Редакторе ваш фреймсет.
2. На странице Table of Contents щелкните правой кнопкой на ссылке Sales и выберите в контекстном меню опцию Hyperlink Properties, открывающую диалоговое окно Edit Hyperlink, показанное на Рисунок 6.33.
Печать
Печать
Чтобы напечатать страницу, выберите в меню File опцию Print. На экране появится стандартное окно диалога Print. Если вам понадобится изменить параметры принтера, нажмите кнопку Properties (Свойства), после чего будет выведено окно Properties, предоставляющее все необходимые настройки.
Подсказка
Чтобы быстро перейти в диалоговое окно Print, нажмите <Ctrl>+<P> или кнопку Print на панели инструментов.
Настроив принтер должным образом, нажатием кнопки ОК в диалоговом окне Print запустите печать. Если ваша Web-страница длиннее используемой вами бумаги, то она будет напечатана на нескольких страницах.
Печать страниц
Печать страниц
Временами бывает весьма полезно посмотреть, как выглядит на бумаге страница, над которой вы работаете, хотя бы для того, чтобы увидеть ее с другой точки зрения.
Перемещение по странице
Перемещение по странице
Перемещение по содержимому страницы (если оно, конечно, есть) производится традиционным способом с помощью клавиатуры. Например, для прокрутки страницы на один экран вверх или вниз используются клавиши <PageUp> и <PageDown> соответственно; комбинация клавиш <Ctrl>+<Home> приведет вас на самый верх страницы, a <Ctrl>+<End> — в ее конец. Для движения по странице можно также использовать стрелки, а полосы прокрутки, как обычно, продвигают окно в горизонтальном и вертикальном направлении.
В Редакторе Frontpage реализованы 25 наиболее популярных клавиатурных комбинаций Microsoft Word, так что пользователи Office будут чувствовать себя в Редакторе, как дома.
Перемещение по таблице
Перемещение по таблице
Перемещение от символа к символу (или от элемента к элементу) внутри ячейки осуществляется клавишами со стрелками, а для перехода от ячейки к ячейке используйте клавишу <ТаЬ>.
Перемещение строк и столбцов
Перемещение строк и столбцов
Строки и столбцы можно при необходимости переместить в таблице на другое место. Во Frontpage работает точно такая же процедура перемещения строк и столбцов, как и в Microsoft Word: строка (или столбец) вырезается в буфер обмена и вставляется в новое место. Вот что следует сделать, чтобы переместить строку (перемещение столбцов осуществляется совершенно аналогичным образом):
1. Отметьте строку, которую вы хотите переместить, и выберите в меню Edit команду Cut (Вырезать) или нажмите комбинацию клавиш <Ctrl>+<X>.
2. Выберите место, в котором будет располагаться эта строка, и выберите в меню Edit команду Paste (Вставить) или нажмите комбинацию клавиш <Ctrl>+<V>. Строка займет свое новое положение.
Следует заметить, что за один прием можно перемещать по несколько строк или столбцов. Аналогичным образом производится операция копирования строк и столбцов.
Перенос информации из Word в Редактор Frontpage
Рисунок 6.3. Перенос информации из Word в Редактор Frontpage
Это делается так: нужный текст выделяется в Word, копируется в буфер, затем мы переключаемся в Редактор и вставляем текст из буфера туда, где мы хотели бы его видеть. Frontpage автоматически преобразует его в формат HTML.
Перетаскивание файлов Office в Редактор
Перетаскивание файлов Office в Редактор
Теперь перейдем к более интересным вещам. Вспомним предыдущий пример и предположим, что у нас в Word набрано не несколько строк, а несколько страниц. Разумеется, можно не полениться конвертировать их в файлы HTML, благо соответствующих программ сейчас имеется много. Но мы-то знаем, что это не нужно, ведь в компании "Cascade Coffee Roasters" используют Frontpage.
Разберемся, как ставить ссылки на файлы Office, а также как открывать целые файлы в Редакторе Frontpage и автоматически преобразовывать их в файлы HTML:
- Если файл Office уже импортирован в Проводник в составе сайта (т. е. на него внутри сайта имеются ссылки), то можно подцепить этот файл в Проводнике и перетащить его на страницу, открытую в Редакторе. Чтобы это сделать, щелкните в Проводнике на значке соответствующего файла (это будет, соответственно, значок Word или Excel) и, удерживая левую кнопку мыши нажатой, перетащите файл на видимую часть страницы Редактора. Frontpage по имени файла создаст ссылку на него
- Можно перетаскивать файлы Office из любого места в Windows прямо на страницу, открытую в Редакторе. Так, например, вы можете перетащить файл из проводника Windows и даже с рабочего стола (desktop) Windows. Frontpage конвертирует файл в HTML и располагает его на открытой странице. Если в файле содержатся ссылки, то они преобразовываются в ссылки Frontpage, сохраняя при этом свои привязки
Первое сохранение
Первое сохранение
Если текущая страница ранее не существовала, то независимо от того, какой командой вы воспользуетесь, вы увидите диалоговое окно Save As с несколькими опциями сохранения файла. Чтобы сохранить файл в другом месте или под другим именем, можно также воспользоваться командой Save As. Диалоговое окно Save As показано на Рисунок 6.11.
Работа с этим диалоговым окном:
- Наберите в текстовом поле Title название страницы. Дайте странице уникальное и понятное название, чтобы вы легко смогли его узнать среди названий других страниц. Закончив ввод, нажмите кнопку ОК
- Если вы хотите сохранить страницу как файл, например, на дискете или на винчестере, то вам не нужно вводить ее название или URL. Нажмите кнопку Select a file on your computer, вторую справа от поля IJRL. При этом вы перейдете в окно диалога Save As File, в котором можно ввести имя файла и указать его тип, а также местоположение, где вы хотите его сохранить. Можно ввести расширение имени файла, однако если Front-page не распознает это расширение, то при сохранении он автоматически добавит к имени файла расширение НТМ
- В диалоговом окне Save As можно заказать сохранение файла в качестве шаблона; детали ранее были изложены в главе 4
Первое сохранение фреймов и фреймсетов
Первое сохранение фреймов и фреймсетов
Первое сохранение страниц фреймов и самой страницы фреймсета происходит в основном так же, как и в случае первого сохранения обычных страниц, но с одним весьма существенным отличием. Когда вы в первый раз записываете фрейм, в диалоговом окне Save As появляется миниатюрное схематическое изображение вашего фреймсета, в котором цветом выделена текущая сохраняемая страница, так, как изображено на Рисунок 6.31. Благодаря этому вы видите, какая страница в данный момент будет записана и ее имя. Подробности процедуры сохранения страниц изложены ниже в разделе "Сохранение страниц".
Когда вы дадите странице имя и нажмете кнопку ОК, на миниатюре будет подсвечена следующая страница и т. д. Когда вы запишете все фреймы, дойдет очередь и до сохранения страницы фреймсета.
Подсказка
Подсказка
Для вырезания, копирования и вставки в Редакторе используются стандартные комбинации клавиш: <СМ>+<Х>(Вырезать), <С1г1>+<С>(Копировать), <Ctrl>+<V> (Вставить). Другой вариант — щелчком правой кнопки откройте контекстное меню и выберите соответствующую команду из него.
Подсказка
Подсказка
Можно превратить в маркированный или нумерованный список уже существующий текст. Для этого отметьте нужный фрагмент и нажмите соответствующую кнопку на панели инструментов. Подробнее о функциях форматирования рассказано в следующей главе.
2. Выбрать в раскрывающемся списке стилей опцию Numbered List.
Frontpage отметит первую строку нового списка номером 1. Набрать текст первого пункта списка.
3. Введя первый пункт, нажать клавишу <Enter>. Редактор поставит на новой строке следующий номер, после которого можно ввести следующую порцию текста. (Повторяйте эту процедуру до тех пор, пока список не закончится.)
4. Завершив ввод списка, нажать комбинацию клавиш <Ctrl>+<Enter>. Редактор Frontpage начнет новую строку под списком и установит курсор на ее начало
Подсказка
Подсказка
Чтобы просмотреть страницу в браузере, нажмите на панели инструментов кнопку Preview in Browser. Подробнее об этом рассказано в главе 7.
Построение таблиц
Построение таблиц
Таблицы на сегодняшний день являются одним из наиболее удобных и гибких средств организации материала на Web-страницах; в этом качестве они используются практически всеми Web-дизайнерами. Таблицы позволяют во многих случаях упростить задачу форматирования текста и размещения графических изображений; кроме этого, благодаря таблицам легче достичь единообразия в представлении ваших страниц разными браузерами, поскольку большинство браузеров трактуют таблицы более или менее похожим образом.
Представление во фрейме результатов заполнения форм
Представление во фрейме результатов заполнения форм
Помимо того что во фреймах можно отображать обычные страницы, точно так же во фрейм можно вывести результаты заполнения формы. Эта возможность обычно используется в сочетании со скриптами ISAPI (Internet Server API, Интерфейс прикладного программирования сервера Internet), NSAPI (Network Server API, Интерфейс прикладного программирования сервера сети) или CGI, либо с обработчиками форм (form handlers) Мастера подключения к базам данных (Database Region Wizard). Вот как это делается:
1. В Редакторе щелкните правой кнопкой мыши на любом поле формы и в контекстном меню выберите Form Properties; откроется диалоговое окно Form Properties, показанное на Рисунок 6.34.
Предварительный просмотр
Предварительный просмотр
Если вы захотите посмотреть, как будет выглядеть ваша страница на бумаге, выберите в меню File команду Print Preview (Предварительный просмотр). Имейте в виду, что вид страницы в браузере и на печати может существенно различаться. После просмотра страницы вы можете вернуться в диалоговое окно Print Page Setup, чтобы подрегулировать поля или колонтитулы.
В верхней части окна предварительного просмотра Редактора вы обнаружите ряд кнопок, помогающих установить удобный режим просмотра. С их помощью можно увеличивать и уменьшать поле обзора, переходить на следующие и предыдущие страницы или просматривать по две страницы сразу. Нажав кнопку Print (Печать), можно начать печать прямо из этого окна; а чтобы выйти из него, не начиная печати, нажмите клавишу <Esc> или кнопку Close (Закрыть).
Если вы не хотите выводить
Примечание
Если вы не хотите выводить колонтитулы на печать, то удалите их значения из соответствующих текстовых полей.
Нажав в окне Print Page Setup кнопку Options, вы перейдете в диалоговое окно установки параметров вашего принтера Print Setup (Настройка принтера). Окно диалога Print Setup не имеет ничего общего с окном Print Page Setup — это стандартное окно Windows, в котором устанавливаются такие параметры вашего принтера, как ориентация страницы, размер бумаги и т. п. Выставив настройки принтера по вкусу, нажмите кнопку ОК и вернитесь в диалоговое окно Print Page Setup. Завершив в нем ввод всей необходимой информации, нажмите кнопку ОК.
В некоторых диалоговых окнах вам
Примечание
В некоторых диалоговых окнах вам встречается кнопка Style; она означает, что здесь вы можете создать или отредактировать таблицу стиля (stylesheet), связанную с этой страницей. Таблицы стилей подробно освещаются в главе 7.
Помимо всего прочего, вы еще можете присвоить таблице фоновый рисунок или задать цвет ее фона. Чтобы выбрать рисунок для фона вашей таблицы, установите флажок Use Background Image (Использовать фоновое изображение). После этого станет доступным текстовое поле под ним. Можно ввести имя файла с изображением прямо в нем, а можно нажать расположенную рядом кнопку Browse; в этом случае откроется окно Select Background Image (Выбрать фоновое изображение), где у вас будет несколько вариантов дальнейших действий:
- Если вы собираетесь использовать рисунок, присутствующий в открытом сайте, найдите файл в соответствующей папке и нажмите кнопку ОК
- Если нужный вам файл находится в другом месте (на дискете, на жестком диске, где-то в локальной сети), найдите его при помощи стандартных средств навигации диалогового окна Select Background Image, а затем нажмите кнопку ОК. Вы можете даже выбрать фоновое изображение во Всемирной Паутине или создать гиперссылку на файл, находящийся на вашем компьютере.
- И, наконец, вы можете воспользоваться коллекцией картинок (Clip art), поставляемой вместе с Frontpage. Для этого в диалоговом окне нажмите кнопку Clip Art, выберите понравившееся изображение и нажмите кнопку ОК
Если ваша таблица имеет рамку, то в секции Custom Colors (Заказные цвета) окна диалога Table Properties вы можете подобрать для нее цвета. Если вы хотите установить для рамок однородный цвет, то выберите его в списке Border; если же вы будете выбирать цвета из списков Light Border и Dark Border, то сможете придать своей таблице некоторую трехмерность. Из списка Light Border выберите цвет освещенных плоскостей рамки, а из Dark Border — цвет теневой части. Поэкспериментировав с этими цветами, вы сможете придавать своим таблицам весьма привлекательный вид.
самый простой способ добавления новых
Примечание
Наверное, самый простой способ добавления новых строк в таблицу — установить курсор в правую нижнюю ячейку таблицы и нажать клавишу <ТаЬ>.
Сохраняя страницы, всегда полезно давать
Примечание
Сохраняя страницы, всегда полезно давать им запоминающиеся имена, особенно это касается фреймов и управляющего ими фреймсета. Это поможет вам не запутаться впоследствии, когда вы станете расставлять ссылки из одного фрейма на страницы другого фрейма.
Применение фреймов
Применение фреймов
Фреймы можно использовать самыми разными способами, область их применения ограничена только богатством вашей фантазии. Фреймам самое место там, где часть содержимого страницы должна оставаться постоянной, а часть должна меняться. Один из наиболее распространенных случаев использования фреймов — страницы, в верхней части которых располагается логотип компании, а на остальном пространстве находится панель навигации и информационная часть текущей области сайта.
Другим часто встречающимся вариантом применения фреймов являются списки продукции: сам список располагается в левом фрейме страницы, а фрейм с правой стороны содержит описание каждого вида продукции. Содержимое страницы в левом фрейме остается неизменным, поскольку список продукции должен постоянно присутствовать на экране, а страницы в правом фрейме меняются в соответствии с тем, какой продукт выбран в левом. Вы можете связать каждую ссылку из левой части страницы с целевым фреймом (target frame). В данном случае им является правый фрейм. Когда пользователь щелкнет на ссылке в левом фрейме, в целевом фрейме с правой стороны страницы появится страница соответствующего продукта.
Взгляните на Рисунок 6.27. На нем представлена страница сайта RoasterNet, на которой в левом фрейме располагается список месяцев года и с каждым месяцем связана страница коммерческого отчета, выводимая в правом фрейме. Страница содержит три фрейма; на рисунке приведен ее вид в Редакторе.
Приступим к строительству
Приступим к строительству
В этом разделе описано большинство элементов, которые вы можете с помощью Редактора разместить на странице. В вашем распоряжении будут все обычные элементы страниц, такие как тексты, гиперссылки, заголовки и ряд менее ординарных: таблицы (tables), фреймы (frames), бегущие строки (marquees), фоновые звуки (background sounds) и видео (video). Они обсуждаются в этой главе и в главе 7. Еще один важный элемент Web-страниц — изображения (о них мы подробно поговорим в главе 8). Также Редактор позволяет вставлять в страницы формы (forms) и Компонент (Components), которым посвящена глава 9. Самые передовые Web-технологии, такие, как компоненты ActiveX и апплеты Java, детально рассматриваемые в главе 10, тоже легко встраиваются в HTML-страницы.
Размещая на странице очередной элемент, старайтесь придерживаться простого принципа: считайте, что вы работаете в обычном текстовом процессоре, например, в Microsoft Word. Многие приемы манипулирования элементами страниц в Редакторе полностью аналогичны тем, которые знакомы вам по работе в Word. Многие меню и панели инструментов также повторяют аналогичные элементы в Word. Если вам приходилось работать с текстовыми процессорами, то наверняка вы освоите Редактор Frontpage быстро и без особых усилии.
Работа с файлами страниц
Работа с файлами страниц
Стандартные команды работы с файлами в Редакторе похожи на аналогичные команды Проводника, с той разницей, что действуют они на уровне страниц, а не Web-сайтов. Например, в Редакторе команда Close закрывает страницу, а в Проводнике, соответственно, целиком сайт. Помимо этого, над файлами в Редакторе можно производить еще некоторые дополнительные действия, как, например, печать. В этом разделе вы познакомитесь с файловыми командами Редактора.
Работа с фреймами
Работа с фреймами
Когда вы конструируете фреймы с помощью шаблонов (они были описаны в главе 4), Frontpage автоматически создает отдельные страницы и фреймсет и отображает все фреймы в Редакторе. Не правда ли, здорово?
