Глава 7
Отделочные работы Как только вы получите конкретные материалы, которые придется размещать на страницах вашего сайта, вы сразу же почувствуете, что вам придется серьезно потрудиться. Ведь для того, чтобы страницы приобрели "товарный вид", текст, размещенный на них, не должен быть однообразным и скучным (например, абзацы "по ниточке", шрифт одинакового размера и цвета и т. д.). Все эти параметры оформления страницы вы сможете легко видоизменить при помощи Редактора Frontpage. Путешествуя по просторам Internet, вы наверняка заметили, что на многих страницах текст набран простым черным шрифтом и образует одинаковые утомительные абзацы. И хотя сейчас наблюдается явная тенденция к улучшению внешнего вида сайтов, мы все еще далеки от того времени, когда все страницы во Всемирной Паутине будут радовать глаз. Однако при помощи Frontpage вы сможете наконец оформить свои документы так, чтобы они действительно выделялись на общем фоне. Вы сможете привлечь внимание публики только в том случае, если ваши страницы будут выглядеть ярко и живо. С интеграцией Frontpage и Microsoft Office у вас появляется намного больше свободы в оформлении Web-страниц, чем было в предыдущих версиях Frontpage. Многие функции форматирования представлены на панели инструментов форматирования (Format toolbar), которую можно показывать и убирать при помощи опций меню View. Шрифты Редактор Frontpage предоставляет множество возможностей вариации гарнитуры символов текста, их цвета и размера. Вы сможете менять большинство параметров оформления, используя кнопки на панели инструментов, причем абсолютно все опции включены также и в различные меню. В следующем разделе представлен пример для начинающих, в котором описаны возможности форматирования символов. Размер Frontpage в соответствии с правилами языка HTML исчисляет размер шрифта в уровнях, в отличие от более привычных нам пунктов. При этом наименьшему уровню соответствует наименьший размер; например, первому уровню соответствует текст с размером кегля 8 пт, второму уровню — 10 пт. и т. д. Сначала это может показаться вам несколько запутанным, но вы быстро освоитесь. Кроме того, вы можете устанавливать произвольные размеры шрифта, а также изменять другие атрибуты шрифта и абзаца с помощью таблиц стилей. (Для получения дополнительной информации о таблицах стилей читайте раздел "Таблицы стилей" в главе 10.) Изменение размера шрифта Есть два способа изменения размера символов вашего текста: - Выделите участок текста, который вы хотите изменить. Это может быть одно слово, строчка, абзац или целая страница (чтобы выделить страницу целиком, нажмите <Ctrl>+<A>), затем щелкните на кнопке увеличения (Increase Text Size) или уменьшения (Decrease Text Size) размера шрифта на панели инструментов - Выделив участок текста, вы можете использовать команду Font (Шрифт) в меню Format (Формат) Цвет Удачное цветовое оформление текста может привлечь внимание, но подчеркиваем — удачное. Когда слишком много цветов, текст становится перегруженным и неудобочитаемым. Наиболее подходящий способ использования цвета — выделить цветом первые слова важных абзацев. Такое оформление текста поможет структурировать страницу, ведь посетители всегда обращают внимание на что-то необычное, но такой прием эффективен только в том случае, если им не злоупотреблять. Изменение цвета текста Для оформления текста вы можете использовать набор из 48 стандартных цветов, предлагаемый Frontpage, или комбинировать цвета по собственному вкусу. Для изменения цвета выделите нужный участок текста и нажмите кнопку Text Color (Цвет текста) на панели инструментов. В появившемся диалоговом окне Color (Цвет) выберите цвет из стандартного набора, нажмите кнопку ОК. Если вы хотите использовать дополнительные цвета, нажмите кнопку Define Custom Colors (Определить цвет), определите ваш цвет и затем щелкните мышью на кнопке Add To Custom Colors (Добавить в набор). Создавая комбинированный цвет, помните, что для коррекции цвета можно использовать указатель (ползунок) с правой стороны окна. Советуем при создании сайта придерживаться "безопасной" 216-цветной палитры. Для дополнительной информации о цветовой палитре читайте главу 8. Тип шрифта Имея в своем распоряжении широкий спектр шрифтов, вы сможете легко оформить вашу страницу именно так, как вы хотите. Однако несмотря на большое количество различных возможностей, старайтесь быть последовательным и логичным. Не используйте в пределах одного сайта чересчур много различных шрифтов и стилей, т. к. текст, от которого рябит в глазах, не хочется читать. Помните, что шрифт, который используете вы, должен быть установлен и на компьютере пользователя. Если вы выберете шрифт, которого нет в пользовательской системе, браузер автоматически будет использовать другой шрифт, скорее всего, Times New Roman. Если вы все же хотите использовать какой-нибудь специфический шрифт, то в этом случае предпочтительней делать надписи в виде графического изображения. Image Composer— весьма подходящая программа для подобных целей. Смена шрифта Frontpage не ограничивает вас в выборе шрифта. Если когда-либо вы использовали Font (Шрифт) в Microsoft Word, то у вас не будет проблем с использованием этой функции в редакторе Frontpage. Для изменения шрифта выделите текст, который вы хотите изменить, и выберите нужный шрифт из раскрывающегося списка. Начертание символов Варьируя начертание шрифта, вы сможете выделять наиболее важные слова, фразы или даже целые абзацы из остального текста. Используя этот прием, старайтесь быть объективными, принимайте во внимание будущую аудиторию вашей страницы. Например, позаботьтесь о тех посетителях вашего сайта, у которых плохое зрение. Может быть, кому-то будет неприятно читать абзац, целиком набранный курсивом. Изменение начертания Вы можете легко изменить начертание шрифта (на полужирный, курсив или подчеркнутый), нажав всего одну кнопку на панели инструментов. Эти кнопки специально вынесены на панель инструментов Format. Для этого выделите текст, который вы хотите изменить, а затем нажмите на одну из этих кнопок. Специальные стили Редактор предоставляет несколько дополнительных стилей, т. н. специальные стили. Frontpage их поддерживает, потому что страницы, которые вы открываете, могут содержать специальные стили. Когда вы создаете новый текст, старайтесь использовать стандартные стили, а не специальные. В браузере стили могут не отображаться, т. к. некоторые браузеры их не поддерживают. Если вы хотите использовать специальный стиль, выделите текст и выберите пункт Font в меню Format. Вы увидите диалоговое окно настройки шрифтов Font. Перейдите на вкладку Special Styles, которая показана на рис. 7.1.
Установив соответствующий флажок, вы увидите образец выбранного стиля в окне Sample (Образец). Чтобы применить специальный стиль, выберите его и затем нажмите кнопку ОК. Вам доступны следующие специальные стили: - Citation. Курсив, который может быть использован
для вьвделения заголовков: разделов, пособий или книг Вы можете использовать несколько стилей одновременно. Например, выбрав Italic и Keyboard, вы получите курсивное начертание стиля Keyboard. Нажав кнопку Style на вкладке Special Styles диалогового окна Font, вы сможете создать и модифицировать собственную таблицу стилей. Для дополнительной информации о таблицах стилей смотрите раздел "Таблицы стилей" далее в этой главе. Верхний и нижний индекс Frontpage дает возможность ввести один или несколько символов выше или ниже базовой линии строки. Такой специальный стиль называется верхний или нижний индекс и используется весьма часто (например, при написании математических формул). Такая возможность поддерживается и большинством браузеров. Вы можете установить начертание выделенного фрагмента текста в виде верхнего или нижнего индекса на вкладке Special Styles диалогового окна Font, показанной на рис. 7.1. Выберите пункт Font в меню Format. Выберите Superscript (Верхний индекс) или Subscript (Нижний индекс) в раскрывающемся списке Vertical Position (Вертикальная позиция) и затем отметьте номер уровня. Номера соответствуют изменению высоты верхнего или нижнего индекса по отношению к основной строке, а не их размера. Например, отметив Уровень 1 нижнего индекса, вы установите индекс чуть ниже основной строки. Уровень 2 устанавливает нижний индекс еще ниже, чем Уровень 1 и т. д. Символы Символы, также иногда называемые спецсимволами, находятся вне основной кодовой таблицы ASCII. Вы спросите, почему? Все вы знаете, что базовая таблица ASCII — наиболее широко распространенная в мире система кодирования символов. Но она не включает в себя многие важные символы: специфические буквы многих европейских языков, знак авторского права, знак торговой марки и др. Во Frontpage вы можете использовать многие из этих специальных символов. Вот как это сделать: 1. Установите курсор там, где вы хотите вставить символ. 2. Выберите пункт Symbol (Символ) в меню Insert (Вставка). Затем появится диалоговое окно Symbol, изображенное на рис. 7.2.
3. Выберите символ и щелкните на кнопке Insert. Frontpage вставит символ на страницу, но не закроет диалоговое окно, чтобы, повторяя эту процедуру, вы смогли вставить нужное количество символов. 4. Для завершения работы нажмите Close (Закрыть). Форматирование абзацев Форматируя абзацы, вы сможете применять такие функции, как выравнивание, оформление абзаца при помощи различных стилей из обширного списка, предлагаемого Редактором Frontpage, и др. Далее описываются многие функции, с которыми вам, возможно, стоит познакомиться поближе, т. к. их использование поможет добавить к вашим страницам несколько привлекательных штрихов. Новый абзац Начнем с самого простейшего. Для создания нового абзаца нажмите клавишу <Enter>. Появится новая строчка. По умолчанию новый абзац будет использовать стиль Normal (Обычный). Для установки иного стиля абзаца сделайте следующее: 1. Установите курсор там, где вы хотите начать следующий абзац. Если курсор находится в конце строки, то нажмите <Enter> один раз. 2. Выберите новый стиль в раскрывающемся списке Change Style (Изменить стиль). Если вы вставите новый абзац в уже существующий, то Редактор разобьет исходный абзац на две части и вставит новый между ними, сохранив стили для обеих частей. Например, вставив абзац стиля Formatted (Форматированный) в текст со стилем Normal, вы получите текст, начало которого отформатировано стилем Normal, дальше идет абзац Formatted и оставшаяся часть текста опять использует стиль Normal. Изменение стиля абзаца Предположим, что вы хотите сменить стиль абзаца с Normal на Heading 3 (Заголовок 3). Есть несколько способов это сделать. Сначала отметьте абзац, стиль которого вы хотите изменить, или просто установите курсор где-нибудь в его пределах. Затем выберите один из трех способов: - В раскрывающемся меню Change Style (Изменить стиль) выберите стиль нового абзаца - Выберите пункт Paragraph (Абзац) в меню Format (Формат). Выберите новый стиль в диалоговом окне Paragraph Properties (Свойства абзаца) и нажмите кнопку ОК - Щелкните правой кнопкой мыши в пределах абзаца и выберите пункт Paragraph Properties из контекстного меню, затем выберите стиль и щелкните по кнопке ОК. Отступ Чтобы у абзацев был одинаковый отступ, выравнивайте их в Редакторе. Для выравнивания абзаца установите курсор где-нибудь в его пределах и нажмите кнопку Increase Indent (Увеличить отступ) на панели инструментов. Чтобы уменьшить отступ, используйте кнопку Decrease Indent (Уменьшить отступ). Выключка абзаца Вы можете выровнять абзац по левой или правой границе и отцентровать, нажав на панели инструментов клавиши Align Left (Выключка влево), Align Right (Выключка вправо) или Center (Выключка по центру) соответственно. Эти кнопки могут использоваться как для позиционирования абзаца на странице, так и для размещения текста в ячейке таблицы. После выравнивания по левой границе вы получите текст с рваными краями справа, после выравнивания по правой границе — слева, а при центрировании рваными получаются оба края. Если вы изменяете стиль абзаца в диалоговом окне Paragraph Properties, то вы тут же можете изменить и выключку абзаца. Оформление списков Frontpage предоставляет обширный выбор возможностей
изменения стиля для списков, включающий несколько вариантов маркировки, а
также автоматическую нумерацию строк в списке. В главе 6 вы пункт за
пунктом изучили, каким образом можно создать список. Превращение сплошного текста в список Предположим, что у вас есть на странице несколько строк, которые вы хотели бы превратить в список. Вы можете просто выделить все элементы текста и выбрать в меню Format позицию Bullets and Numbering (Маркеры и Нумерация). Вы увидите диалоговое окно настроек маркировки и нумерации, которое показано на рис. 7.3. Диалоговое окно Bullets and Numbering имеет три
вкладки. При помощи первой вкладки вы сможете определить вид маркера.
Frontpage по умолчанию предложит вам применить маркировку, принадлежащую к
той декорации, которую вы используете для данной страницы. Однако вы
можете использовать и иное изображение, указав его при помощи кнопки
Browse. Как вы понимаете, для того, чтобы список выглядел
привлекательно, маркер должен иметь небольшие размеры. Изменение стиля всего списка Для изменения стиля списка установите курсор в пределах списка и нажмите правую клавишу мыши. Затем выберите позицию List Properties (Свойства списка) в контекстном меню. Вы увидите диалоговое окно List Properties, очень похожее на диалоговое окно Bullets and Numbering, за исключением того, что в нем присутствует дополнительная вкладка Other (Прочее). В ней вы можете выбрать такие возможности, как маркировка списка при помощи графических изображений, список-меню, список-указатель (рис. 7.4). Выбрав стиль, нажмите кнопку ОК, и Frontpage сразу же применит указанный стиль к списку.
|
Рис. 7.2. Диалоговое окно
Symbol 
Главная