Таблицы CSS (Cascading Style Sheet) являются прекрасным инструментом оптимизации. Образно говоря, таблицы CSS — это набор форматов стилей, которые определяют внешний вид отдельных страниц и всего узла в целом. Таблицы CSS все чаще используются вместо дескрипторов форматирования HTML, так как эти стили для применения в масштабах всего узла достаточно определить всего один раз. Для описания областей применения таблиц CSS может потребоваться отдельная книга. Если вас заинтересовала эта тема, рекомендуем ознакомиться с книгой Эрика Мейера (Eric Meyer) CSS: Mastering the language of Web Design, вышедшей в издательстве New Riders. Те таблицы, которые влияют на узел в целом, лучше хранить во внешних файлах; в противном случае обслуживание этих таблиц превратит вашу жизнь в сплошной кошмар.
Чтобы создать внешнюю таблицу CSS, выполните следующие действия.
1. Запустите Dreamweaver MX и откройте динамический узел JTC, с которым мы работаем в настоящей книге.
2. Выберите в меню команду File=>New, и откроется диалоговое окно New Document. В списке категорий выберите пункт
Basic Page, а в его разделе — пункт CSS. После этого щелкните на кнопке
Create. Откроется новый документ CSS.
Рис. 22.1. С помощью команды Duplicate панели CSS Styles можно дублировать таблицы стилей
Рис. 22.2. Если вы обновите таблицу стилей, эти изменения коснутся всех страниц узла, ее использующих
12. Сохраните шаблон. Если в шаблон были внесены какие-либо изменения, откроется диалоговое окно
Update Template (рис. 22.2). Это диалоговое окно можно использовать для обновления страниц узла, использующих данный шаблон.
13. Щелкните на кнопке Update. Откроется диалоговое окно Update Pages (рис. 22.3). В нем отобразится протокол изменений, внесенных на отдельных страницах.
Как мы видим, группировка общих элементов разных страниц, таких как стили, дает очевидные преимущества. Главным из них является уменьшение времени загрузки страниц. Групповые элементы, такие как стили, кэшируются, поэтому необходимость в их повторной загрузке с сервера отпадает. Вторым достоинством является упрощение обслуживания. Если нужно изменить стиль, это нужно сделать всего в одном месте, а не на всех страницах узла.