Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
 

   Графика и дизайн -> DreamWeaver -> Использование готовых стилей CSS в Dreamweaver MX


Использование готовых стилей 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.

Кнопка добавления стилевой таблицы  Attach Style Sheet в панели CSS Styles

3. Внизу диалогового окна Attach External Style Sheet, нажмите на ссылке sample style sheets в текстовой строке "Dreamweaver has sample style sheets to get you started".

You can choose to use a sample style sheet in the Attach Style Sheet dialog box

4. В диалоговом окне Sample Style Sheets, когда выбираете стиль CSS, можно его просмотреть относительно страницы. Нажмите кнопку Preview, чтобы временно применить стиль CSS к текущему документу для просмотра. Это изменение только временно и не будет заменять код документа, пока не нажата кнопка OK. Также можно, нажав кнопку Browse, внизу диалогового окна Sample Style Sheets выбирать папку на диске, где сохранять файл CSS.

Вы можете просматривать как будет выглядеть страница с каскадной таблицей в диалогом окне Sample Style Sheets

5. Щелкните OK, чтобы применить лист стиля или Отмена, чтобы отменить это действие.

Использование шаблонов страниц "Halo"

В дополнение к выбору встроенных стилей CSS, Macromedia Dreamweaver MX 2004 также включают типовые страницы, которые полностью используют свойства CSS, для создания страниц, которые похожи на вид страниц "Halo", страниц собственного сайта Macromedia. Вставить страницу с дизайном "Halo":

1. Выберите File > New.
2. В диалоговом окне New Document, выберите Page Designs (CSS). Выбор типовых шаблонов страниц появится в средней части, справа можно просмотреть дизайн страницы. Есть два шаблона "Halo", и четыре других, основанных на CSS.

Использование шаблонов страниц Halo

3. Выбираете желательный дизайн страницы и нажимаете Create.
4. Dreamweaver спросит, какое название дать файлу, затем папку, в которой хотите сохранить файлы CSS, изображения и используемые страницы. Рекомендуем сохранять файлы в папке, которая расположена на сайте, чтобы Dreamweaver мог должным образом генерировать ссылки на эти файлы.

Список файлов, которые должны быть скопированы на сайт

5. Dreamweaver сгенерирует страницу "Halo". При предварительном просмотре в браузере (File > Preview in Browser или F12) можно будет увидеть, что страница содержит много эффектов CSS, подобных эффектам, которые можно видеть на сайте Macromedia.

Источник: Macromedia Dreamweaver для каждого -
статьи, форум, рейтинг

 

 
Интересное в сети
 
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full


Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.
 
Rambler's Top100