Лекция 2 Работа с дизайном сайта в Dreamweaver

С

расположить несколько других изображений (рис. С).
Описание и применение стилевых листов
Вы можете описать любое сочетание опций форматирования как новый стиль, а затем применить его к выделенному тексту или любому другому элементу документа. Чтобы создать стиль, выполните команды Window (Окно), Styles (Стили) — или щелкните по кнопке Styles в панели Launcher — откроется палитра Styles (рис. D).

D

Теперь, чтобы открыть окно диалога Edit Style Sheet (Редактирование стилевого листа), щелкните по кнопке Style Sheet (Стилевой лист)(рис. E).

Е

Для создания стилевого листа нужно выполнить команду New (Новый) — откроется окно диалога New Style (Новый стиль).
Чтобы создать совершенно новый стиль, выберите радиокнопку Make Custom Style (Сделать заказной стиль)(рис. F). А для изменения или добавления опций форматирования к любому существующему тегу HTML (например, чтобы выровнять тег заголовка по центру) щелкните по радиокнопке Redefine HTML Tag (Переопределить тег HTML).

F

Для создания стиля, который будет применяться к ссылке, щелкните по радиокнопке Use CSS Selector (Использовать селектор CSS). Сделав свой выбор, щелкните по кнопке OK и в окне диалога Style Definition For (Описание стиля для) задайте атрибуты, которые хотите связать со стилем. Для получения стиля подзаголовка, показанного на рис. G, задано три опции — Arial, Helvetica и шрифт без засечек.

G

Поскольку Dreamweaver задействует возможности HTML по заданию нескольких шрифтов, пользователи, у которых нет установленных у вас шрифтов, все же увидят текст, отображаемый шрифтом без засечек, который подберет их браузер. Чтобы создать новый стиль и добавить его к палитре Styles, щелкните по кнопке OK, а затем — Done.
Любой стиль можно применить, выбрав текст или другой элемент страницы (например, подзаголовок на рис. H),