Отделочные работы

Отделочные работы

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

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

С интеграцией Frontpage и Microsoft Office у вас появляется намного больше свободы в оформлении Web-страниц, чем было в предыдущих версиях Frontpage. Многие функции форматирования представлены на панели инструментов форматирования (Format toolbar), которую можно показывать и убирать при помощи опций меню View.

Отступ

Отступ

Чтобы у абзацев был одинаковый отступ, выравнивайте их в Редакторе. Для выравнивания абзаца установите курсор где-нибудь в его пределах и нажмите кнопку Increase Indent (Увеличить отступ) на панели инструментов. Чтобы уменьшить отступ, используйте кнопку Decrease Indent (Уменьшить отступ).

Панели навигации

Панели навигации

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

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

1. Создайте в Проводнике карту навигации, как показано на Рисунок 7.10.

2. Определите, как будет выглядеть панель навигации, используя диалоговое окно Navigation Bar Properties (Свойства панели навигации), показанное на Рисунок 7.11. Мы указали, что панель навигации должна отображать верхний уровень (переключатель в положении Top level), причем она должна включать домашнюю страницу (отмечен флажок Home Page) и располагаться на странице горизонтально (переключатель Horizontal) в текстовом виде (переключатель Text).

Переход по ссылке

Переход по ссылке

Благодаря команде Follow Hyperiink Редактор можно использовать как ми-ни-браузер. Чтобы увидеть страницу, файл или закладку, на которую ведет ссылка, отметьте эту ссылку и выберите в меню fio команду Follow Hyperiink.

Если ссылка ведет на другую страницу, Редактор откроет ее (если она еще не открыта). Если ссылка указывает на файл, например, на документ Microsoft Excel, Редактор запустит приложение, соответствующее расширению файла и отобразит файл в его естественной среде.

Переход по ссылке

Переход по ссылке

Если ссылка ведет на другую страницу. Редактор откроет ее (если она еще не открыта). Если ссылка указывает на файл, например, на документ Microsoft Excel, Редактор запустит приложение, соответствующее расширению файла и отобразит файл в его естественной среде.

Перелистывание страниц

Перелистывание страниц

Для перехода от одной открытой в Редакторе страницы к другой используйте кнопки панели инструментов Back и Forward. Список открытых страниц вы можете найти в нижней части меню Window; страницы перечислены в нем в порядке открытия. Разумеется, перейти на другую страницу можно и через это меню. Этой же цели служат команды Back и Forward меню Go.

Перетаскивание ссылок из Проводника

Перетаскивание ссылок из Проводника

Еще одна приятная особенность Frontpage: если у вас одновременно открыты Проводник и Редактор, то вы можете создать текстовую ссылку, просто перетаскивая страницы из Проводника на то место документа в Редакторе, откуда должна идти ссылка. Вот как это делается:

1. Убедитесь, что Редактор и Проводник открыты, что целевая страница ссылки, которую вы хотите создать, доступна в Проводнике, а страница, с которой вы хотите проставить ссылку, открыта в Редакторе. В Проводнике может быть установлен режим просмотра папок или схемы гиперссылок, а целевым объектом ссылки может быть не только страница, но и вообще любой доступный файл, как, например, документ Microsoft Office.

2. Щелкните мышью на значке файла, который будет являться целью ссылки, и перетащите его на страницу, открытую в Редакторе. Если на экране не хватает места, чтобы держать открытыми одновременно все нужные окна, то можно перетащить значок на кнопку Редактора в панели задач Windows и мгновение подождать (не отпуская при этом левую кнопку мыши), пока Редактор не активизируется на экране. Затем завершите операцию, перетащив значок на страницу. Курсор изменит свой вид на обозначение ярлыка Windows. Разместите его точно над тем местом на странице, где должна располагаться ссылка, и отпустите кнопку мыши. В этом месте появится название целевого файла (страницы) и с него будет автоматически проставлена ссылка. Как и в случае ручной простановки ссылок, в дальнейшем вы сможете отредактировать гиперссылку обычным способом.

Подсказка

Подсказка

Чтобы быстро проследовать по гиперссылке, нажмите на клавиатуре клавишу <Ctrl> и щелкните на ссылке, либо щелкните на ссылке правой кнопкой мыши и выберите в контекстном меню опцию Follow Hyperlink.

Подсказка

Подсказка

Для быстрого запуска спеллера в Проводнике нажмите на панели инструментов кнопку Cross File Spelling.

Результаты проверки вы увидите в диалоговом окне Check Spelling. В нем будет представлена подробная информация о страницах, содержащих нераспознанные слова, а также о количестве неизвестных слов на каждой из страниц. Если вы захотите немедленно исправить ошибки, нажмите кнопку Edit Bage. Выбранная страница будет загружена в Редактор, а ошибочное слово появится в диалоговом окне Spelling для дальнейшей корректировки. Если вы решите исправить ошибки позже или доверить эту почетную миссию более грамотному коллеге, добавьте новое задание в Перечень заданий, нажав кнопку Add Task. Завершив работу в диалоговом окне Check Spelling, нажмите кнопку Close.

Подвижные кнопки

Подвижные кнопки

Вы когда-нибудь интересовались, как устроены такие симпатичные кнопочки на некоторых Web-страницах, которые можно нажимать и при этом они меняют цвет, когда вы проводите над ними курсор мыши? Конечно, чтобы самому сконструировать такую кнопку, нужно кое-что смыслить в программировании и графическом дизайне. Однако вы уже знаете, что с помощью Frontpage вы можете позволить себе такое, о чем раньше и подумать не могли; и снова Frontpage не подведет вас: воспользуйтесь опцией Hover Button (Подвижная кнопка)

Чтобы создать полноценную подвижную кнопку, реагирующую на движения мыши и снабженную собственной гиперссылкой, вам понадобится только сделать несколько несложных установок Для начала выберите в меню Insert команду Active Elements и затем Hover Button в появившемся меню В это окно можно попасть и другим путем: щелкнув правой кнопкой мыши на существующей подвижной кнопке и выбрав в контекстном меню Java Applet Properties (Свойства Java-апплета), или двойным щелчком на существующей кнопке, или выделив подвижную кнопку, нажать комбинацию клавиш <Alt>+<Enter>. Любое из этих действий приведет к открытию диалогового окна Hover Button, показанного на рис 7.20.

Поиск

Поиск

С помощью поисковой формы (Search form) вы легко можете добавить на свою страницу механизм поиска. Это средство будет обсуждаться в главе 9

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

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

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

Поиск и замена слов на текущей странице

Поиск и замена слов на текущей странице

В Редакторе, в отличие от Word, отсутствует возможность открыть диалоговое окно Replace (Замена) при нахождении искомого текста по команде Find (Поиск). Если вам необходимо заменить найденный текст другим, вам придется воспользоваться командой Replace.

Команда Find служит для поиска вхождений текста в активной странице. Чтобы запустить поиск, выберите в меню Edit опцию find или нажмите комбинацию клавиш <Ctrl>+<F>; при этом откроется диалоговое окно Find.

Введите искомый фрагмент текста. Если вы хотите производить поиск только по целым словам, установите флажок Match Whole Word Only (Только слово целиком). Например, если ваша страница сплошь заполнена словом караул и флажок Match Whole Word Only установлен, то поиск на этой странице слога ау не принесет никаких результатов, а если он сброшен, то слог ау будет благополучно найден в каждом слове.

Если поиск должен происходить с учетом регистра букв, установите флажок Match Case (Учитывать регистр). Чтобы задать направление поиска от текущего местоположения курсора, установите в соответствующее положение (Up или Down) переключатель Direction (Направление). Найдя вхождение искомого текста, нажмите кнопку Find Next для продолжения поиска или Cancel для прекращения поиска и закрытия диалогового окна.

Чтобы заменить один фрагмент текста на другой, используйте команду Replace из меню Edit или нажмите комбинацию клавиш <Ctrl>+<H>; на экране появится диалоговое окно Replace, представленное на Рисунок 7.37.

Поиск и замена слов по всему сайту

Поиск и замена слов по всему сайту

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

Для поиска вхождении слова што на страницах своего сайта воспользуйтесь командой Find: выберите в меню Tools опцию Find или нажмите комбинацию клавиш <Ctrl>+<F>; перед вами появится диалоговое окно Find in Frontpage Web (Поиск в сайте Frontpage), представленное на Рисунок 7.38.

Поиск нужной закладки

Поиск нужной закладки

Предположим, на текущей странице много закладок, и вы, будучи в диалоговом окне Bookmark, пытаетесь отыскать местоположение в тексте одной из них. Для того чтобы быстро найти участок текста, соответствующий закладке, выделите закладку в списке и нажмите кнопку Goto (Переход). Нужный участок текста с выделенной закладкой автоматически отобразится на экране. Это простая альтернатива ручной прокрутке страницы в поисках нужной закладки.

Так как для каждого общего

Предупреждение

Так как для каждого общего поля создается новая страница, не рекомендуется использовать их на страницах фреймов.
Чтобы встроить в страницу общие поля, выберите те поля, которые необходимо включить и нажмите кнопку ОК. Общими можно сделать поля вверху, внизу, с левой или с правой стороны страницы. На Рисунок 7.17 представлена страница в Редакторе с общим нижним полем. Если поле пока еще пусто, Frontpage заполнит его пояснительным комментарием. Вы можете вставить любой текст или изображение на участок, который будет отображен на всех страницах вашего сайта, использующих данную возможность. Граница вокруг общего поля не будет показываться в браузере.

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

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

Будем считать, что вы работаете над своим сайтом off-line, без подключения к серверу: например, вы лежите на пляже и поблизости нет ни одного телефона, но у вас есть ноутбук. Конечно, в такой ситуации уместнее было бы заняться другими делами, но речь не об этом. Время от времени вам хочется посмотреть, как ваша страница будет выглядеть в реальности, но как вам быть, без телефона, без малейшей возможности переслать страницу на сервер? Элементарно: переключитесь в режим предварительного просмотра (Preview view); для этого надо просто перейти в Редакторе на вкладку Preview (Рисунок 7.31)

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

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

Хотите верьте, хотите нет, но достаточно много людей используют другие браузеры помимо Internet Explorer и Netscape Navigator. Если ваш сайт будет доступен по всему миру, то вам следует протестировать его на максимально возможном числе браузеров. Следовательно, вам может понадобиться установить на свой компьютер целый ряд браузеров, чтобы рассматривать свой сайт в каждом из них. Помимо этого, имеет смысл тестировать сайт на различных версиях одних и тех же браузеров.

В любой момент вы сможете оценить реальное состояние вашего сайта и вид, в котором он предстанет пред глазами толп жаждущих зрелищ посетителей. Когда вы выберете в меню File команду Preview in Browser (Предварительный просмотр в браузере). Frontpage загрузит текущую страницу в один из установленных Web-браузеров по вашему усмотрению. По этой команде откроется диалоговое окно Preview in Browser (Рисунок 7.32).

Прекращение операции

Прекращение операции

Чтобы прервать операцию в Редакторе, нажмите на панели инструментов кнопку Stop (если она доступна). Это команда может быть полезна для прекращения процедур, которые слишком долго тянутся или, возможно, вообще зависли, как, например, установление связи между Редактором и Web-сервером.

Превращение сплошного текста в список

Превращение сплошного текста в список

Предположим, что у вас есть на странице несколько строк, которые вы хотели бы превратить в список. Вы можете просто выделить все элементы текста и выбрать в меню Format позицию Bullets and Numbering (Маркеры и Нумерация). Вы увидите диалоговое окно настроек маркировки и нумерации, которое показано на Рисунок 7.3.

Неподвижный фон поддерживается не всеми

Примечание

Неподвижный фон поддерживается не всеми браузерами.
- Background (Цвет фона). Если вы не используете фоновых рисунков, то имейте в виду возможность изменения цвета фона страницы; чтобы задать цвет фона, отличный от установленного по умолчанию, выберите нужный цвет в раскрывающемся списке Background. Выбирая цвет фона, удостоверьтесь, что текст и изображения будут хорошо на нем смотреться
- Text (Цвет текста по умолчанию). Чтобы задать цвет, в который по умолчанию будет окрашен текст на вашей странице, воспользуйтесь раскрывающимся списком Text. Стандартным является черный цвет (Black), однако не бойтесь экспериментировать с любыми цветами, которые будут хорошо восприниматься на выбранном вами фоне. Явные установки цвета текста, сделанные в Редакторе при форматировании, имеют преимущество перед цветом, установленным по умолчанию
- Hyperlink (Цвет гиперссылки). В этом списке выберите цвет, которым будут выделены на странице все еще не посещенные гиперссылки
- Visited Hyperlink (Цвет посещенных гиперссылок). После перехода по гиперссылке она изменит свой цвет на заданный этим параметром; более того, все ссылки с тем же самым адресом назначения на всех страницах сайта также изменят свой цвет. Чтобы задать цвет посещенных ссылок, выберите его в раскрывающемся списке Visited Hyperlink
По умолчанию обычным цветом ссылок является синий (Blue), а для посещенных ссылок установлен фиолетовый (Purple). Иногда полезно поменять оба этих цвета, чтобы все видели, сколько внимания вы уделяете даже таким мелочам
- Active Hyperlink (Цвет активной гиперссылки). Активной гиперссылка становится при нажатии на нее; чтобы выбрать цвет, в который будут окрашены активные ссылки, воспользуйтесь списком Active Hyperlink
В разделе Get Background and Colors from Page (Взять установки фона и цвета со страницы) на вкладке Background вы можете указать, что на данной странице следует использовать такой же набор вышеперечисленных параметров (цвет фона, рисунок, цвета текста и ссылок), как на некоторой другой странице. Установите переключатель на эту опцию и выберите подходящую страницу текущего сайта, нажав кнопку Browse. Если у вас уже есть нужным образом оформленная страница, то вы сэкономите время на повторной установке тех же самых значений для текущей страницы.

и тот же пользовательский словарь

Примечание

Frontpage использует один и тот же пользовательский словарь совместно с Office, так что любые новые слова, добавленные в него при работе с приложениями Office будут доступны и во Frontpage, и наоборот.
- Suggest (Варианты). Когда эта кнопка доступна, нажав на нее, вы получите список вариантов замены сомнительного слова
- Cancel (Отмена). Если нажать эту кнопку, диалоговое окно будет закрыто и проверка орфографии прекращена. Изменения, внесенные в страницу и пользовательский словарь, будут сохранены
Спеллер Frontpage не проверяет орфографию в файлах, включенных в страницу при помощи компонента включения (Include component). Чтобы проверить такие файлы, их необходимо открывать отдельно. Подробнее о Компонентах Frontpage вы узнаете в главе 9.

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

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

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

Подсказка

Для быстрого запуска спеллера в Редакторе нажмите на панели инструментов кнопку Check Spelling.

Проверка орфографии на открытой странице

Проверка орфографии на открытой странице

Вот как выглядит процедура проверки орфографии на странице, открытой в Редакторе:

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

2. Выберите в меню Tools команду Spelling или нажмите клавишу <F7>. Спеллер начнет проверку с самого верха страницы или с начала выделенного фрагмента. Если он не встретит ни одного незнакомого слова, будет выведено окно с информацией о том, что проверка орфографии завершена.

3. Если спеллер найдет слова, которые не сможет распознать, вы увидите диалоговое окно Spelling, показанное на Рисунок 7.34.

Расширенные возможности

Расширенные возможности

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

Размер

Размер

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

Разрыв строки

Разрыв строки

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

Редактирование ссылки

Редактирование ссылки

Чтобы изменить существующую ссылку, выделите ее и выберите в меню Edit пункт Hyperlink или Hyperlink Properties. Также вы можете щелкнуть по ссылке правой кнопкой мыши и выбрать пункт Hyperlink Properties из контекстного меню. В появившемся диалоговом окне Edit Hyperlink Properties

(Редактирование гиперссылки) вы можете изменить любой из необходимых параметров. За более полной информацией обратитесь к разделу "Создание гиперссылок" данной главы.

Режим просмотра Preview

Рисунок 7.31. Режим просмотра Preview

Наверное, вы спрашиваете себя: но если я не сохранил файл на сервере, на что же я в действительности смотрю? Все правильно, когда Frontpage редактирует файл, то на самом деле редактируется его локальная копия, расположенная на вашем компьютере. Файл записывается локально до тех пор, пока вы реально не отправите его на ваш сервер Internet. To, что вы видите в Редакторе в режиме предварительного просмотра, — это в действительности локальный файл, представленный таким образом, как если бы он находился на сервере. Поскольку на самом деле вы к серверу не подключены, то некоторые активные элементы на ваших страницах могут не работать. Вкладка Preview очень удобна для просмотра сайта при отсутствии соединения с Internet, но чтобы увидеть сайт в реальных условиях, в особенности для тестирования, его необходимо смотреть в браузере, подключенном к Internet.

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

Режимы просмотра в Редакторе

Режимы просмотра в Редакторе

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

Счетчик визитов

Счетчик визитов

Счетчик визитов (Hit counter) позволяет оценить количество посетителей вашей страницы. Счетчик визитов — не та вещь, которую стоит вставлять в каждую страницу, и чаще всего счетчики располагаются на заглавных страницах сайтов, как правило, в нижней части. Чтобы оснастить страницу подобным счетчиком, выберите в меню Insert пункт Active Elements и далее в появившемся меню опцию Hit Counter. Откроется диалоговое окно Hit Counter Properties (Свойства счетчика визитов), показанное на Рисунок 7 24.

Шрифты

Шрифты

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

Символы

Символы

Символы, также иногда называемые спецсимволами, находятся вне основной кодовой таблицы ASCII. Вы спросите, почему? Все вы знаете, что базовая таблица ASCII — наиболее широко распространенная в мире система кодирования символов. Но она не включает в себя многие важные символы:

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

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

2. Выберите пункт Symbol (Символ) в меню Insert (Вставка). Затем появится диалоговое окно Symbol, изображенное на Рисунок 7.2.

Смена шрифта

Смена шрифта

Frontpage не ограничивает вас в выборе шрифта. Если когда-либо вы использовали Font (Шрифт) в Microsoft Word, то у вас не будет проблем с использованием этой функции в редакторе Frontpage.

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

Совет

(Совет)

Вы, конечно, можете использовать в качестве линии собственный графический элемент. Выбрав в меню Insert пункты image (Изображение) или Clipart, вы можете указать изображение, которое хотите использовать. Так как эти линии фактически являются изображениями, а не стандартными линиями, предусмотренными в языке HTML, то, соответственно, и их свойства задаются по-другому; для редактирования их свойств предназначено диалоговое окно Image Properties вместо окна Horizontal Line Properties. За дополнительной информацией обращайтесь к главе 8.

В секции Width (Длина) вы можете указать длину линии в пикселах или в процентах от ширины окна в браузере. Затем в секции Height (Высота) введите толщину линии. В секции Alignment (Выключка) вы можете позиционировать линию по левому или правому краю или по центру, устанавливая переключатель соответственно в положение Left, Bight или Center. Из раскрывающегося списка Color (Цвет) вы сможете выбрать для линии подходящий цвет. Если значение цвета задано как Default (Цвет по умолчанию), то вы также сможете указать, нужно ли для данной линии использовать затенение, установив флажок Solid Line (Сплошная линия). Если флажок установлен, то линия отображается цветом, установленным по умолчанию (обычно серым), а если линия использует затенение, то цвет по умолчанию оттенен цветом подложки страницы.

Совет

(Совет)

Чтобы бегущая строка легко читалась, предоставьте ей побольше свободы: отведите ей поле достаточной высоты и расположите посередине поля (секция Align with Text, параметр Middle).

8. В секции Repeat задайте число "пробегов" строки или, если вы хотите, чтобы строка бежала постоянно, без конца, установите флажок Continuously (Непрерывно).

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

10. Произведя все необходимые установки, нажмите кнопку ОК и выйдите из диалогового окна Marquee Properties.

Команда Get Background and Colors

Совет

Команда Get Background and Colors from Page является замечательным средством для создания "стилевых страниц". Если, например, вы вносите изменения в подкладку и набор цветов стилевой страницы, то эти изменения будут отражены на всех использующих ее страницах.
Чтобы задать верхнее и/или левое поля страницы, перейдите на вкладку Margins, установите соответствующий флажок и введите в текстовом поле нужное значение (в пикселах). Если вы захотите прижать текст или изображение к самому краю окна браузера, установите значения полей равными нулю.
На вкладке Custom (Специальная информация) вы увидите список используемых на вашей странице метапеременных (meta tags), которые находятся в коде HTML страницы и содержат информацию о странице, такую как тип содержимого, набор символов, название приложения, сгенерировавшего код и т. п. Они никогда ни в каком виде не отображаются, но для тех браузеров, которые способны их распознать, они несут полезную информацию. На этой вкладке можно добавлять, удалять и редактировать системные и пользовательские метапеременные.
Последняя вкладка диалогового окна Page Properties предназначена для задания кодировки символов страниц HTML; эта операция необходима при создании Web-страниц на языках, отличных от английского.

в нем то место, которое

Совет

Если вы заблудились в коде своей страницы и не можете найти в нем то место, которое хотите отредактировать, примените маленький трюк' в обычном режиме (Normal view) установите курсор на место, подлежащее редактированию, и перейдите в режим HTML view. Вкладка HTML откроется там, где нужно, и курсор будет установлен в месте, точно соответствующем положению курсора на странице в обычном режиме.

Чтобы быстро отменить операцию, нажмите

Совет

Чтобы быстро отменить операцию, нажмите <Ctn>+<Z>, а чтобы быстро вернуть ее обратно, нажмите <Ctrl>+<Y>.

Чтобы быстро отменить операцию, нажмите

Совет

Чтобы быстро отменить операцию, нажмите <Ctrl>+<Z>, а чтобы быстро вернуть ее обратно, нажмите <Ctrt>+<Y>.

Создание ссылки на страницу или закладку

Создание ссылки на страницу или закладку

Для того чтобы установить ссылку, вьщелите участок текста или изображение, с которого будет осуществляться переход, и нажмите комбинацию клавиш <Ctrl>+<K> или выберите пункт Hyperlink (Гиперссылка) из меню Edit. Вы увидите диалоговое окно Create Hyperlink (Создание гиперссылки), показанное на Рисунок 7.8.

Создание ссылок на страницы сайтов в Internet

Создание ссылок на страницы сайтов в Internet

Благодаря Frontpage вам не понадобится вручную набирать адреса страниц в Internet, если вдруг вы захотите проставить на них ссылку из своего документа. Вы сможете легко создавать подобные ссылки двумя способами:

- Расположите курсор на том месте вашей страницы, в котором вы хотите проставить ссылку, нажмите на панели инструментов кнопку Create or Edit Hyperlink и перейдите на вкладку World Wide Web

- Открыв какой-либо сайт в браузере Microsoft Internet Explorer или Netscape Navigator, просто щелкните по любой ссылке на странице и, не отпуская кнопку мыши, перетяните ее в Редактор. Frontpage автоматически создаст ссылку на эту страницу

Создание закладки

Создание закладки

Для того чтобы создать закладку, проделайте следующее:

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

2. Выберите Bookmark (Закладка) из меню Edit (Редактирование). Появится диалоговое окно Bookmark (Рисунок 7.7).

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

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

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

Ссылки

Ссылки

Ссылка (она же гиперссылка) — это соединение между двумя точками. Посетители сайта могут, щелкнув по ссылке, "перепрыгнуть" туда, куда она ведет;

место назначения ссылки представляется в виде URL (Uniform Resource Locator, Унифицированный указатель ресурса). Ссылки могут указывать на текст, изображения и другие файлы (например, на документы Microsoft Office), а также на закладки внутри документов. Чтобы узнать, как устанавливаются ссылки с изображений, смотрите главу 8, а о том, как изменять цвет ссылки в тексте, вы сможете причитать в разделе "Свойства страницы" далее в этой главе.

Если у вас есть сайт intranet с включенными в него документами Microsoft Office, то эти документы также могут быть соединены между собой при помощи ссылок. Например, вы может проставить ссылку с документа Microsoft Word на файл Excel. Когда вы щелкаете по такой ссылке, автоматически запускается программа Excel и открывает файл, на который указывает ссылка. Используя Frontpage, вы сможете очень просто связывать между собой HTML-страницы и файлы Office, создавая мощный и динамичный сайт intranet. В данной книге описывается только способ создания ссылок из Frontpage на файлы Office. Для того чтобы узнать, как связывать между собой документы Microsoft Office, обратитесь к документации на конкретное приложение, входящее в состав пакета Office.

Ссылки, создаваемые автоматически

Ссылки, создаваемые автоматически

Некоторые последовательности символов, которыми принято обозначать популярные протоколы Internet, автоматически распознаются Frontpage как части адресов, и на такие последовательности символов, набранные в тексте, ссылки будут проставлены без вашего участия. Например, вам достаточно набрать в тексте www.microsoft.com, и поскольку www — это стандартный префикс адресов в World Wide Web (Всемирной Паутине), Frontpage автоматически интерпретирует такую последовательность как URL и преобразует ее в ссылку вида http://www.microsoft.com. Таким же образом вы сможете создавать ссылки и для других поддерживаемых протоколов, например, ссылки для отправки электронной почты и т. д.

Страница в Редакторе

Рисунок 7.17. Страница в Редакторе

Вставка фонового звука и установка его свойств производится в диалоговом окне Page Properties (Свойства страницы). Остальные опции окна Page Properties детально описаны далее в разделе "Свойства страницы".

Чтобы вставить в страницу звук:

1. Щелкните на странице правой кнопкой мыши и выберите в контекстном меню пункт Page Properties (или найдите Page Properties в меню File);

откроется показанное на Рисунок 7.18 диалоговое окно Page Properties.

Свойства страницы

Свойства страницы

Чтобы установить в Редакторе свойства страницы, выберите команду Page Properties (Свойства страницы) в меню File или в контекстном меню, появляющиеся после щелчка правой кнопкой мыши. В диалоговом окне Page Properties, помимо общей информации, типа названия страницы, устанавливаются такие параметры, как фоновый рисунок и фоновый звук, цвет фона, стандартные цвета текста и гиперссылок, поля страницы, а также некоторые переменные. Для редактирования свойств страница должна быть открыта в Редакторе (как открыть страницу или создать новую, читайте в главе 6). В этом разделе мы подробно разберем каждый из этих параметров и начнем со вкладки General (Общие), показанной на Рисунок 7.27.

Тезаурус

Тезаурус

Это еще не все; теперь мощь Редактора усилена тезаурусом Microsoft Office. Тезаурус не раз пригодится вам в мучительных поисках нужного слова, когда вы всеми силами будете пытаться избежать шестого на протяжении абзаца использования слова "использование".

Чтобы призвать тезаурус на помощь, выделите слово, к которому вы хотите подобрать синоним, и укажите в меню Tools опцию Thesaurus или нажмите комбинацию клавиш <Shift>-KF7>. Вы увидите диалоговое окно Thesaurus, показанное на Рисунок 7.41, с теми же самыми функциями, как и у аналогичного окна приложений Office:

Тип шрифта

Тип шрифта

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

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

Удаление горизонтальной линии

Удаление горизонтальной линии

Чтобы удалить линию, выделите ее и нажмите клавишу <Delete> или <Backspace>.

Удаление панели навигации

Удаление панели навигации

Если вам надо удалить панель навигации со своей страницы, то вы можете сделать это, выделив панель и нажав клавишу <Delete> или выбрав в меню Edit команду Cut. Другой способ — выделив панель и щелкнув по ней правой кнопкой мыши, выбрать пункт Cut из контекстного меню.

Удаление разрыва строк

Удаление разрыва строк

С точкой разрыва можно оперировать как с обычным символом. Чтобы удалить ее, нажмите клавишу <Backspace> или <Delete>.

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

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

Чтобы удалить ссылку, выделите ее и выберите в меню Edit пункт Unlink (Отсоединить). Ссылка будет удалена, причем это никак не повлияет на тот текст или изображение, с которого она была проставлена.

Удаление закладки

Удаление закладки

Чтобы удалить закладку, выделите ее и выберите пункт Bookmark из меню Edit или просто щелкните на закладке правой кнопкой мыши и в контекстном меню укажите пункт Bookmark Properties. В появившемся диалоговом окне Bookmark нажмите кнопку Clear (Очистить). Диалоговое окно после этого закроется, а закладка будет удалена. Данная процедура никак не влияет на текст, она просто удаляет закладку.

Undo/Redo

Undo/Redo

Никто из нас не застрахован от ошибок, особенно в четвертом часу ночи накануне сдачи проекта. Спасти вашу работу может команда Undo (Отменить):

эта команда отменяет ваши последние действия, и всего можно отменить до 30 последних операций. Чтобы воспользоваться этой командой, выберите Undo в меню Edit или нажмите кнопку Undo на панели инструментов.

Чтобы отменить эффект команды Undo, т. е. вернуть последнее действие обратно, выберите в меню Edit команду Bedo (Повторить) или нажмите на панели инструментов кнопку Redo. Повторить можно также до 30 последних действий.

Undo/Redo

Undo/Redo

Чтобы отменить эффект команды Undo, т. е. вернуть последнее действие обратно, выберите в меню Edit команду fiedo (Повторить) или нажмите на панели инструментов кнопку Redo. Повторить можно также до 30 последних действий.

Утилиты и полезные команды

Утилиты и полезные команды

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

В этом же окне можно задать размер

В этом же окне можно задать размер окна браузера, установив в нужное положение переключатель window Size (Размер окна). В этом состоит одно из колоссальных преимуществ предварительного просмотра в браузере: таким образом вы можете тестировать сайт при различных размерах окна. Если вы разрабатывали Web-страницы при разрешении 1024х768, вам непременно следует посмотреть, как они будут выглядеть, например, с нормальным разрешением VGA (640х480). Чтобы различные размеры окна устанавливались правильно, разрешение вашего монитора, разумеется, должно быть не меньше, чем выбранное значение Window Size. После нажатия кнопки Preview текущая страница будет загружена в указанный браузер с заданным размером окна.

В этом же окне можно задать размер

В этом же окне можно задать размер окна браузера, установив в нужное положение переключатель window Size (Размер окна). В этом состоит одно из колоссальных преимуществ предварительного просмотра в браузере: таким образом вы можете тестировать сайт при различных размерах окна. Если вы разрабатывали Web-страницы при разрешении 1024х768, вам непременно следует посмотреть, как они будут выглядеть, например, с нормальным разрешением VGA (640х480). Чтобы различные размеры окна устанавливались правильно, разрешение вашего монитора, разумеется, должно быть не меньше, чем выбранное значение SStadow Size. После нажатия кнопки Preview текущая страница будет загружена в указанный браузер с заданным размером окна.

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

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

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

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

Видео

Видео

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

В правом нижнем углу окна Редактора индицируется время загрузки страницы (в секундах) при скорости 28,8 Кбит/с. При изменении страницы (добавлении в нее видео, звуков, изображений и других элементов) время загрузки пересчитывается

Frontpage поддерживает формат AVI, стандартный формат Windows для видеофайлов. Чтобы включить в свой Web-сайт видеоролик, сначала его следует вставить в страницу, а затем установить параметры воспроизведения.

Установив курсор в то место страниц, где будет расположен видеофрагмент, выберите в меню Insert пункт Active Elements и далее в открывшемся меню опцию Video. На экране появится диалоговое окно Video. В нем стандартным образом выбирается видеофайл, расположенный в текущем открытом сайте, на локальном диске или в Internet. Выберите нужный файл и нажмите кнопку ОК.

На странице появится заставка, представляющая собой первый кадр видеоролика.

Совет

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

После того как видеофайл вставлен, можно приступать к настройке его параметров:

1. Щелкните на заставке видеоролика правой кнопкой мыши и выберите из контекстного меню Image Properties. На экране появится диалоговое окно Image Properties, открытое на вкладке Video (Рисунок 7.26).

Вкладка Auto Thumbnail окна Options

Рисунок 7.14. Вкладка Auto Thumbnail окна Options

Здесь вы можете задать для миниатюр предварительного просмотра размер, измеряемый в пикселах. Вы можете выбирать между высотой (Width), шириной (Height), наименьшим размером (Shortest Side) и наибольшим размером (Longest Side). Frontpage создаст миниатюру, основываясь на этих настройках, размер полученного изображения будет пропорционален размеру оригинала. Например, если вы устанавливаете ширину в 50 пикселов, то миниатюра будет также иметь ширину в 50 пикселов, а вот высота его будет зависеть от размера оригинала.

Также вы можете указать, что изображение должно быть помещено в рамку, и установить толщину этой рамки. Если вы хотите, чтобы изображение было помещено в рамку со скошенными краями (т. е. картинка будет напоминать кнопку), то в этом случае можно включить флажок Beveled Edge (Скошенная рамка).

На вкладке Default Font (Шрифт по умолчанию) вы можете выбрать шрифт, который будет использоваться в случае, если явно не установлен иной вид шрифта. Данная опция никак не затрагивает способ кодирования шрифта в HTML, она просто определяет внешний вид текста в Редакторе.

Вкладка Special Styles окна Font

Рисунок 7.1. Вкладка Special Styles окна Font

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

- Citation. Курсив, который может быть использован для вьвделения заголовков: разделов, пособий или книг

- Sample. Шрифт пишущей машинки - Definition. Используется для выделения терминов

- Blink. Делает текст мерцающим (множество браузеров до сих пор не поддерживают мерцающий текст)

- Code. Моноширинный шрифт, который обычно используется для пред ставления кода программ

- Variable. Курсив, который может использоваться для выделения (например, имен переменных)

- fiold. Полужирный шрифт

- Italic. Простой курсив

- Keyboard. Моноширинный шрифт, который можно использовать, например, для ввода текста пользователем

Вы можете использовать несколько стилей одновременно. Например, выбрав Italic и Keyboard, вы получите курсивное начертание стиля Keyboard. Нажав кнопку Style на вкладке Special Styles диалогового окна Font, вы сможете создать и модифицировать собственную таблицу стилей. Для дополнительной информации о таблицах стилей смотрите раздел "Таблицы стилей" далее в этой главе.

Вперед!

Вперед!

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

Вставка разрыва строки

Вставка разрыва строки

Чтобы вставить разрыв строки, установите курсор там, где должен быть переход на следующую строку, а затем выберите в меню Insert пункт Line Break (Разрыв строки). Появится диалоговое окно Break Properties (Свойства разрыва), изображенное на Рисунок 7.5.

Выключка абзаца

Выключка абзаца

Вы можете выровнять абзац по левой или правой границе и отцентровать, нажав на панели инструментов клавиши Align Left (Выключка влево), Align Right (Выключка вправо) или Center (Выключка по центру) соответственно.

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

Если вы изменяете стиль абзаца в диалоговом окне Paragraph Properties, то вы тут же можете изменить и выключку абзаца.

Закладки

Закладки

Закладка (bookmark или anchor) — это участок текста (или просто один или несколько символов), являющийся точкой перехода по гиперссылке. Использование закладок как целевых точек при простановке ссылок позволит посетителям вашего сайта "перепрыгивать" именно на то место в документе, где стоит закладка, а не в начало страницы, как происходит по умолчанию.

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

Закладки видны в Редакторе как текст, подчеркнутый пунктиром.

Звуки

Звуки

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

Frontpage поддерживает несколько типов звуковых файлов: оцифрованные звуки (файлы с расширением WAV) и MIDI последовательности (файлы MID), а также файлы в формате AIFF (расширения AIF, AIFC, AIFF) и AU (расширения AU, SND).