Использование готовых стилей CSS в Dreamweaver MX
Введение
Macromedia Dreamweaver MX 2004 предлагает большие
возможности в редактировании и представлении CSS (Каскадных
стилевых таблиц), используя набор инструментов редактора. CSS
теперь приняли центральное место в проектировании и дизайне
вида страниц и сайтов, конечный результат можно легко
настроить, страницы приобретают современный дизайн, который
отвечает стандартам и технологиям.
Разработчикам, плохо знакомым с к CSS, помогут справочники
издательства O'Reilly (открыть Window > Reference) и
встроенные несколько типовых таблиц стилей CSS, которые можно
использовать как стартовую точку при проектировании страниц.
Кроме того, Macromedia включает шаблоны страниц с типовым
дизайном, которые используют преимущества CSS, для создания
настраиваемых страниц, которые называются "Halo" и по дизайну
похожи на сайт самой Macromedia.
Использование встроенных стилей CSS
Встроенные стили в Dreamweaver MX 2004 - внешние таблицы
стилей (значит, что стили CSS сохранены в отдельном CSS файле)
и могут быть приложены к существующему документу следующими
действиями:
1. Откройте документ, к которому вы желаете применить стиль
CSS.
2. Нажмите кнопку Attach Style Sheet в панели Styles
CSS.
3. Внизу диалогового окна Attach External Style Sheet,
нажмите на ссылке sample style
sheets в текстовой строке
"Dreamweaver has sample style sheets to get you
started".
4. В диалоговом окне Sample Style Sheets, когда выбираете
стиль CSS, можно его просмотреть относительно страницы.
Нажмите кнопку Preview, чтобы временно применить стиль CSS к
текущему документу для просмотра. Это изменение только
временно и не будет заменять код документа, пока не нажата
кнопка OK. Также можно, нажав кнопку Browse, внизу диалогового
окна Sample Style Sheets выбирать папку на диске, где
сохранять файл CSS.
5. Щелкните OK, чтобы применить лист стиля или Отмена,
чтобы отменить это действие.
Использование шаблонов страниц "Halo"
В дополнение к выбору встроенных стилей CSS, Macromedia
Dreamweaver MX 2004 также включают типовые страницы, которые
полностью используют свойства CSS, для создания страниц,
которые похожи на вид страниц "Halo", страниц собственного
сайта Macromedia. Вставить страницу с дизайном
"Halo":
1. Выберите File > New.
2. В диалоговом окне New
Document, выберите Page Designs (CSS). Выбор типовых шаблонов
страниц появится в средней части, справа можно просмотреть
дизайн страницы. Есть два шаблона "Halo", и четыре других,
основанных на CSS.
3. Выбираете желательный дизайн страницы и нажимаете
Create.
4. Dreamweaver спросит, какое название дать файлу,
затем папку, в которой хотите сохранить файлы CSS, изображения
и используемые страницы. Рекомендуем сохранять файлы в папке,
которая расположена на сайте, чтобы Dreamweaver мог должным
образом генерировать ссылки на эти файлы.
5. Dreamweaver сгенерирует страницу "Halo". При
предварительном просмотре в браузере (File > Preview in
Browser или F12) можно будет увидеть, что страница содержит
много эффектов CSS, подобных эффектам, которые можно видеть на
сайте Macromedia.
Источник: Macromedia Dreamweaver для
каждого -
статьи, форум, рейтинг
|
