Элементы оформления Web-страниц
Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы, фреймы. Рассмотрим кратко основные элементы, используемые в оформлении Web-страниц.
Текстовая информация, размещаемая на Web-странице, призвана знакомить посетителя Web-узла с интересующей его информацией. Программа FrontPage предоставляет в распоряжение разработчика средства по форматированию заголовков, символов, абзацев, включающие в себя установку различных параметров шрифта, интервалов между символами, смещений, отступов, созданию маркированных и нумерованных списков и т. д. С помощью этих средств вы сможете выделить на странице наиболее важные места, сделать информацию легко читаемой. Помимо этих средств форматирования, при работе над документом могут быть использованы специальные символы шрифтов, которые позволяют внести разнообразие в оформление страницы.
Программа FrontPage, как и все программные продукты Microsoft Office, содержит средства, призванные облегчить работу по размещению текста. Это команды проверки орфографии, поиска и замены, тезаурус.
По умолчанию FrontPage предлагает для создаваемых Web-страниц белый фон. Вы можете изменить цвет фона, используя предлагаемые программой цвета, что не скажется на времени загрузки Web-узла. Для страниц, содержащих много текста, лучше использовать светлый однотонный фон. В этом случае текст будет легче читаться.
Чтобы сделать страницу более привлекательной, в качестве фона страницы может выступать графическое изображение. Но, выбирая рисунок для фона, помните, использование графического изображения приводит к увеличению размера файла, а соответственно, увеличивается и время загрузки страницы. К тому же рисунок фона не должен быть ярким, чтобы на нем была видна размещенная на Web-странице текстовая информация.
Для выделения заголовков, разделов текста, для разделения разной по тематике информации и просто для оформления Web-страниц используют горизонтальные линии. Размещение горизонтальной линии на Web-странице осуществляется командой Горизонтальная линия (Horizontal Line) ( ) из меню Вставка (Insert). Кроме того, страницы можно украсить графическими линиями. Образцы графических линий можете поискать в библиотеке графических изображений Clip Art.
При форматировании символов и абзацев Web-страницы используются .средства, которые могут игнорироваться некоторыми обозревателями, например, пустые строки. Учитывая это, для представления информации, содержащей текст и графические изображения, а также для выравнивания текста на Web-страницах можно использовать таблицы.
FrontPage предоставляет в распоряжение разработчика широкий набор средств для работы с таблицами, упрощающих выполнение большинства практических задач. Команды, предназначенные для работы с таблицами, позволяют вам легко создавать и редактировать таблицы, а также упорядочивать и форматировать содержащиеся в ней данные.
С помощью средств, предоставляемых программой FrontPage, разработчик может задавать цвет разделительных линий таблицы, цвет фона или разрешить использовать вместо фона изображение. Если таблица служит для разбиения Web-страницы на отдельные зоны, ее можно сделать невидимой. Кроме того, в качестве мощного средства форматирования Web-страниц, когда необходимо должным образом разместить элементы внутри таблицы, можно использовать вложенные таблицы. Пример применения вложенных таблиц показан на рис. 10.4.
Рис. 10.4. Использование для форматирования вложенных таблиц
Программа FrontPage позволяет изменять свойства не только всей таблицы, но и ее отдельных ячеек. Изменяя ширину ячейки, можно управлять размещением элементов на странице. Во FrontPage можно задать абсолютную, относительную ширину ячейки или не указывать ширину вообще.
В случае, если ширина ячейки не задана, то она определяется исходя из содержащейся в ячейке информации (текста и графических изображений). При изменении разрешения экрана размеры ячеек таблицы изменятся и невозможно предугадать, как при этом будет выглядеть Web-страница в целом. Также нельзя в полной мере контролировать расположение элементов на Web-странице при использовании относительного размера ячеек в процентах от ширины окна браузера, хотя данный метод предпочтительнее первого.
Если вы хотите, чтобы вид страницы не менялся при изменении разрешения экрана, а ее элементы имели постоянное местоположение, необходимо указать размеры таблицы и ее ячеек в пикселах. Но даже в этом случае могут возникать неожиданные вещи, для избежания которых в процессе разработки необходимо просматривать страницу в обозревателе.