Ввод и форматирование веб-страниц

Редактором Frontpage реализуются 25 наиболее популярных клавиатурных комбинаций Microsoft Word, что очень удобно для пользователей.

Текст

Для размещения на странице текста, его нужно ввести с клавиатуры. Рассмотрим, как на новую страницу сайта вставить текст:

1. Создадим с помощью команды New из меню File во Frontpage новую страницу. В открывшемся диалоговом окне New выберем пункт Normal Page (Обычная страница) и нажмем кнопку ОК. На экране появляется пустая страница.
2. Наберем с клавиатуры необходимый текст.

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

Вырезание, копирование и вставка текста

Процесс вырезания, копирования и вставки текста, как и других элементов, в Frontpage выглядит так же, как во всех приложениях Office. Приложением Frontpage используется буфер обмена, который позволяет вырезать и копировать любые фрагменты в другие открытые в приложении страницы или же в документы других приложений. Необходимо просто вырезать или скопировать нужный фрагмент в буфер, перейти в предварительно открытый документ и вставить фрагмент. При этом форматирование текста может незначительно нарушиться, это будет зависеть от приложения, в которое вставляется фрагмент. К примеру, при перемещении текста, набранного шрифтом различного кегля, в программу Блокнот (Notepad) он весь будет иметь одинаковый, установленный по умолчанию кегль.

Удаление текста

Удалять текст или другие элементы так же просто. Удаление выполняется несколькими способами: выделяя удаляемый фрагмент и нажимая клавишу $$, а можно с помощью команды Clear в меню Edit.

При использовании второго способа можно при желании вернуть удаленный материал, выбрав в меню Edit команду Undo или нажав кнопку Undo на панели инструментов.

Удалять символы и целые слова перед курсором и после него можно, используя комбинации клавиш на клавиатуре. Для удаления слова справа от курсора нужно нажать $+$, а для слова слева от курсора — $+$.

Шрифты

В приложении Frontpage имеется множество возможностей оформления текста. Для этого в приложении имеются кнопки на панели инструментов, а также различные меню.

Размер

Frontpage согласно правилам языка HTML определяет размер шрифта уровнями, в отличие от более привычных для нас пунктов. При этом наименьшему уровню будет соответствовать наименьший размер; к примеру, 1 уровню соответствует текст с размером кегля 8 пт, 2 уровню — 10 пт и т.д. Кроме того, можно установить произвольные размеры шрифта, а также изменить другие атрибуты шрифта и абзаца, используя таблицу стилей.

Изменение размера шрифта

Существует 2 способа изменения размера символов текста:

1. Выделим участок текста, который нужно изменить. Это может быть слово, строка, абзац или вся страница (выделить всю страницу можно нажав $+$), затем щелкнем на кнопке увеличения Increase Text Size или уменьшения Decrease Text Size размера шрифта на панели инструментов.
2. Выделим участок текста и используем команду Font (Шрифт) в меню Format (Формат).

Цвет

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

Изменение цвета текста

При оформлении текста можно использовать набор, состоящий из 48 стандартных цветов, который предлагает Frontpage, или комбинировать цвета на свой вкус. Для изменения цвета требуется выделить нужный участок текста и нажать кнопку Text Color (Цвет текста) на панели инструментов.

В открывшемся диалоговом окне Color (Цвет) нужно выбрать цвет из стандартного набора и нажать кнопку ОК. При желании можно воспользоваться дополнительными цветами, нажав на кнопку Define Custom Colors (Определить цвет), определить цвет и затем щелкнуть мышью на кнопке Add To Custom Colors (Добавить в набор). Создавать комбинированный цвет можно, используя для коррекции цвета указатель, находящийся в правой стороне окна.

Тип шрифта

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

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

Смена шрифта

В приложении Frontpage нет ограничений в выборе шрифта. Для смены шрифта можно воспользоваться командой Font (Шрифт).

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

Начертание символов

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

Изменение начертания

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

Специальные стили

В приложении используются дополнительные специальные стили. Frontpage их поддерживает, потому что открываемые страницы могут содержать специальные стили. При создании нового текста, как правило, придерживаемся стандартных стилей, а не специальных. В браузере стили могут не отображаться, т.к. некоторые браузеры их не поддерживают. Если хотим использовать специальный стиль, выделим текст и выберем команду Font в меню Format. Откроется диалоговое окно настройки шрифтов Font. Перейдем на вкладку Special Styles.

Установив соответствующий флажок, увидим образец выбранного стиля в окне Sample (Образец). Чтобы применить этот стиль, выберем его и затем нажмем кнопку ОК. В приложении доступны следующие специальные стили:

• Citation - курсив, используется для выделения заголовков: разделов, пособий или книг;
• Sample - шрифт пишущей машинки;
• Definition - используется для выделения терминов;
• Blink - делает текст мерцающим;
• Code - моноширинный шрифт, обычно используется для представления кода программ;
• Variable - курсив, может использоваться для выделения (например, имен переменных);
• Bold - полужирный шрифт;
• Italic - простой курсив;
• Keyboard- моноширинный шрифт, используется для ввода текста пользователем.

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

Верхний и нижний индекс

В приложении Frontpage можно вводить символы выше или ниже базовой линии строки. Подобный специальный стиль называют верхним или нижним индексом и используют довольно часто. Эта возможность поддерживают многие браузеры.

Можно установить начертание выделенного фрагмента текста в виде верхнего или нижнего индекса используя вкладку Special Styles диалогового окна Font , выбирая команду Font меню Format. Выбираем Superscript (Верхний индекс) или Subscript (Нижний индекс) в раскрывающемся списке Vertical Position (Вертикальная позиция) и затем отмечаем номер уровня. Номера соответствуют изменению высоты верхнего или нижнего индекса по отношению к основной строке.

Символы

Символы, которые называют иногда спецсимволами, находятся не в основной кодовой таблице ASCII. Во Frontpage можно использовать многие из этих специальных символов. Для этого нужно:

• Установить курсор в месте вставки символа.
• Выбрать пункт Symbol (Символ) в меню Insert (Вставка). Появится диалоговое окно Symbol.
• Выбрать символ и щелкнуть на кнопке Insert. Frontpage вставляет символ на странице, но не закрывает диалогового окна, чтобы, повторением этой процедуры, можно было бы вставить требующееся количество символов.
• Чтобы завершить работу нажимаем Close*(Закрыть).

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

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

Новый абзац

Для создания нового абзаца нажмем клавишу . Появляется новая строчка. По умолчанию новый абзац использует стиль Normal (Обычный). Чтобы установить другой стиль абзаца необходимо:

1. Установить курсор там, где хотим начать другой абзац. При нахождении курсора в конце строки нажмем 1 раз.
2. Выберем новый стиль в раскрывающемся списке Change Style (Изменить стиль).

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