Ввод и форматирование текста

Для редактирования страницы ее необходимо открыть в режи­ме редактирования — Page.

il l dlv-h->™

Технология процесса создания текста и его форматирования практически ничем не отличается от соответствующих техноло­гий, рассмотренных при изучении текстового редактора Word и редактора PowerPoint.

Если щелкнуть мышью на тексте комментария в центральной области страницы, чтобы выделить его, и нажать клавишу [Delete], комментарий будет удален, а текстовый курсор останется в нача­ле первой строки.

Если установить текстовый курсор на первой строке введенно­го текста и выбрать в открывшемся списке Style (Стиль) на пане­ли инструментов Formatting (Форматирование) команду Heading 2 (Заголовок 2), строка будет отформатирована данным стилем.

Выбранный стиль применяется целиком к текущему абзацу. В формате HTML абзац выделяется специальными тегами. В редак­торе FrontPage ввод абзаца завершается нажатием клавиши [Enter].

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

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

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

Чтобы привлечь внимание к какому-либо фрагменту текста на странице, можно применить эффект бегущей строки, для чего сле­дует: выделить соответствующий текст и выбрать команду Insert * Component * Marquee (Вставка * Компонент * Бегущая сторка). В результате на экране появится диалоговое окно для задания па­раметров бегущей строки текста (рис. 19.17):

• в поле ввода Text (Текст) находится выделенный фрагмент текста, который будет выводиться как бегущая строка;

• переключатель Direction (Направление) обеспечивает выбор направления движения строки: справа налево (Left) или слева направо (Right);

• группа элементов управления Speed (Скорость) позволяет ре­гулировать задержку между последовательными сдвигами текста (Delay) и размер сдвига в пикселах (Amount);

• группа элементов управления Behavior (Поведение) служит для задания режима перемещения текста. Переключатель Scroll (Прокрутка) обеспечивает периодический пробег текста по экра­ну, как на информационном табло, переключатель Slide (Сколь-

жение) — перемещение текста до противоположной границы эк­рана и его остановку, а переключатель Alternate (Чередование) — перемещение текста внутри области бегущей строки;

• группа элементов управления Size (Размер) служит для зада­ния ширины (Width) и высоты (Height) прямоугольной области бегущей строки (если соответствующие флажки отключены, эти величины определяются размером текста);

• переключатель Align with text (Выровнять по тексту) служит для установки способа выравнивания бегущей строки относительно обычного текста в той же строке, если задан нестандартный раз­мер области перемещения;

• установкой флажка Continuously (Постоянно) в группе эле­ментов управления Repeat (Повтор) задается неограниченное число повторений прокрутки строки, если же флажок отключен, в поле ввода со счетчиком задается число повторений;

• открывающийся список Background color (Цвет фона) служит для задания цвета фона в области перемещения бегущей строки.

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

Чтобы отредактировать текст бегущей строки или изменить его свойства, необходимо вызвать диалоговое окно Marquee Properties (Свойства бегущей строки), дважды щелкнув правой кнопкой мыши в области этого текста.

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

FrontPage позволяет загружать и конвертировать информа­цию из основных форматов текстовых документов и документов MS Office.

Для вставки фрагмента текста из текстового файла необходимо:

=> установить текстовый курсор на странице в позицию, где будет начинаться вставляемый текст (если файл содержит текст на русском языке, необходимо проверить, чтобы в установках свойств страницы был также установлен русский язык);

=> выбрать команду Insert * File (Вставка файла) и в появив­шемся на экране диалоговом окне для выбора файлов задать ад­рес требуемого файла, предварительно установив его формат;

=> нажав кнопку [Открыть] (Open), загрузить диалоговое окно Convert Text (Преобразование текста), позволяющее выбрать спо­соб преобразования текста из файла. По умолчанию предлагается вариант Formatted Paragraphs (Форматированные абзацы), озна­чающий, что каждый абзац исходного текста будет преобразован в отдельный абзац на странице с использованием стиля Formatted. Возможны и другие варианты: преобразование всего текста в еди­ный абзац с использованием разделителей строк и стиля Formatted

(One formatted paragraph); преобразование исходного текста в от­дельные абзацы с помощью стиля Normal (Normal paragraphs) и добавления разделителей строк {Normalparagraphswith line breaks) и вставка этого текста непосредственно в формате HTML (Treatas HTML);

=> нажать кнопку [ОК], чтобы закрыть диалоговое окно Convert Text (Преобразование текста). Текст из файла будет вставлен в те­кущую позицию.

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

19.5. Добавление страниц в макет сайта

При проектировании сайта необходимо хорошо продумать сце­нарий каждой страницы и общий сценарий, т.е. схему возможных переходов от одной страницы к другой. Переходы выполняются с помощью внутренних ссылок, а схема переходов, называемая структурой навигации (navigation structure), должна быть удобна и понятна для посетителей сайта. На сайте не должно быть недо­ступных страниц.

Пока в созданном нами ранее сайте всего одна домашняя стра­ница, поэтому прежде чем перейти к изучению структуры нави­гации в макет сайта требуется добавить несколько новых страниц. Для этого с помощью команды File * New * Page (Файл * Со­здать * Страница) откроем диалоговое окно New (Новая страни­ца), показанное на рис. 19.18, в котором можно выбрать шаблон для новой страницы. В программе FrontPage имеется достаточно большой набор шаблонов, с помощью которых можно создать со­ответствующим образом скомпонованную и оформленную стра­ницу (аналогично созданию по шаблонам слайдов в редакторе PowerPoint).

Выбрав шаблон Normal Page, откроем для создания страницы пустой бланк, а точнее бланк с незаполненной центральной час­тью (рис. 19.19). Добавим на сайт следующие страницы (слайды, созданные для презентации кафедры в гл. 3.2): Будущее; Препода­ватели кафедры; Наука, сохранив последовательно каждую стра­ницу.

Чтобы посетители смогли попасть с домашней страницы сайта на другие страницы, нужно сделать на них ссылки. Для этого с по­мощью команды меню View * Navigation (Вид * Навигация) сле­дует открыть окно навигации, в рабочей области которого будет отображена схема навигации с одной лишь домашней страницей (рис. 19.20). Для включения новых страниц в схему навигации надо перетащить в нее с помощью мыши файл Будущее из списка фай-

лов сайта (Folder List), расположив его ниже домашней страницы. Затем в схему навигации следует ввести имя страницы.

Подобные действия необходимо выполнить для всех оставших­ся страниц сайта. В результате будут установлены связи между стра­ницами, которые показаны на рис. 19.21.

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

Схема навигации является многоуровневой, причем на первом уровне располагается домашняя страница.

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

В соответствии со схемой навигации FrontPage автоматически обновляет навигационные меню на всех страницах.

Если все страницы сайта не помещаются в видимой части схе­мы навигации, можно изменить масштаб отображения. Для этого необходимо:

=> щелкнув правой кнопкой мыши в любом месте фона схемы и появившемся контекстном меню, выбрать команду Zoom (Мас­штаб), в результате откроется меню второго уровня;

=> выбрать команду Size to Fit (По размеру схемы) или нужный масштаб;

=> с помощью команды Rotate (Повернуть) в этом же контекст­ном меню можно развернуть схему в горизонтальном направлении.

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

=> с помощью команды Tools * Web Settings (Сервис * Настрой­ки сайта) в меню программы открыть диалоговое окно Web Settings (Настройки сайта) (см. рис. 19.10);

=> выбрать в открывшемся окне вкладку Navigation (Навигация);

=> в открывшейся вкладке указать названия ссылок для перехо­да на главную (Ноте page), верхнюю (Parent page), предыдущую (Previous page) и следующую (Next page) страницы в соответству­ющих полях ввода;

=> нажав кнопку [ОК], закрыть диалоговое окно Web Settings (Настройки сайта) и сохранить настройки.

В результате выполненных действий устанавливаются новые свя­зи между страницами сайта (рис. 19.22).

Навигационное меню можно настроить так, чтобы в нем ото­бражались ссылки на страницы определенного уровня относительно

текущего. Для этого необходимо выполнить следующие действия. В режиме редактирования страницы щелкнуть правой кнопкой мыши на одном из навигационных меню и в появившемся кон­текстном меню выбрать пункт Navigation Bar Properties (Свойства навигационного меню). На экране откроется соответствующее ди­алоговое окно (рис. 19.23). С помощью переключателей в верхней части этого диалогового окна можно включить в состав меню раз­личные наборы ссылок:

• ссылки на страницы верхнего (родительского) уровня (Parent level);

• ссылки на страницы текущего уровня (Same level);

• ссылки на соседние страницы текущего уровня (Back and next);

• ссылки на страницы нижнего (дочернего) уровня (Child level);

• ссылки на страницы самого верхнего уровня (Top level);

• ссылки на страницы второго уровня {Childpages under Home).
Кроме того, с помощью флажков в правой части диалогового

окна в состав навигационного меню можно включить ссылку на домашнюю страницу (Ноте page)m родительскую страницу (Parent page), если это не предусмотрено выбранным набором ссылок.

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

ком в синей рамке, а страницы, ссылки на которые будут содер­жаться в навигационном меню, выделены синим цветом.

С помощью переключателей Horizontals Vertical в нижней час­ти окна можно выбрать соответственно горизонтальное или вер­тикальное расположение ссылок в навигационном меню, а также отобразить ссылки в виде кнопок (Buttons) или простого текста (Text).

Поместить на страницы дополнительное навигационное меню можно с помощью команды меню Insert * Navigation Bar (Вставка * Навигационное меню).

Если требуется не отображать навигационное меню на опре­деленной странице и исключить ссылки на эту страницу из дру­гих страниц, но при этом оставить ее в схеме навигации, надо щелкнуть правой кнопкой мыши на изображении этой страницы в схеме навигации и в появившемся контекстном меню выбрать команду Included in Navigation Bars (Включена в навигационные меню). Повторный выбор этой команды восстановит ссылки на страницу.

При создании макета сайта с помощью мастера по краям стра­ницы автоматически устанавливаются разделительные границы, которые в режиме редактирования отделены от основного содержа­ния пунктирной линией. Разделительные границы (shared borders) — это области, содержащие единую информацию для нескольких

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

Разделительные границы можно устанавливать как для всех, так и для отдельных страниц сайта. Для этого в режиме редактиро­вания необходимо щелкнуть правой кнопкой мыши в любом мес­те на странице, и в появившемся контекстном меню выбрать пункт Shared Borders (Разделяемые границы). На экране появится соот­ветствующее диалоговое окно (рис. 19.24), переключатели Apply to (Применить к) которого позволяют применить настройки ко всем страницам {All pages)vum только к текущей {Currentpage).Флажки Тор (Сверху), Left (Слева), Right (Справа), Bottom (Снизу) уста­навливают разделительные границы в соответствующих областях страницы.

Настройки, определенные для всех страниц, применяются по умолчанию к каждой вновь создаваемой странице. Флажок Include navigation buttons (Включить кнопки навигации) позволяет вклю­чить в разделительную границу кнопки навигационного меню. Фла­жок Reset borders for current page to web default (Установить границы текущей страницы по умолчанию) отменяет индивидуальные на­стройки разделительных границ страницы и устанавливает их в соответствии с принятыми по умолчанию для всего сайта. Этот флажок доступен только для текущей страницы.

Разделительные границы позволяют придать страницам сайта единый вид. Чаще всего в разделительные границы помещают та­кие элементы, как заголовок страницы (Page banner) для обозна­чения названия страницы или раздела, логотип компании, кон­тактную информацию, сведения о дизайнере и авторских правах, дату последнего обновления. Кроме того, разделительные грани­цы используют совместно с навигационными меню для организа­ции навигации по сайту. Включение навигационного меню в одну из разделительных границ позволяет создать единообразную схе­му навигации для всех страниц сайта.

Дата добавления: 2015-07-20