Текст книги "Интернет. Быстрый старт"

FrontPage

Слово FrontPage обычно используется для обозначения основной, заглавной страницы какого-либо сайта. Для нас это слово будет иметь еще один смысл. Программа, которой мы воспользуемся для создания собственных страниц, носит именно такое название – Microsoft FrontPage 2000. Полный номер версии – 4.0. FrontPage – входит в состав семейства Microsoft Office и по своему стилевому оформлению полностью соответствует образцам этого семейства. Данная программа, как и ее собратья, достаточно проста в работе, но позволяет делать очень и очень многое.

Стандартный вид FrontPage 2000 после запуска показан на рис. 8.1.

Рис. 8.1. Внешний вид программы FrontPage 2000

Посмотрим, чем мы располагаем при работе. Как и во всех продуктах Microsoft Office, в этой программе наличествуют меню и панели инструментов. Особых сложностей они вызвать не должны. Основное рабочее поле разделено подвижной границей (сплиттером) на две неравные части. Левая часть с названием Views (Вид) содержит кнопки, устанавливающие режим работы FrontPage. Правая часть – основную информацию, с которой приходится работать, находясь в указанном режиме. По умолчанию действует основной режим Page (Страница), который предназначен для проектирования страницы. В этом режиме правая часть отображает ту страницу, которую создает пользователь. Как видно на рисунке, правая часть рабочего пространства состоит из трех листов, каждый из которых предназначен для отдельного вида отображения проектируемой страницы. Лист Normal (Режим разметки) показывает страницу в режиме проектирования. Лист HTML предназначен для просмотра HTML-кода страницы. А вкладка Preview (Предварительный просмотр) показывает проектируемую страницу в таком виде, в котором она будет отображаться браузером при загрузке ее удаленным пользователем из Интернета. Может показаться, что страницы Normal (Режим разметки) и Preview (Предварительный просмотр) показывают одно и то же, но на самом деле это не так. Для простых страничек, содержащих только текст и графические изображения, это действительно так, но как только вы попробуете разместить на вашей странице видеофрагменты или какие-либо активные элементы, вы тут же заметите разницу между этими двумя режимами.

И в самом низу окна FrontPage находится строка статуса. На первый взгляд в ней нет ничего особенного. На самом деле строка статуса содержит очень интересный и жизненно необходимый для сайтостроителя индикатор. В разделе с изображением песочных часов показывается время загрузки текущей страницы при определенной скорости коннекта. По умолчанию используется скорость 28.8 Кбод, однако всегда есть возможность изменить ее. Для этого достаточно щелкнуть мышью (причем, что интересно, любой кнопкой) и получить список различных скоростей. Помимо стандартных скоростей 14.4, 28.8 и 56.6, можно найти возможность расчета скорости загрузки исходя из стандартов ISDN, Т1 и ТЗ, применяемых для выделенных линий с различной пропускной способностью.

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

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

А теперь попробуем сделать сперва самую простую страницу. Для этого поместите на рабочее поле проектирования страницы любую строку текста.

Например: "Это моя первая Web-страница!" При этом, если вы посмотрите, что находится на странице HTML, то обнаружите там следующий текст:

<html> <head>

<meta http-equiv="Content-Language" content="ru">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<title>New Page l</title>

</head>

<body>

<р>Это моя первая Web-страница!</p>

</body>

</html>

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

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

Так, например, каждый HTML-документ должен начинаться с тэга <htmi>, а заканчиваться – </htmi>, что вы и видите в данном HTML-коде. Сам документ обычно разделяется на три части. Первая – заголовок, несущий служебную информацию, которая позволяет браузеру максимально адекватно отображать документ. Она ограничивается тэгами <head> и </head>. Внутри этого блока помещаются тэги <meta>, которые обычно содержат в своем теле параметры. Например, тэг <meta http-equiv="Content-Language" content="ru"> содержит параметры http-equiv и content. Давайте подробнее рассмотрим параметры тэга <meta>. Параметр http-equiv предназначен для обозначения переменной протокола HTTP, которой будет назначаться значение. Обычно программы HTML-редакторы сами заполняют значения данного параметра. В нашем примере эта переменная носит наименование content-Language и предназначается для указания языка, на котором написано содержимое странички. Параметр content, как мы уже видели, служит для задания значения переменной, определенной в параметре http-equiv. Таким образом, первая строка блока заголовка указывает, что данная страничка содержит русскоязычное наполнение.

Также параметр content может использоваться в паре с параметром URL, и тогда они могут определять дату и время повторной загрузки документа. Так, например, если вы хотите спустя пять секунд после загрузки удаленным пользователем нашей странички принудительно загрузить в его браузер HTML-документ с URL http://www.myserver.ru/newpage.html, то вы должны использовать следующую конструкцию:

<meta http-equiv="Refresh" content="5; url= http://www.myserver.ru/newpage.html>.

Параметр name необходим для задания наименования дополнительной информации. Так, В тэге <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> он используется для того, чтобы указать имя параметра, чье значение объявляется в конструкции content. В данной строке указывается, что документ был сгенерирован программой FrontPage версии 4.0.

И последний параметр тэга <meta> – charset. Он предназначен для определения кодовой страницы символов, которая применялась при создании страницы. Так как FrontPage естественным образом ориентирован на операционную среду Microsoft Windows, то и используемая страница по умолчанию – windows-1251.

Второй раздел HTML-документа предназначен для задания названия странички. То есть той строки, которая будет отображаться в заголовке окна браузера после его названия. Этот раздел ограничен тэгами <titie> и </titie>. Как вы видите из нашего HTML-кода, для данной странички использован заголовок New Page 1. Не слишком, конечно же, оригинально, но вы всегда можете его изменить.

И основной раздел документа используется для обозначения его содержимого. Тело документа заключено между тэгами <body> и </body>.

А сама строка, как вы видите, обрамлена тэгами <р> и </р>, которые предназначаются для обозначения абзацев.

Вот так и состоялось ваше первое знакомство с языком HTML.

После создания любой странички ее необходимо сохранить, а потом просмотреть, чтобы убедиться в адекватном отображении ее браузером. Для сохранения используются команды меню File/Save (Файл/Сохранить) и File/Save As… (Файл/Сохранить как…) либо соответствующая кнопка на инструментальной панели. Обычно в начале работы FrontPage создает необходимую структуру каталогов в папке My Webs, которая в свою очередь находится в каталоге, зарезервированном для сохранения документов. В эту структуру входит каталог images, предназначенный для хранения графических изображений, и _private – каталог для размещения данных, выкладываемых на создаваемый сайт. После сохранения страницы основное рабочее поле делится сплиттером на две части, в одной из которых остается проектируемая страница, а вторая показывает структуру папок, предназначенных для сохранения сайта. Этот режим отображения включается и выключается при помощи команды меню View/Folder List (Вид/Список каталогов) или при помощи кнопки Folder List (Список каталогов) на основной инструментальной панели. Сохранение страницы является необходимым условием для возможности ее просмотра как при помощи встроенного браузера на странице Preview (Предварительный просмотр), так и в основном браузере системы. В том случае, если при оформлении страницы были применены какие-либо активные элементы, необходимо подготовить сайт, использующий ее к просмотру. Такой процесс называется публикацией. Для этих целей служит команда меню File/Publish Web (Файл/Публикация сайта) или соответствующая кнопка на инструментальной панели. Публикацию можно производить только после того, как были сохранены все страницы, которые входят в сайт.

После сохранения странички необходимо посмотреть, как она будет выглядеть в окне браузера удаленного пользователя. Для этого применяется команда меню File/Preview in Browser (Файл/Просмотр в браузере) или соответствующая кнопка на основной инструментальной панели. Данная команда позволяет просмотреть созданную страницу при помощи браузера, являющегося для системы основным, используемым по умолчанию. Возникает законный вопрос: для чего это нужно, если уже есть страница Preview (Предварительный просмотр) в основном рабочем окне. Дело в том, что разные браузеры могут по-разному отображать одну и ту же страницу. Связано это с тем, что во время «браузерных войн», когда Microsoft и Netscape боролись за рынок браузеров, каждая компания предлагала различные расширения и усовершенствования языка HTML. Естественно, что продвинутые возможности, предоставляемые одной фирмой, не поддерживались второй. По наследству эти различия перешли и в последующие версии. Вторая причина состоит в том, что встроенный браузер FrontPage не всегда может адекватно работать с исполняемыми модулями CGI-приложений. Именно поэтому при заключительном тестировании созданной страницы настоятельно рекомендуется использовать просмотр при помощи основного браузера.

Оформление текста

Что главное в Web-странице? Не дизайн, не графика, и даже не видеовставки или активные элементы. Главное – это ее контент, содержание, которое состоит, прежде всего, из текста. А вот оформление текста позволит наиболее эффективно донести его до конечного потребителя, за чье внимание борется каждый сайт. Конечно, возможности текстового оформления, предоставляемые FrontPage не так обширны, как, например, запас средств Microsoft Word, но нельзя сказать, что они скудны. Как уже говорилось, ограничения на возможности оформления текста налагает сама технология WWW, а из допустимых возможностей FrontPage выжимает все.

Панель инструментов для форматирования текста практически полностью повторяет такую же панель Microsoft Word. Но отличия все-таки есть. Начнем с установки шрифта. По умолчанию действует набор default font, однако всегда есть возможность изменить шрифт. Список шрифтов, которые можно применять, конечно же, немного меньше, чем такой же список обычных приложений Microsoft Office, но выбор все-таки есть. Установим для нашей строки какой-либо шрифт из группы Arial. При этом вы, наверняка, заметили, что изменился шрифт строки на странице Normal (Режим разметки), а когда вы перейдете на страницу HTML, то увидите следующую конструкцию:

<p><font face="Arial">Это моя первая Web-страница!</font></p>

После тэга <р>, открывающего абзац, появился тэг <font face="Ariai">, который указывает предпочтительный шрифт для этого абзаца. Теперь при отображении данного абзаца на машине удаленного пользователя система будет извещена, что необходимо использовать шрифт, максимально близкий по своему виду к шрифту Arial. То есть, если даже сам шрифт Arial не будет установлен в системе удаленного пользователя, все равно замысел дизайнера Web-страницы пострадает не слишком сильно, т. к. для отображения текста будет использован максимально близкий по начертанию текст.

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

<р><b>Это моя первая Web-страница!</Ь></р>

То есть для установки полужирного атрибута текста используются тэги <ь> и </ь>, которые устанавливаются внутри тэгов, обозначающих абзац. Если вы нажмете кнопку Italic (Курсив) для получения курсива, то HTML-код будет выглядеть следующим образом:

<р><i>Это моя первая Web-страница!</i></p>

И действительно, если атрибут – Italic, то и тэги применяются <i> и </i>. А для получения подчеркнутого текста, вы должны нажать кнопку Underline (Подчеркнутый). При этом строка реализуется при помощи следующей конструкции:

<р><u>Это моя первая Web-страница!</u></р>

Как вы видите из текста, применяются тэги <u> и </u>.

Теперь рассмотрим процедуру выбора размера шрифта. По умолчанию в этом списке стоит значение Normal, но есть и другие значения. Так как никогда нельзя заранее сказать, какое разрешение монитора будет установлено на машине удаленного пользователя и каков будет размер окна браузера, то и размеры шрифта будут лишь относительными. К тому же привычные всем пункты, которые применяются в качестве единицы измерения размера шрифта, являются типографскими единицами, т. е. ориентированы, прежде всего, на бумагу. Однако Web-страницы отображаются на мониторах, поэтому размер шрифта должен зависеть от разрешения видеосистемы пользователя и размера окна браузера. Итак, вы можете использовать семь относительных размеров шрифта. Первый размер приблизительно соответствует восьми типографским пунктам, а седьмой – тридцати шести. Значение Normal соответствует третьему размеру, который составляет приблизительно двенадцать пунктов. Таким образом, вы получаете диапазон размеров, который, на наш взгляд, вполне достаточен для нужд оформления Web-страницы.

Две вышеописанные возможности объединяет в себе процедура стилевого оформления текста. В FrontPage 2000 список доступных стилей находится на панели форматирования текста в том же самом месте, где и его близнец в Microsoft Word. Но сама процедура стилевого оформления немного отличается. Word в качестве стиля использует совокупность признаков текста, таких как шрифт, его начертание и размер, междустрочный интервал, отступы абзаца и тому подобные параметры. FrontPage скован рамками технологии WWW, поэтому его форматирование текста опирается на тэги, которые объявлены в стандартах языка HTML и поддерживаются браузерами. Правда, возможно, не всеми из них. Это, как вы помните, последствия браузерных войн. Итак, каждый образец форматирования текста объявляется конкретным тэгом языка HTML. Рассмотрим эти примеры и заодно узнаем, как выглядят данные тэги для каждого конкретного случая.

Стиль Normal (Обычный) предполагает обычный текст и, следовательно, обходится без объявления себя тэгами. То есть это единственный образец стилевого оформления текста, который не устанавливает тэгов перед текстом. Стиль Formatted (Отформатированный) предназначен для размещения предварительно отформатированного текста. В данном контексте это означает, что текст будет отображен моноширинным шрифтом, т. е. таким шрифтом, в котором все символы имеют одинаковую ширину. Обычно в качестве примера подобного шрифта приводится Courier. Если вы примените этот стиль к своей строке, то на странице HTML отобразится следующая конструкция:

<pre>Это моя первая Web-страница!</pre>

Как видите, текст обрамляется тэгами <pre> и </pre>. На самом деле, этот тэг изначально предназначался для вставки текста, подготовленного в другом текстовом редакторе. Причем, неизвестно заранее, какая длина строки была установлена в этом текстовом редакторе, поэтому, чтобы не нарушать оформление текста, у тэга <pre> был введен параметр width, задающий длину строки. Таким образом, тэг <pre width=60> позволяет указывать, что для любого размера окна браузера при просмотре этого текста необходимо установить длину строки в 60 символов. По умолчанию значение этого параметра равно 80.

Стиль Address (Адрес) переводит строку, напечатанную обычным шрифтом, в отображение курсивом. Используется, как легко догадаться, для оформления адресов. Применение этого стиля приводит к следующему HTML-коду:

<address>

Это моя первая Web-страница!

</address>

То есть отображение адреса на Web-страницах производится при помощи тэгов <address> и </address>. Все просто и легко.

Следующие шесть стилей с названиями от Headingl (Заголовок 1) до Heading6 (Заголовок 6) предназначены для отображения заголовков различных уровней. Самый главный, естественно, стиль Headingl, отображаемый наиболее массивным шрифтом шестого размера, который соответствует приблизительно 24 пунктам. А стиль Heading6 отображается шрифтом первого размера, т. е. всего-навсего 8 пунктов. Применив стиль Headingl, вы увидите, что ваша строка будет обрамлена тэгами <h1> и </h1>. На странице HTML это будет выглядеть так:

<h1>Это моя первая Web-страница!</h1>

Если вы используете стиль Heading2, то тэги будут иметь вид <h2> и </h2>. Таким образом, номер заголовка записывается в тэге после буквы h.

В том случае, если вы намерены изменить параметры стиля и указать для него конкретный шрифт и размер вместо его стандартных параметров, которые используются, когда в списках шрифта и размера стоят значения default font и Normal, то это не так сложно сделать. Например, если вы примените к своей строке стиль заголовка третьего уровня, а затем принудительно установите шрифт Arial и третьего размера, то HTML-код для отображения строки будет выглядеть следующим образом:

<h3><font face="Arial" size="3">Это моя первая Web-страница</font>!</h3>

Как вы видите, сразу после тэга <ьз> вставляется тэг <font> с параметрами face и size, которые прямым образом задают шрифт для отображения строки. И в конце предложения стоит закрывающий тэг </font>.

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

Для иллюстрации действия этих стилей создайте два абзаца со строками Первый пункт и Второй пункт. А теперь примените к данным двум абзацам стиль Numbered List (Нумерованный список). В результате этого действия каждый абзац получил свой номер. То есть произошла стандартная операция нумерации абзацев, знакомая вам еще по Microsoft Word. Этого же результата можно добиться, нажав кнопку Numbering (Нумерация) на панели инструментов Formatting (Форматирование). Рассмотрим тэги, при помощи которых реализуется подобное форматирование текста. Если вы посмотрите на страницу HTML, то увидите следующую конструкцию:

<ol>

<li>Первый пункт</li>

<li>Второй пункт</li>

</ol>,

в которой начало и конец нумерованного списка задаются с помощью тэгов <ol> и </ol>, а обозначение каждого пункта производится тэгами <li> и </li>.

Для изменения вида нумерации и начального номера используется пункт меню Format/Bullets and Numbering (Формат/Маркеры и нумерация). В том случае, если курсор находится в строке, принадлежащей нумерованному списку, активизируется диалоговое окно List Properties (Свойства списка) на вкладке Numbers (Нумерованный), как это показано на рис. 8.2.

Рис. 8.2. Вкладка Numbers диалогового окна List Properties

Как видите, по умолчанию выбран вариант с арабскими цифрами. Выбор варианта списка без нумерации приведет к полному снятию стиля Numbered List (Нумерованный список) с вашего списка, и, соответственно, незамедлительное его превращение в самый обычный текст со стилем Normal (Основной текст). В случае выбора списка с нумерацией в виде римских цифр, отображаемых при помощи заглавных букв латинского алфавита, ваш список будет открыт тэгом <ol type="I"> и закрыт тэгом </ol>. Других изменений нет. Вид нумерации задается параметром type тэга <ol>. Например, для создания списка, в котором нумерация осуществляется при помощи заглавных букв латинского алфавита (А, В, С и т. д.), используется параметр type="A". Если это должны быть обычные строчные буквы, то параметр принимает вид type="a". И наконец, если нумерация списка осуществляется римскими цифрами, отображаемыми строчными латинскими буквами, параметр указывается как type="i".

Еще один параметр списка – это его стартовый номер, т. е. число, с которого начнется нумерация. Устанавливается в строке редактирования Start at (Начальный номер) окна List Properties (Свойства списка). При этом в тэг <ol> добавляется параметр start. То есть, если вы хотите сделать список, нумерованный римскими цифрами из строчных букв, начинающийся с номера 5, то для этого вам следует использовать тэг <ol type="i" start="5">.

Теперь рассмотрим маркированные списки. Для их создания наиболее часто применяется стиль Bulleted List (Маркированный список) или кнопка Bullets (Маркеры) на панели инструментов Formatting (Форматирование). Для реализации этого стиля используется следующая конструкция HTML:

<ul>

<li>Первый пункт</li>

<li>Второй пункт</li>

</ul>

Как обычно, есть тэги, объявляющие сам список, т. е. <ul> и </ul>, а пункты списка оформляются при помощи открывающего тэга <u> и его закрывающего дополнения </li>. Так же, как и нумерованный, этот вариант списка может оформляться при помощи нескольких видов маркеров. Их вид выбирается в диалоговом окне List Properties (Свойства списка) на вкладке Plain Bullets (Маркированный), которое активизируется при выборе команды меню Format/Bullets and Numbering (Формат/Маркеры и нумерация). Но вариантов оформления там поменьше, чем в нумерованном списке. Если не считать «пустое» оформление, остается всего три. Оформление маркеров в виде точек устанавливается по умолчанию. Но вы можете указать, что маркеры необходимо оформить в виде окружностей, и тогда тэг, объявляющий начало маркированного списка, будет записан как <ul type="circie">. А если вы захотите увидеть маркеры в виде квадратов, то HTML-код, реализующий эту прихоть, будет выглядеть как <ul type="square">. Впрочем, для отображения маркеров можно использовать не только зарезервированные три символа, но и практически любое графическое изображение. Для этого все в том же диалоговом окне List Properties (Свойства списка) необходимо выбрать вкладку Picture Bullets (Вид маркеров), которая предназначена для установки внешнего вида маркеров. Как показано на рис. 8.3, проектировщику Web-страницы предоставляется на выбор две альтернативы. По умолчанию действует пункт Use pictures from current theme (Использовать изображения из текущей темы оформления), который указывает на то, что при оформлении страницы будут использоваться изображения маркеров, которые применяются в так называемой теме сайта, т. е. набор графических изображений и правил оформления текстов, употребляемых для единообразного оформления всех страниц, входящих в состав сайта. Однако, если у создателя страницы есть свои соображения по поводу формы маркеров, он должен выбрать альтернативу Specify picture (Выбрать рисунок) и указать путь к графическому файлу при помощи кнопки Browse (Обзор). При этом активизируется стандартное диалоговое окно для выбора графического изображения, которое показано на рис. 8.4.

Рис. 8.3. Вкладка Picture Bullets диалогового окна List Properties

Рис. 8.4. Диалоговое окно Select Picture

Естественно, рекомендуется выбирать изображения из числа тех, которые находятся в пределах структуры папок, предназначенных для хранения файлов создаваемого сайта. Однако проектировщик Web-страницы может выбрать необходимое изображение тремя способами. Первый – наиболее привычный для всех нас выбор файла из файловой системы локальной системы. Это можно сделать либо простым указанием файла в структуре папок сайта, либо, если файл находится за ее пределами, нажатием кнопки с изображением папки и лупы, которая позволит просмотреть любую папку на локальном компьютере. Второй вариант связан с использованием изображения, которое находится на удаленном компьютере. Нажатие кнопки с изображением земного шара и лупы запускает браузер, установленный в системе, и пользователь может выбрать любое изображение, которое он найдет в Интернете. При этом будет вставлено не изображение, а ссылка на него. И каждый раз при загрузке вашей страницы браузер будет вынужден отправляться по указанному адресу и скачивать оттуда изображение. Вопрос о целесообразности использования этого варианта целиком и полностью остается в ведении проектировщика. Третий же вариант напрямую связан с идеологией Microsoft Office. Вы можете выбрать изображение из коллекции ClipArt, поставляемой вместе с Microsoft Office. Для этого необходимо нажать кнопку Clip Art (Картинки). При этом файл с изображением будет перенесен во временную папку Microsoft FrontPage 2000. В этом случае тэг, ответственный за объявление маркированного списка, получит дополнительный параметр и примет вид:

<ul imagesrc="file:///С:/TMP/FrontPageTempDir/bd10263_.gif">

Как вы видите, при этом в параметре imagesrc все равно указывается URL файла с графическим изображением, но вместо протокола HTTP используется протокол file, который предназначен для работы с файловой системой локального компьютера.

Помимо обычного маркированного списка, FrontPage предоставляет также несколько других видов списков. Они не отличаются оформлением от обычного списка. Различие кроется в тэгах, их реализующих. Стиль Directory List (Список указаний) осуществляется при помощи следующего HTML-кода:

<dir>

<li>Первый пункт</li>

<li>Второй пункт</li>

</dir>

Стиль Menu List (Список меню) открывается и закрывается при помощи тэгов <menu> и </menu>, соответственно. Для списка, который состоит из определений, предназначен стиль Definition List (Список определений). Данным вариантом оформления часто пользуются в академических и обучающих материалах, когда необходимо в списке поместить несколько определений. В случае его применения меняются не только открывающий и закрывающий тэги, но и тэги, обрамляющие каждый отдельный пункт списка. Таким образом, получается следующий HTML-код:

<dl>

<dd>Первый пункт</dd>

<dd>Второй пункт</dd>

</dl>

При этом каждый пункт приобретает стиль Definition (Определение). Его признаки, как вы видите, это тэги <dd> и </dd>.

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

Для оформления текста также используют различные выключки и отступы. Выключкой или выравниванием называется расположение текста относительно горизонтальной базовой линии страницы. Применяется четыре вида: текст, прижатый к левому краю, отцентрированный текст, текст, прижатый к правому краю, и текст, растянутый на всю ширину страницы. В FrontPage 2000 на панели инструментов Formatting (Форматирование) находятся кнопки Align Left (По левому краю), Center (По центру) и Align Right (По правому краю), которые реализуют первые три варианта выравнивания текста. В принципе, текст, прижатый к левому краю, является стандартным вариантом расположения, но может быть задан и явно. Задание выравнивания осуществляется при помощи параметра тэга, объявляющего абзац <р>. Так, для явного объявления выключки текста по левому краю применяется тэг <р align="ieft">. В случае отцентрированного текста используется конструкция <р align="center">. И, как нетрудно догадаться, прижатый к правому краю текст объявляется при помощи тэга <р align="right">. Из приведенных примеров видно, что выключка текста задается применительно к целому абзацу и действие тэгов выравнивания текста прекращается стандартным тэгом окончания абзаца </р>. Для равномерного растяжения текста по всей ширине страницы применяется отдельное выравнивание. Но этот вариант не подвешен на какую-либо кнопку. Для его использования необходимо исполнить команду меню Format/Paragraph (Формат/Абзац), которая активизирует диалоговое окно Paragraph (Абзац) (рис. 8.5).

Рис. 8.5. Диалоговое окно Paragraph

Это окно предназначено для задания параметров абзаца, а если говорить конкретнее, для задания отступов и интервалов. Выравнивание текста указывается в списке Alignment (Выравнивание). Для того чтобы равномерно растянуть текст абзаца на всю длину строки, необходимо выбрать пункт Justify (По ширине). При этом тэг объявления абзаца примет вид <р align="justify">. В принципе, нетрудно было об этом и догадаться. А элемент списка Default (По умолчанию) полностью убирает параметр, отвечающий за назначение выравнивания из тела тэга <р>.

Следующий блок органов управления этого диалогового окна Indentation (Отступ) предназначен для указания отступов текста от краев страницы. Поле ввода Before text (Слева) позволяет указывать отступ абзаца от левого края страницы, а поле After text (Справа) – от правого. Поле ввода Indent first line (Отступ первой строки) позволяет указать отступ красной строки, т. е. первой строки каждого абзаца. Если вы укажете отступ перед текстом как три единицы, после него – четыре, а для красной строки – пять единиц, то тэг объявления абзаца примет следующий вид: