Стили с помощью CSS
Иоланда Баррелл, корпоративный web-мастер компании Etec Systems (Хайворд, шт. Калифорния), особенно ценит в Dreamweaver гибкую поддержку технологии Cascading Style Sheets (CSS) и улучшенную функцию поиска и замены, которая позволяет выполнять поиск в тегах HTML, игнорируя незначащие символы. Можно также ограничить поиск рамками определенного узла или каталога и сохранить критерии поиска в папке. Это значит, что вам не придется заново писать стандартные выражения (чтобы задать некоторые сочетания букв, используются специальные символы) и вы сможете сохранить определенный шаблон поиска (например, поиск определенного тега или атрибута), а затем повторно использовать его.
Технология CSS поможет поддерживать однообразный вид и стиль в рамках всего узла Web. Работая с большим узлом intranet, Баррелл использует стилевые листы для упрощения форматирования содержания новых страниц и добавления информации к существующим. Если вы знакомы со стилевыми листами в таких программах, как Adobe PageMaker, Microsoft Word или QuarkXPress, то быстро оцените полезность этой функции для Web-дизайна.
Стилевые листы позволяют описывать широкий набор опций форматирования — таких как начертание шрифта, выравнивание и размер в пунктах — а затем применять этот набор к любому элементу Web-страницы. Скажем, вы описываете стиль заголовка, который набирается жирным красным шрифтом Helvetica и выравнивается по центру. Каждый раз, собираясь создать новый заголовок, вы можете применить все элементы стиля одновременно, а не по отдельности.
Можно описать стиль для раздела документа, всего документа или всего узла Web. Позже, если вам понадобится изменить стиль — например, заменить шрифт заголовка с Times на Helvetica — можно глобально обновить все элементы, описанные данным стилем. Достаточно просто изменить описание стиля, созданного для заголовков, и весь текст с этим стилем преобразуется автоматически.
Единственный недостаток стилевых листов в том, что технология CSS является относительно новой для Web и, следовательно, стилевые листы поддерживаются только новейшими версиями браузеров, в частности, Netscape Navigator 4, Microsoft Internet Explorer 4 и более поздними. (Некоторые элементы поддержки стилей предусмотрены в Internet Explorer 3, но там реализованы не все возможности, имеющиеся в Dreamweaver.) Если вы, как и Баррелл, занимаетесь разработкой узла intranet, то ваши «читатели» скорее всего используют новейшие версии браузеров, поддерживающие CSS. Однако, если вы взялись за дизайн для более широкой аудитории, в процессе проектирования вам придется учитывать возможность просмотра узла далеко не самыми современными браузерами.
К счастью, компания Macromedia при разработке Dreamweaver учитывала различия между браузерами, и программа обладает возможностями, которые помогают подстроиться под различные браузеры. Например, вы можете создать узел со стилевыми листами, а затем с помощью опции Convert To 3.0 Browsers (Конвертировать для браузеров версий 3.0) создать альтернативные страницы, которые будут работать с устаревшими браузерами. Хотя этот процесс относительно прост, вам придется поддерживать две различные версии узла Web.
Кроме возможности управления большинством традиционных атрибутов форматирования текста, стили в документах HTML могут также описывать уникальные атрибуты HTML, такие как позиционирование, специальные эффекты и ролловеры — элементы, изменяющие свое состояние при прохождении над ними указателя мыши. Однако Dreamweaver не отображает все доступные опции стилей в окне документа. Неотображаемый атрибут появляется в окне Style Definition (Описание стиля) со звездочкой (*) вслед за названием. Чтобы увидеть стиль таким, каким он показывается в браузере, вы должны просмотреть его через установленный браузер, поддерживающий CSS. Чтобы выполнить предварительный просмотр любой созданной в Dreamweaver страницы, выберите команды File, Preview In Browser (Предварительный просмотр через браузер), а затем выберите браузер.
Do'stlaringiz bilan baham: |