Macromedia Dreamweaver MX

Общие свойства Web-страницы

Ну вот. Теперь у нас есть практически готовая главная Web-страница наше­го сайта. Осталось только сделать несколько завершающих штрихов — и работа над ней будет завершена.

Выше мы создали две гиперссылки. И выяснили, что Web-обозреватель форматирует их по-своему, отлично от основного текста. Это, собственно, правильно: гиперссылки должны сразу бросаться в глаза, иначе пользова­тель будет вынужден едва ли не в лупу просматривать весь ваш текст в по­исках гиперссылок, ведущих на другие страницы. И в конце концов уйдет с вашего сайта, что вам совсем не нужно.

Может быть и так. Вы тщательно разработали дизайн Web-страницы, по­добрали цветовую гамму, а гиперссылки с их фиксированными цветами вы­биваются из общего ряда и просто режут глаз. Ведь Web-обозреватель не обращает ни малейшего внимания на цветовые настройки родительского элемента (в данном случае, текста), когда расцвечивает их. Что делать в этом случае?

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

Общие свойства страницы задаются в диалоговом окне Page Properties. Вы­звать его можно, выбрав пункт Page Properties в меню Modify или контекст­
ном меню или нажав комбинацию клавиш <От1>+<.1>. Это окно показано на рис. 3.50.

Page Properties

Віє: р

Background Image: |~

Background: аг

Text: П|Г Links: Д |~ Left Margin: |

Top Margin: j

Margin Height: |

Document Encoding: | Cyrillic (Windows-1251 ] Reload

Tracing Image: | Browse...

I mage T ransparency: 1 I - j qq%

T ransparent Opaque

Document Folder: C:Documents and Settingsdronov_vaVMon AOKyM Site Folder: CAWorkWlad's site

Рис. 3.50. Диалоговое окно Page Properties

В поле ввода Title вводится название Web-страницы. Вы можете пользовать­ся полем ввода, расположенным на инструментарии документа (см. рис. 3.3), либо вводить его в названном окне.

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

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

Теперь обратим внимание на три селектора Links, Visited Links и Active Links. Они позволяют выбрать цвет гиперссылок, соответственно, непосе - щенных (по умолчанию синий), посещенных (темно-красный) и активной гиперссылки (ярко-красный), по которой в данный момент щелкает поль­зователь. И еще раз повторим то же самое правило: пользователю должно быть удобно читать ваш текст. Но в случае гиперссылок добавляется еще одно правило: обычные гиперссылки должны быть хорошо заметны на фоне
текста, посещенные ссылки должны выглядеть чуть менее заметно (но все равно выделяться на фоне текста), а активная гиперссылка — максимально ярко. Исходя из этого правила, выберем, соответственно, ярко-синий (#0066ff), тускло-синий (#006699) и ярко-красный (#ffoooo) цвета.

Мы можем нажать кнопку ОК, чтобы сохранить сделанные установки. Но в данном случае лучше всего воспользоваться кнопкой Apply, которая при­меняет заданные вами свойства, не закрывая окна Page Properties. Отодви­нем окно в сторону и посмотрим на нашу страничку. А что, получилось не­плохо!

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

Значения, введенные в поля ввода Left Margin и Top Margin, не воспринима­ются Navigator.

Поля ввода Margin Width и Margin Height задают расстояние между рамкой окна Web-обозревателя и содержимым Web-страницы, соответственно, по горизонтали и по вертикали. Они поддерживаются и Internet Explorer, и Navigator. Поэтому лучше всего задавать именно их из соображений совмес­тимости.

Раскрывающийся список Document Encoding задает кодировку текста вашей Web-страницы. (О кодировках и их выборе см. главу 2.) По умолчанию там выбрана кодировка, которую вы задали в настройках Dreamweaver, и менять ее без уважительных причин не стоит.

Закройте диалоговое окно задания свойств Web-страницы, нажав кнопку ОК или Cancel. С окном Page Properties мы закончили.

Примечание

Все вышеописанные настройки задаются атрибутами тега <вооу>, перечислен­ными в табл. 3.5.

Таблица 3.5. Атрибуты тега <body>

Примечание ^

Обратите внимание, что значения атрибутов bottommargin и rightmargin в среде Dreamweaver вы установить не можете. Для этого вам придется редак­тировать сам HTML-код.

Внимание!

Кодировка документа задается с помощью одинарного тега <мета>, разме­щающегося в НТМ 1-заголовке страницы. Подробнее о теге <мета> мы погово­рим в главе 14.