Видеокурсы, видео уроки, аудио, книги...

К учебнику по Microsoft FrontPage

"Все Технические Моменты Сайтостроения в Видеоформате". Коллекция видеокурсов, которая за 36 часов и 45 минут сделает из Вас профессионала во всех технических моментах создания сайта.



Реклама:


Глава 12 Размещение на Web-странице текста и заголовков

Создание нового Web-узла
Размещение текста на странице

Шрифты
Использование диалогового окна Шрифт
Установка интервалов и смещения
Использование верхнего и нижнего индексов
Использование для форматирования символов панели инструментов
Изменение цвета отображения текста и фона
Выделение цветом с помощью панели инструментов

Отмена элементов форматирования символов
Использование таблицы символов
Копирование форматов символов

Форматирование абзацев
Средства форматирования абзаца
Команда Абзац
Форматирование абзацев с использованием панели инструментов
Выравнивание
Установка расстояния перед абзацем и после него
Установка межстрочного интервала
Обрамление и заливка
Размещение заголовков на Web-страницах
Использование списков для оформления текста
Создание списков
Создание списков с использованием панели инструментов
Изменение свойств списка
Специальные средства редактирования текста
Проверка орфографии
Тезаурус
Поиск и замена

Создание нового Web-узла

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

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

Для создания Web-узла воспользуемся шаблоном Одностраничный веб-узел (One Page Web). Этот шаблон удобен для изучения возможностей, которые предоставляет программа FrontPage разработчику. Данный шаблон формирует структуру Web-узла и добавляет в нее одну пустую страницу, на которой в дальнейшем будет размещаться информация. При этом к странице не предъявляется каких-либо специальных требований по оформлению или форматированию. Все, что нам потребуется, мы разместим на этой странице самостоятельно.

Для создания одностраничного Web-узла выполните следующие действия:

1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию Страница или веб-узел (Page or Web). В результате в главном окне программы FrontPage появляется панель Создание веб-страницы или узла (New Page or Web).

2. Выберите на панели значение Шаблоны веб-узлов (Web Site Templates). Открывается диалоговое окно Шаблоны веб-узлов.

3. В поле Укажите расположение нового веб-узла (Specify the location of the new web) диалогового окна Шаблоны веб-узлов введите местоположение и имя создаваемого Web-узла. Например, присвоим ему имя My Test_Web.

4. Дважды щелкните на значке Одностраничный веб-узел (One Page Web). Начинается процесс создания шаблона. Через некоторое время в главном окне программы FrontPage открывается созданный Web-узел (рис. 12.1), который вы можете модифицировать. Панель Список папок (Folder List) отображает его структуру, состоящую из двух папок _private и images и страницы index.htm.

Рис. 12.1. Панель Список папок отображает структуру Web-узла, созданного с использованием шаблона Одностраничный веб-узел

Замечание

По умолчанию программа FrontPage подразумевает, что первая размещенная в Web-узле страница будет являться домашней. В структуре папок она сохранена под именем index.htm.

Дважды щелкните мышью на панели Список папок (Folder List) на имени файла index.htm. Данная пустая Web-страница откроется в рабочей области программы FrontPage. Можно приступать к размещению в ней объектов.

Размещение текста на странице

Основное назначение Web-страницы — это познакомить посетителя Web-узла с интересующей его информацией. Чтобы информация легко воспринималась, ее следует представить надлежащим образом: оформление не должно удручать своим однообразием, а радовать глаз. Для этого FrontPage предоставляет в распоряжение разработчика средства форматирования символов, абзацев, включающие установку различных параметров шрифта, интервалов между символами, смещений, отступов, отображение символов малыми прописными буквами, в виде верхних и нижних индексов и т.д. С помощью этих средств вы сможете выделить на странице наиболее важные места, сделать информацию легко читаемой.

Кроме того, при работе над документом можно использовать специальные символы шрифтов, которые позволяют внести разнообразие в оформление страницы.

Совет

При создании Web-страницы необходимо помнить, что некоторые обозреватели игнорируют отдельные стили оформления. Поэтому следует протестировать созданную страницу с помощью нескольких обозревателей, например Microsoft Internet Explorer и Netscape Navigator.

Шрифты

Когда говорят о шрифте, используемом в оформлении Web-страницы, то подразумевают следующее:

Существует множество шрифтов, предназначенных для самых различных целей. Для каждого конкретного случая принято использовать символы шрифтов определенного размера: для основного текста обычно выбирают размер 9 либо 10 пт, для заголовков — 12 pt и больше, для сносок и примечаний — символы меньших размеров.

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

Основные параметры шрифта (тип, размер и начертание) можно задать с помощью диалогового окна Шрифт (Font) и кнопок на панели инструментов Форматирование (Formatting).

Использование диалогового окна Шрифт

Наиболее полный набор инструментов для работы со шрифтами предоставляет диалоговое окно Шрифт (Font). В этом окне можно выбрать требуемый тип шрифта и установить все его параметры, доступные в программе FrontPage. Для открытия диалогового окна Шрифт (рис. 12.2) выполните одно из следующих действий:

Рис. 12.2. Вкладка Шрифт одноименного диалогового окна

Диалоговое окно содержит вкладки Шрифт (Font) и Межзнаковый интервал (Character Spacing). Назначение списков вкладки Шрифт приведено в табл. 12.1.

Таблица 12.1. Назначение списков вкладки Шрифт

Список Назначение
Шрифт (Font) Шрифты, установленные на компьютере
Начертание
(Font Style)
Начертание шрифтов. Список содержит следующие значения:
  •  Обычный (Regular) — используется для основного текста
  • Курсив (Italic) — предназначен для выделения слов, заголовков 
  • Полужирный (Bold) — используется для выделения слов, заголовков
  • Полужирный курсив (Bold Italic) — комбинированный стиль, сочетающий оба предыдущих
Размер (Size) Размер шрифта (от 8 до 36 пт)
Цвет (Color) Цвета для оформления текста

Область Видоизменение (Effects) вкладки Шрифт содержит флажки, управляющие различными эффектами отображения шрифтов. Назначение данных флажков представлено в табл. 12.2.

Таблица 12.2. Назначение флажков вкладки Шрифт

Флажок Назначение
подчеркнутый
(Underline)
Текст подчеркнут сплошной линией
зачеркнутый
(Strikethrough)
Текст перечеркнут сплошной линией
надчеркнутый
(Overline)
Над текстом расположена линия
мерцание
(Blink)
Мерцающий текст
надстрочный (Superscript) Текст располагается по верхнему индексу
подстрочный
(Subscript)
Текст располагается по нижнему индексу
малые прописные
(Small Caps)
Текст отображается прописными буквами, имеющими размер строчных
все прописные
(All caps)
Текст отображается только прописными буквами
первые прописные
(Capitalize)
Все слова текста начинаются с прописной буквы
скрытый
(Hidden)
Текст не появляется при печати
жирный
(Strong)
Текст имеет полужирное начертание
курсив
(Emphasis)
Текст отображается с эффектом выразительности (обычно шрифтом, имеющим начертание курсив)
пример
(Sample)
Текст отображается шрифтом, напоминающим шрифт пишущей машинки (обычно моноширинный шрифт)
определение
(Definition)
Текст отображается курсивом, используемым для выделения терминов
ссылка
(Citation)
Текст отображается курсивом, используемым для выделения цитат
переменная
(Variable)
Текст отображается курсивом, используемым для выделения переменных
клавиатура
(Keyboard)
Отображает текст, вводимый пользователем
код
(Code)
Текст отображается моноширинным шрифтом, используемым для написания кодов программ

Установленные вами параметры шрифта отображаются в разделе Образец (Preview) диалогового окна Шрифт. Таким образом, вы можете подбирать параметры и просматривать результат, не покидая диалогового окна.

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

Чтобы отформатировать символы с использованием диалогового окна Шрифт:

1. Выделите на Web-странице фрагмент текста, в котором хотите изменить форматирование символов.

2. Выберите в меню Формат (Format) команду Шрифт.

3. Из списка Шрифт выберите требуемый шрифт.

4. Используя список Начертание (Font Style), укажите начертание символов шрифта.

5. Выберите из предложенных вариантов списка Размер (Size) устраивающий вас размер шрифта.

6. Для применения к тексту эффекта установите соответствующий флажок в области Видоизменение (Effects).

7. Нажмите кнопку ОК. Диалоговое окно закроется.

 Совет

Для применения форматирования сразу ко всему тексту Web-страницы выделите текст с помощью команды Выделить все (Select All) из меню
Правка (Edit).

Установка интервалов и смещения

Вторая вкладка диалогового окна Шрифт (Font) называется Межзнаковый интервал (Character Spacing) (рис. 12.3). С помощью параметров, расположенных на этой вкладке, можно установить межсимвольные интервалы и размер смещения символов относительно базовой линии вверх или вниз.

Назначение параметров вкладки Межзнаковый интервал описано в табл. 12.3.

Таблица 12.3. Параметры вкладки Межзнаковый интервал Опция Назначение

Опция Назначение
Раскрывающийся список Интервал (Spacing)

Устанавливает расстояние между символами и содержит значения:
  •  обычный
  •  разреженный
  • уплотненный
Раскрывающийся список
Смещение
Задает смещение символов и содержит следующие значения
  •  по линии шрифта
  • по линии надстрочных знаков
  • по линии подстрочных знаков
  • по верхнему краю
  • по верхнему краю шрифта
  • по середине
  • по нижнему краю
  • по нижнему краю шрифта

Рис. 12.3. Вкладка Межзнаковый интервал диалогового окна Шрифт

Пример использования некоторых параметров вкладки Межзнаковый интервал представлен на рис. 12.4.

Рис. 12.4. Использование параметров вкладки Межзнаковый интервал

  Список Интервал (Spacing) задает интервал между симво лами. Если вы хотите использовать интервал, установленный по умолчанию, выберите обычный. С помощью опций разреженный (Expanded) и уплотненный (Condensed) можно увеличить или уменьшить интервал между всеми символами на величину, устанавливаемую счетчиком на (By). При выборе любой из этих опций FrontPage по умолчанию устанавливает стандартное значение
в 1 пт.

Использование верхнего и нижнего индексов

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

Для установки индекса используется диалоговое окно Шрифт (Font). В разделе Видоизменение (Effects) установите флажок надстрочный (Superscript), чтобы поднять символы, или подстрочный (Subscript) — чтобы их опустить.

Установка малых прописных и всех прописных букв

В разделе Видоизменение вкладки Шрифт одноименного диалогового окна содержатся флажки малые прописные (Small Caps) и все прописные (All caps). Эти эффекты целесообразно использовать в заголовках.

Использование для форматирования символов панели инструментов

Для форматирования нескольких фрагментов страницы не требуется каждый раз открывать диалоговое окно Шрифт. Для этого в программе FrontPage существует панель инструментов Форматирование (рис. 12.5). С помощью кнопок этой панели вы можете выбрать тип и размер шрифта, установить начертание (полужирный, курсив, подчеркивание), задать цвет шрифта или выделить текст цветом, а также использовать заданные стили.

Рис. 12.5. Панель инструментов Форматирование

Три первые элемента на панели инструментов — раскрывающиеся списки Стиль (Style), Шрифт (Font) и Размер шрифта (Font Size), с помощью которых вы можете выбрать стиль, тип и размер шрифта. Кнопки Полужирный (Bold), Курсив (Italic) и Подчеркнутый (Underline) позволяют установить наиболее часто используемые начертания. Последние два элемента на панели, относящиеся к форматированию символов, — Выделить (Highlight) и Цвет текста (Font Color). С помощью этих раскрывающихся списков вы можете установить цвет фона для выделенного фрагмента и цвет шрифта.

Совет

Если панель инструментов форматирования отсутствует на экране, для ее отображения в меню Вид (View) главного окна программы FrontPage выберите команду Панели инструментов (Toolbars). Далее в открывшемся списке панелей инструментов выберите Форматирование.

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

Изменение цвета отображения текста и фона

При оформлении текста вы можете изменять цвет символов как с помощью диалогового окна Шрифт (Font), так и кнопки Цвет текста (Font Color) на панели форматирования. Для установки цвета с помощью диалогового окна Шрифт выполните следующие действия:

1. Выделите фрагмент текста, для которого вы предполагаете изменить цвет.

2. Откройте диалоговое окно Шрифт.

3. Из списка Цвет (Color) выберите требуемый цвет.

4. Нажмите кнопку ОК для закрытия окна.

Выделение цветом с помощью панели инструментов

С помощью панели инструментов форматирования вы можете не только поменять цвет шрифта, но и выделить текст, изменив его фон. Для этого используются кнопки Цвет текста (Font Color) и Выделить (Highlight) . Обе эти кнопки открывают палитры, позволяющие выбрать нужный цвет из имеющихся.

Для изменения цвета шрифта с помощью панели инструментов выполните следующие действия:

1. Выделите фрагмент текста, цвет шрифта которого вы хотите изменить.

2. Нажмите стрелку на кнопке Цвет текста (Font Color) и в открывшейся палитре выберите нужный цвет.

Цвет текста станет таким, какой вы выбрали, а кнопке Цвет текста присваивается текущий цвет палитры. В дальнейшем для изменения цвета шрифта на установленный нужно выделить фрагмент и нажать кнопку Цвет текста, не выбирая этот цвет из палитры.

Для изменения цвета фона шрифта выполните следующие действия:

1. Выделите фрагмент текста, фон которого собираетесь окрасить.

2. Нажмите стрелку на кнопке Выделить (Highlight) и в открывшейся палитре выберите нужный цвет.

Отмена элементов форматирования символов

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

Использование таблицы символов

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

1. Установите курсор в то место страницы, где нужно вставить символ.

2. Выберите команду Символ (Symbol) из меню Вставка (Insert). Откроется диалоговое окно Символ, представленное на рис. 12.6. Оно содержит списки, позволяющие выбрать шрифт и набор символов.

3. Просмотрите список символов, используя для перемещения клавиши со стрелками или мышь.

Рис. 12.6. Диалоговое окно Символ

4. Выбрав в диалоговом окне необходимый символ, нажмите кнопку Вставить (Insert). Символ будет вставлен на страницу. При этом диалоговое окно остается открытым. Вы можете вставить следующий символ. Выбранные из списка символы помещаются также в область Ранее использовавшиеся символы, откуда впоследствии также могут быть выбраны.

5. Завершив выбор всех символов, нажмите кнопку Закрыть (Close) для закрытия диалогового окна.

Вставленный символ будет иметь тот же размер шрифта, что и предшествующий символ, но его можно увеличить до нужного размера, используя раскрывающийся список Размер (Font Size) на панели форматирования.

Копирование форматов символов

Довольно часто приходится одинаково форматировать несколько фрагментов страницы. Очень удобно, что FrontPage предоставляет средства копирования формата, поэтому один раз отформатировав фрагмент текста, можно копировать установленный формат и для других фрагментов.

Чтобы скопировать формат, выполните следующие действия:

1. Выделите символы или фрагмент текста, имеющие формат, который вы хотите скопировать.

2. Нажмите кнопку Формат по образцу (Format Painter) на стандартной панели инструментов. Курсор примет вид кисти.

3. Выделите фрагмент текста, для которого вы хотите применить скопированный формат. Он тотчас же примет необходимый вид.

Копируемые параметры определяются выделенными символами:

Форматирование абзацев

Текст, как правило, состоит из абзацев , выражающих законченную мысль. В редакторе FrontPage, как и в любом другом текстовом редакторе, абзац — это фрагмент текста, ограниченный символом абзаца . Абзац, так же как и символ, является объектом форматирования. Символ абзаца (или маркер абзаца) — непечатаемый символ, который содержит все параметры форматирования соответствующего абзаца.

При форматировании абзаца оперируют следующими понятиями:

Средства форматирования абзаца

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

Замечание

Средства форматирования воздействуют на весь абзац, т.е. если вы воспользуетесь этими средствами для форматирования строки или нескольких слов, FrontPage все равно отформатирует целый абзац.

FrontPage предоставляет в распоряжение разработчика следующие средства форматирования абзаца:

Команда Абзац

Для установки нескольких параметров форматирования абзаца наиболее удобно использовать диалоговое окно Абзац (рис. 12.7). Для открытия этого окна выберите команду Абзац (Paragraph) из меню Формат (Format) или из контекстного меню, открываемого с помощью правой кнопки мыши.

С помощью диалогового окна Абзац вы можете установить доступные в FrontPage элементы форматирования абзаца, описанные
в табл. 12.4.

Таблица 12.4. Параметры, используемые для форматирования абзаца с помощью диалогового окна Абзац

Опция Назначение
Выравнивание (Alignment)

Выравнивает абзац по левому, правому краям, по центру, по ширине

Отступ (Indentation)

слева (Before text) Отступ слева от абзаца
справа (After text) Отступ справа от абзаца
первая строка (Indent first line) Отступ для первой строки абзаца
  Интервал (Spacing)
перед (Before) Интервал перед абзацем
после (After) Интервал после абзаца
между слов (Word) Интервал между словами. При использовании этого параметра вы не можете просмотреть результат примененного форматирования в редакторе программы FrontPage. Действие этого параметра поддерживается не всеми обозревателями
между строк (Line spacing) Показывает величину междустрочного интервала

Рис. 12.7. Диалоговое окно Абзац

Раздел Образец (Preview) диалогового окна Абзац позволяет просмотреть, как будет выглядеть ваш текст в результате примененного форматирования.

Форматирование с помощью диалогового окна Абзац осуществляется следующим образом:

1. Поместите курсор в любое место форматируемого абзаца.

2. Откройте диалоговое окно Абзац.

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

4. Нажмите кнопку ОК для закрытия диалогового окна.

Форматирование абзацев с использованием панели инструментов

Панель инструментов Форматирование (Formatting) позволяет быстро изменить конкретный параметр формата абзаца. Для этого достаточно выделить требуемые абзацы и нажать мышью необходимую кнопку на панели инструментов. Однако панель инструментов Форматирование предоставляет не столь богатый набор средств, как диалоговое окно Абзац. С помощью соответствующих кнопок этой панели вы можете:

Выравнивание

Выравнивание текста можно осуществлять с помощью как диалогового окна Абзац, открываемого командой Абзац из меню Формат, так и панели инструментов. Для выравнивания небольших фрагментов удобнее использовать выравнивание с помощью панели инструментов, так как она всегда под рукой.

Чтобы установить способ выравнивания с помощью команды меню, выполните следующие действия:

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

2. Откройте диалоговое окно Абзац, выбрав команду Абзац из меню Формат или из контекстного меню.

3. Откройте список видов выравнивания Выравнивание (Alignment).

4. Выберите устраивающий вас вид выравнивания и нажмите кнопку ОК.

Для выравнивания абзаца с помощью кнопок панели инструментов Форматирование достаточно его выделить и нажать кнопку на панели инструментов, соответствующую выбранному типу выравнивания: По левому краю (Align Left) , По правому краю (Align Right) , По центру (Center) , По ширине (Justify) . На рис. 12.8 представлены четыре вида выравнивания текста.

Рис. 12.8. Использование различных типов выравнивания: по левому краю, по правому краю, по центру и по ширине

Установка расстояния перед абзацем и после него

Для установки интервала перед абзацем и после него достаточно вставить дополнительную строку, нажав клавишу <Enter> или комбинацию клавиш <Shift>+<Enter>. При использовании комбинации клавиш получается интервал меньшего размера, чем при нажатии клавиши <Enter>. В некоторых случаях (например, при подготовке места для вставки фафических объектов, формул и т.д.) это удобнее, но не во всех (например, при оформлении заголовков). Тогда можно воспользоваться диалоговым окном Абзац, выполнив следующие действия:

1. Выделить форматируемый абзац.

2. Выбрать в меню Формат (Format) команду Абзац (Paragraph).

3. В появившемся диалоговом окне Абзац установить требуемые значения интервалов в полях перед (Before) и после (After) области Интервал (Spacing). Для этого ввести необходимые значения в поля или воспользоваться кнопками, расположенными в правой части полей. Нажатие кнопок приводит к изменению значений на 1 пт.

4. Завершив установку параметров, нажать кнопку ОК.

Установка межстрочного интервала

Межстрочный интервал определяет расстояние между строками текста. В редакторе FrontPage межстрочный интервал выражен в строках. Для его изменения предназначен раскрывающийся список между строк (Line spacing) диалогового окна Абзац. В табл. 12.5 описано назначение опций данного списка.

Таблица 12.5. Опции, используемые для изменения межстрочного интервала

Опция Назначение
одинарный (Single) Устанавливает межстрочный интервал для каждой строки в соответствии с наибольшим символом в этой строке
полуторный (1.5 lines) Устанавливает для каждой строки межстрочный интервал в полтора раза больший, чем при одиночном междустрочном интервале
 
двойной (Double) Устанавливает для каждой строки межстрочный интервал в два раза больший, чем при одиночном межстрочном интервале
 

Обрамление и заливка

С помощью диалогового окна Границы и заливка (рис. 12.9) можно поместить фрагмент текста в рамку, оформленную с помощью различных стилей, или выделить с помощью заливки. Для открытия этого окна используется команда Границы и заливка (Borders and Shading) из меню Формат (Format) и аналогичная команда из контекстного меню абзаца.

Диалоговое окно Границы и заливка содержит две вкладки: Граница (Borders) и Заливка (Shading). На рис. 12.9 показана вкладка Граница, а в табл. 12.6 приведено назначение ее опций.

Таблица 12.6. Опции вкладки Граница

Опция Назначение
по умолчанию (None) Удаляет элементы обрамления
рамка (Box) Создает обрамление в виде однородной рамки
другая (Custom) Создает произвольное обрамление, т.е. стороны рамки могут иметь различное оформление
Стиль (Style) Содержит восемь типов линий обрамления
Цвет (Color) Задает цвет линии
Ширина (Width) Задает толщину линии обрамления
Образец (Preview) Позволяет подбирать различные варианты рамок и тени, показывая результаты выбора параметров
Поля (Padding) Устанавливает расстояние от текста до рамки с помощью четырех полей Верхнее (Тор), Нижнее (Bottom), Левое (Left), Правое (Right)

Рис. 12.9. Диалоговое окно Границы и заливка

С помощью вкладки Заливка (Shading) диалогового окна Границы и заливка (рис. 12.10) можно получить достаточно интересные эффекты при оформлении абзацев страницы. Используя раскрывающиеся списки Цвет фона (Background color) и Цвет текста (Foreground color), можно задать цвет заливки абзаца и цвет размещенного в нем текста. Параметры области Узор (Patterns) позволяют задать в качестве заливки графическое изображение.

Рис. 12.10. Вкладка Заливка

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

1. Установите курсор внутри форматируемого абзаца.

2. Выберите в меню Формат (Format) команду Границы и заливка (Borders and Shading). Откроется одноименное диалоговое окно.

3. Выберите из предложенных типов обрамления абзаца опцию Рамка (Box).

4. Из списка Стиль (Style) подберите стиль рамки. В области Образец (Preview) для рамки будет использована линия указанного типа.

5. Подберите в раскрывающемся списке Цвет (Color) цвет рамки.

6. Используя параметры области Поля (Padding), установите расстояние от текста до рамки, введя желаемые величины в поля Верхнее (Тор), Нижнее (Bottom), Левое (Left), Правое (Right). В качестве альтернативного средства вы можете несколько раз нажать кнопку со стрелкой, расположенную в правой части каждого из полей, до тех пор, пока в поле не появится требуемое расстояние в пунктах.

7. Чтобы выбрать заливку, перейдите на вкладку Заливка.

8. Используя раскрывающиеся списки Цвет фона (Background color) и Цвет текста (Foreground color), определите цвет заливки и текста.

9. Завершив установку параметров, нажмите кнопку ОК для закрытия диалогового окна.

Размещение заголовков на Web-страницах

Мы рассмотрели средства форматирования текста, предлагаемые разработчику программой FrontPage. Однако первое, с чего, вероятно, начинается создание Web-страницы. — это размещение заголовка.

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

Программа FrontPage позволяет для форматирования заголовков использовать список Стиль (Style) на панели форматирования, а также рассмотренные выше элементы форматирования символов. Список Стиль содержит значения Заголовок 1 (Heading 1), Заголовок 2 (Heading 2), ... Заголовок 6 (Heading 6), позволяющие создавать заголовки шести уровней, оформляемые в виде абзаца. Заголовки различных размеров показаны на рис. 12.11.

Рис. 12.11. Программа FrontPage позволяет создавать заголовки шести уровней

Разместим заголовок на домашней странице одностраничного Web-узла, созданного нами в начале главы:

1. Откройте тестовый Web-узел. Для этого в меню Файл (File) выберите команду Последние веб-узлы (Recent Webs), а затем в раскрывающемся списке — значение My Test_Web.

2. Откройте домашнюю страницу, дважды щелкнув мышью в области Список папок на имени файла index.htm.

3. Курсор по умолчанию установлен в верхней части пустой страницы. Введите текст заголовка.

4. Чтобы разместить заголовок в центре строки, установите на него курсор и нажмите на панели форматирования кнопку По центру (Center).

5. Выделите заголовок. Воспользовавшись списком Стиль (Style) на панели форматирования, установите значение Заголовок 1 (Heading 1).

6. Если вы хотите изменить используемый шрифт или размер заголовка, воспользуйтесь соответственно списками Шрифт (Font) и Размер (Font Size) на панели форматирования.

7 . Заголовок создан (рис. 12.12). Сохраните страницу с помощью кнопки Сохранить (Save) на стандартной панели инструментов.

Рис. 12.12. Заголовок на домашней странице Web-узла

Использование списков для оформления текста

При оформлении Web-страниц можно использовать списки. Принято выделять два типа списков:

FrontPage предоставляет простые и удобные в использовании средства для создания маркированных или нумерованных списков, а также большой набор стандартных форматов списков.

Формат маркированного или нумерованного списка можно определить как до, так и после ввода текста списка. В любом случае, после выбора формата списка FrontPage по умолчанию устанавливает выступ и ставит номер (или символ маркера) в начале каждой строки выделенного текста.

Формат маркированного или нумерованного списка применяется последовательно к каждому абзацу. Всякий раз при нажатии <Enter> в начале нового абзаца добавляется очередной номер или символ маркера.

Создание списков

Для создания списков можно использовать диалоговое окно Список (Bullets and Numbering) (рис. 12.13), а также список Стиль (Style) и кнопки Нумерация (Numbering) и Маркеры (Bullets) на панели форматирования. Как обычно, диалоговое окно предоставляет разработчику более широкие возможности. Оно содержит три вкладки следующего назначения:

Для создания маркированных или нумерованных списков с использованием диалогового окна Список (Bullets and Numbering) выполните следующие действия:

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

2. Выберите команду Список (Bullets and Numbering) из меню Формат (Format). Открывается диалоговое окно Список.

Рис. 12.13. Диалоговое окно для создания списка

3. Перейдите на вкладку Обычные маркеры (Plain Bullets) или Нумерация

(Numbers), в зависимости от того, какой список вы создаете, маркированный или нумерованный.

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

5. Нажмите ОК.

Для продолжения списка поместите курсор на последний маркер абзаца и нажмите клавишу <Enter>. FrontPage автоматически форматирует новый абзац.

Замечание

Для создания маркированных списков, у которых в качестве маркера применяется изображение, предназначена вкладка Графические маркеры (Picture Bullets). При использовании тем в оформлении страницы программа FrontPage по умолчанию предложит вам вариант изображения. Для этого достаточно установить на этой вкладке опцию использовать из текущей темы (Use pictures from current theme). Если вы хотите использовать какое-либо иное изображение, то установите опцию задать рисунок (Specify picture) и для его поиска нажмите кнопку Обзор (Browse).

Совет

При создании нумерованных списков, нумерация которых начинается не с единицы, воспользуйтесь на вкладке Нумерация (Numbers) полем Начать с (Start At), где введите число, с которого должна начаться нумерация (рис. 12.14).

Рис. 12.14. Вкладка Нумерация диалогового окна Список

Создание списков с использованием панели инструментов

По умолчанию при создании маркированного списка с помощью панели инструментов Форматирование в качестве символа маркера применяется маленький черный кружок. Если вы хотите использовать другой символ маркера из стандартного набора, предварительно выберите его на вкладке Обычные маркеры (Plain Bullets) диалогового окна Список (рис. 12.15), открыв его командой Список (Bullets and Numbering) из меню Формат (Format). В результате в текущем сеансе будет устанавливаться выбранный вами символ маркера.

Рис. 12.15. Вкладка Обычные маркеры диалогового окна Список

Для создания списков на панели инструментов форматирования предназначены две кнопки:

Кнопка Название Назначение
  Маркеры (Bullets) Создает маркированный список
  Нумерация (Numbering) Создает нумерованный список

 Замечание

Чтобы отменить форматирование фрагмента как список, достаточно выделить его элементы и еще раз нажать кнопку Маркеры или Нумерация на панели Форматирование.

Для создания списков с помощью панели форматирования можно также использовать раскрывающийся список Стиль, содержащий следующие стили списков:

Стиль Назначение
Маркированный список (Bulleted List) Маркированный список
Нумерованный список (Numbered List) Нумерованный список
Список каталогов (Directory List) Список в виде небольших коротких абзацев
Список меню (Menu List) Список, элементы которого представлены одной строкой
Список определений (Definition) Список в виде коротких определений

Изменение свойств списка

Диалоговое окно Список (Bullets and Numbering) позволяет создавать списки с требуемыми параметрами. Для изменении свойств списка используется диалоговое окно Свойства списка (List Properties) которое открывается при выделении изменяемого списка и выполнении одною из следующих действий:

Диалоговое окно Свойства списка похоже на окно Список (Bullets а nd Numbering), но в отличие от него содержит дополнительную вкладку Другой (Other), содержащую набор стилей оформления списков. Выберите из него необходимый стиль и нажмите кнопку ОК .

Специальные средства редактирования текста

Программа FrontPage входит в Microsoft Office XP, поэтому, как и все программные продукты, входящие в его состав, содержит средства проверки орфографии, тезаурус. Рассмотрим их использование при редактировании текста.

Проверка орфографии

Программа FrontPage содержит средства проверки орфографии, с помощью которых вы сможете проверить орфографию выделенного фрагмента текста, страницы или всех страниц Web-узла. Для проверки орфографии вы можете воспользоваться одним из следующих средств:

Проверка орфографии сводится к сравнению слов, присутствующих в документе, со словами из словаря. Программа FrontPage использует словарь, доступный программам, входящим в Microsoft Office. Встречая слово, которое отсутствует в словаре, FrontPage автоматически открывает диалоговое окно Орфография (Spelling) (рис. 12.16).

Рис. 12.16. Диалоговое окно Орфография

В диалоговом окне Орфография (Spelling) находятся поля, представленные в табл. 12.7.

Таблица 12.7. Назначение полей диалогового окна Орфография

Поле Назначение
Нет в словаре
(Not in Dictionary)
Соответствует орфографической ошибке. Отображает слово, не найденное в словаре
Заменить на (Change To) Содержит слово, на которое предлагается заменить ошибочное
 
Варианты (Suggestions) Предлагает список слов для замены из основного словаря и открытых вспомогательных словарей при орфографической ошибке и объясняет причину выделения сочетания слов при грамматической ошибке
 

Диалоговое окно Орфография (Spelling) содержит кнопки, назначение которых описано в табл. 12.8.

Таблица 12.8. Назначение кнопок диалогового окна Орфография

Кнопка Назначение
Пропустить (Ignore) Пропускает без изменения слово, присутствующее в поле Нет в словаре (Not in Dictionary), и продолжает проверку орфографии
Пропустить все (Ignore All) Пропускает без изменения все вхождения слова, присутствующее в поле Нет в словаре, и продолжает проверку орфографии, оставляя без внимания все последующие вхождения этого слова
Заменить (Change) Заменяет слово, присутствующее в поле Нет в словаре, словом, содержащимся в поле Заменить на (Change To)
Заменить все (Change All) Заменяет в Web-странице все вхождения слова, присутствующего в поле Нет в словаре, словом, содержащимся в поле Заменить на
Добавить (Add) Добавляет слово, содержащееся в поле Нет в словаре, в словарь
Добавить (Add) Добавляет слово, содержащееся в поле Нет в словаре, в словарь
Варианты (Suggest) При нажатии на кнопку в поле Варианты (Suggestions) размещается список вариантов замены
Отмена (Cancel) Прекращает проверку орфографии и закрывает диалоговое окно Орфография

Для проверки орфографии на открытой Web-странице выполните следующие действия:

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

2. В меню Сервис (Tools) выберите команду Орфография (Spelling) или нажмите одноименную кнопку стандартной панели инструментов.

3 . Если ошибок не найдено, появляется сообщение, представленное на рис. 12.17. Нажмите кнопку ОК.

Рис. 12.17. Сообщение, появляющееся при отсутствии в тексте ошибок

4. После нахождения первого ошибочного с точки зрения FrontPage слова открывается окно Орфография (Spelling). Поле Варианты (Suggestions) будет содержать слова для замены ошибочного слова.

• Если слово, появившееся в поле Заменить на (Change To), на ваш взгляд является подходящим, нажмите кнопку Заменить (Change).
В результате выбранное слово будет вставлено в текст
• Если слово, появившееся в поле Нет в словаре (Not in Dictionary) написано с вашей точки зрения правильно, нажмите кнопку Игнорировать (Ignore). Если это слово встречается в документе многократно, целесообразно нажать кнопку Пропустить все
(Ignore All). В этом случае FrontPage не будет останавливаться на последующих вхождениях этого слова
• Не исключено, что нераспознанное слово написано правильно, но его нет в словаре Microsoft Office. В таком случае, если слово используется часто, его следует ввести в существующий словарь с помощью кнопки Добавить (Add)

5. После достижения конца фрагмента или документа появляется сообщение, уведомляющее вас о завершении проверки
(см. рис. 12.17).

Для отмены результатов проверки орфографии вы можете, как обычно, воспользоваться одним из приведенных ниже способов:

Тезаурус

В программе FrontPage к услугам разработчика предоставляется тезаурус (словарь синонимов) Microsoft Office, помогающий подбирать слова при размещении текста на страницах Web-узла.

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

На экране откроется диалоговое окно Тезаурус (рис. 12.18). Назначение полей этого диалогового окна описано в табл. 12.9.

Рис. 12.18. Диалоговое окно Тезаурус

Таблица 12.9. Поля диалогового окна Тезаурус

Поле Назначение
Синонимы для (Looked Up) Слово, для которого ищется синоним
Значения (Meanings) Список значений слова, для которого ищется синоним
 
Замена синонимом
(Replace with Synonym)
Список синонимов слова

Подобрав в диалоговом окне Тезаурус необходимый синоним, установите на него курсор и нажмите кнопку Заменить (Replace). В том случае, если ни одно из предлагаемых значений вас не устраивает, нажмите кнопку Отмена (Cancel). Кнопка Вернуть (Previous) позволяет восстановить предыдущее значение слова.

Поиск и замена

Наличие средства поиска и замены уже давно стало стандартом для приложений, предполагающих работу с текстом. Предположим, что у вас возникла необходимость найти на Web-странице или Web-узле необходимый текст. Для поиска этой информации используется диалоговое окно Найти и заменить (Find and Replace) (рис. 12.19), открываемое любым из следующих действий:

Диалоговое окно Найти и заменить содержит две вкладки. В зависимости от используемой команды или комбинации клавиш, в окне по умолчанию открывается вкладка Найти (Find) или Заменить (Replace). В табл. 12.10 приведены опции вкладки Найти.

Рис. 12.19. Диалоговое окно Найти и заменить

Таблица 12.10. Назначение параметров вкладки Найти

Параметр Назначение
Найти (Find what) В это поле вводится объект поиска
Найти далее
(Find Next)
Осуществляет поиск следующего вхождения критерия, указанного в поле Найти
 
Искать на страницах
(Find where)
Переключатель содержит три опции. При выборе на всех (All pages) поиск осуществляется на всех страницах Web-узла. Установка опции на текущей (Current page) указывает на необходимость проведения поиска только на текущей странице. При выборе опции на выбранных (Selected page) поиск проводится на указанных пользователем страницах. Для выбора страниц, на которых следует проводить поиск, удобно использовать панель Список папок (Folder List)
 
Направление
(Direction)
Определяет направление поиска. При выборе опции Вниз (Down) осуществляет поиск от текущего положения курсора (или начала выделенного блока) до конца документа (или выделенного блока), Вверх (Up) — от текущего положения курсора (или конца выделенного блока) до начала документа (или выделенного блока). Опция Все (АИ) указывает, что поиск должен проводиться во всех направлениях
 
Учитывать регистр
(Match case)
Выполняет поиск с учетом прописных и строчных букв в критерии, заданном в поле Найти далее (Find Next)
 
Только слово целиком
(Match whole word only)
Выполняет поиск вхождений, являющихся самостоятельными словами
 
Поиск в HTML
(Find in HTML)
Выполняет поиск в HTML файле

Флажок Только слово целиком (Match whole word only) позволяет существенно сузить поле поиска. Например, вы ищете слово формат. Если вы не установите этот флажок, FrontPage найдет для вас все вхождения заданного критерия, независимо от того, является ли каждое из них частью другого слова или представляет собой отдельное слово. Таким образом, будут найдены слова форматирование , формат , отформатируйте и т.д. В результате вам придется затратить больше времени на просмотр всех найденных вариантов. Установив флажок, вы исключите все слова, в которые указанный критерий входит как часть слова.

Флажок Учитывать регистр (Match case) также позволяет сузить поиск. Установка этого флажка делает поиск чувствительным к регистру, используемому при написании слов.

Для того чтобы уяснить действия опций вкладки Найти диалогового окна Найти и заменить (Find and Replace), давайте обратимся к практическому примеру. Для осуществления поиска определенного текста выполните следующие действия:

1. Откройте Web-страницу, на которой хотите найти необходимый текст.

2. В меню Правка (Edit) выберите команду Найти (Find) или нажмите комбинацию клавиш <Ctr l >+<F>.

3. В поле Найти (Find what) введите текст, который требуется найти.

4. Для осуществления поиска на текущей Web-странице установите опцию на текущей (Current page).

5. Задайте направление поиска, установив одно из двух значений переключателя Направление (Direction).

6. Для проведения поиска с учетом регистра установите флажок Учитывать регистр (Match case).

7. В том случае, если вы осуществляете поиск слова целиком, а не его вхождения в другие слова, установите флажок Только слово целиком (Match whole word only).

8. Для того чтобы приступить к поиску, нажмите кнопку Найти далее (Find Next).

Если указанный вами в качестве критерия фрагмент текста присутствует в документе, после его нахождения FrontPage выделяет его инверсным цветом. Вы можете, не закрывая диалогового окна Найти и заменить (Find and Replace), перейти в Web-страницу и внести в нее необходимые изменения.

9. Возможно, что Web-страница содержит несколько вхождений указанного текста, при этом найденное значение вас не устраивает. В этом случае продолжите поиск, нажав кнопку Найти далее.

10. После завершения поиска нажмите кнопку Отмена. Диалоговое окно Найти и заменить будет закрыто.

Замечание

Если вы решили прервать поиск в процессе его выполнения, нажмите клавишу <Esc>.

При проведении поиска на нескольких или всех страницах Web-узла диалоговое окно Найти и заменить видоизменяется. В его нижней части появляется дополнительная область (рис. 12.20), в которой отображается список страниц, на которых найдены требуемые значения, и их количество на текущей странице. Чтобы открыть страницу, содержащую искомое значение, необходимо в этой области щелкнуть мышью на ее названии. Статус просмотренных из этого окна страниц изменяется.

Рис. 12.20. Диалоговое окно Найти и заменить при проведении поиска на всех или нескольких страницах Web-узла

Поиск может оказаться неудачным по нескольким причинам:

В этом случае на экран будет выведено сообщение, представленное на рис. 12.21. Нажмите кнопку ОК, измените критерий и осуществите повторный поиск.

Рис. 12.21. Сообщение, появляющееся в случае, если искомый фрагмент не найден

В том случае, если вы хотите не просто найти определенный текст, а заменить его другим текстом, то вам необходимо в диалоговом окне Найти и заменить воспользоваться вкладкой Заменить (Replace) (рис. 12.22).

Рис. 12.22. Вкладка Заменить диалогового окна Найти и заменить

Вкладка Заменить аналогична вкладке Найти, но содержит дополнительное поле Заменить на (Replace with), где можно ввести текст, которым необходимо заменить найденный. Чтобы заменить найденное вхождение текстом, введенным в поле Заменить на, нажмите кнопку Заменить. Чтобы заменить все вхождения текста, нажмите кнопку Заменить все (Replace All).


Реклама: