При создании новой страницы в
Dreamweaver можно создать страницу,
которая уже содержит макет CSS.
Dreamweaver
поставляется с 16 различными макетами CSS на выбор. Кроме того, можно
создавать собственные макеты CSS и добавлять их в папку конфигураций.
Созданные макеты появятся в диалоговом окне «Создать документ» в списке
выбора макетов.
Dreamweaver Макеты CSS отображаются правильно в следующих браузерах:
Firefox (Windows и Macintosh) 1.0, 1.5, 2.0, и 3.6; Internet Explorer
(Windows) 5.5, 6.0, 7.0 и 8.0; Opera (Windows и Macintosh) 8.0, 9.0 и
10.0; Safari 2.0, 3.0 и 4.0, а также Chrome 3.0.
Справочную статью, в которой объясняется, как использовать поставляемые
с Dreamweaver макеты CSS, можно найти на странице Dreamweaver Developer
Center.
Кроме того, на странице Adobe Dreamweaver Exchange доступны
дополнительные макеты CSS.
Создание страницы с макетом CSS
1 Выберите «Файл» > «Создать».
2 В диалоговом окне «Создать документ» выберите категорию «Пустая
страница». (Это выбор по умолчанию).
3 В «Тип страницы» выберите вид создаваемой страницы.
Примечание.
Необходимо выбрать тип страницы HTML для макета. Например, можно
выбрать HTML, ColdFusion®, PHP и т.п. Невозможно создать страницу
ActionScript™, CSS, Library Item, JavaScript, XML, XSLT или ColdFusion
Component с макетом CSS. Типы страниц в диалоговом окне «Создать
документ» в списке «Другое» также не могут содержать макеты страниц CSS.
4 В списке «Макет» выберите макет CSS, который планируется
использовать. Можно выбрать из 16 различных макетов. Окно «Просмотр»
показывает макет и дает краткое описание выбранного макета.
Предварительно созданные макеты CSS позволяют выбрать следующие типы
колонок.
Fixed
Ширина столбца задана в пикселях. Размер столбца не изменяется в
зависимости от размера браузера или текстовых параметров посетителя
сайта.
Liquid Ширина
столбца задана в процентах от ширины браузера. Оформление меняется,
когда посетитель сайта меняет ширину окна браузера, но не меняется в
зависимости от параметров шрифта, заданных посетителем сайта.
5 Выберите тип документа из всплывающего меню «Тип документа».
6 Выберите положение макета CSS в «Макет CSS» во всплывающем меню.
Добавить в заголовок
Добавляет таблицу стилей CSS для макета в заголовок создаваемой
страницы.
Создание нового файла
Добавляет CSS для макета в новую внешнюю таблицу стилей CSS и
прикрепляет новую таблицу стилей к создаваемой странице.
Ссылка на существующий файл
Позволяет задать существующий файл CSS, который уже содержит правила
CSS, необходимые для макета. Этот параметр особенно полезен, если
необходимо использовать один и тот же
макет CSS (правила CSS, содержащиеся в одном файле) в нескольких
документах.
7 Выполните одно из следующих действий.
• Если во всплывающем меню «Макет CSS» выбрано «Добавить в заголовок»
(параметр по умолчанию), то щелкните «Создать».
• Если во всплывающем меню «Макет CSS» выбрано «Создать новый файл», то
щелкните «Создать», а потом укажите имя для нового внешнего файла в
диалоговом окне «Сохранить файл таблицы стилей как».
• Если во всплывающем меню «Макет CSS» выбрано «Ссылка на существующий
файл», то добавьте внешний файл в текстовое поле «Присоединить файл
CSS», щелкнув значок «Добавить таблицу стилей». По окончании нажмите
кнопку «Создать» в диалоговом окне «Создать документ».
Примечание. Если выбран параметр «Ссылка на существующий файл», то в
указанном файле должны содержаться правила для файла CSS.
Если поместить макет CSS в новый файл или привязать к существующему
файлу, Dreamweaver автоматически привяжет файл к создаваемой
HTML-странице.
Примечание. Условные комментарии Internet Explorer (CCs), которые
помогают работать с проблемами отображения в IE, остаются встроенными в
заголовок документа с новым макетом CSS, даже если в качестве места для
макета CSS выбран пункт «Создать внешний файл» или «Существующий
внешний файл».
8 При создании страницы, не связанной с макетом CSS, к ней также можно
присоединить таблицы стилей CSS (необязательно). Для этого щелкните
значок «Присоединить таблицу стилей» над областью «Присоединить
CSS-файл» и выберите существующую таблицу стилей CSS.
Добавление заказных макетов CSS в список вариантов для выбора
1 Создайте HTML-страницу, содержащую макет CSS, который вы хотите
добавить в список вариантов для выбора в диалоговом окне «Создание
документа». CSS для макета должен размещаться в заголовке HTML-
страницы.
Чтобы согласовать заказной макет CSS с другими макетами, которые
поставляются с Dreamweaver, необходимо сохранить HTML файл с
расширением «.htm».
2 Добавьте HTML-страницу в папку Adobe Dreamweaver
«CS5\Configuration\BuiltIn\Layouts».
3 (Необязательно) Добавьте изображение для просмотра макета (например,
файл с расширением «.gif» или «.png») в папку Adobe Dreamweaver
«CS5\Configuration\BuiltIn\Layouts». Изображения по умолчанию,
поставляемые с Dreamweaver, это PNG-файлы шириной в 227 пикселов и
высотой в 193 пиксела.
Назовите файл предварительного просмотра так же, как и HTML-файл, чтобы
его можно было легко отследить. Например, если HTML-файл называется
«myCustomLayout.htm», то назовите изображение для просмотра
«myCustomLayout.png».
4 (Необязательно) Создайте файл примечаний для заказного макета, открыв
папку Adobe Dreamweaver «CS5\Configuration\BuiltIn\Layouts\_notes»,
скопировав и добавив в эту же папку все существующие файлы примечаний и
переименовав копию для своего заказного макета. Например, можно
скопировать файл «oneColElsCtr.htm.mno» и переименовать его в
«oneColElsCtr.htm.mno».
5 (необязательно) После создания файла примечаний для заказного макета
можно открыть файл и указать имя макета, описание и изображение для
просмотра.
Дополнительно:
Макеты
страниц
Обучающие материалы по созданию макетов страниц CSS и по работе с
другими улучшениями CSS можно найти на странице
www.adobe.com/go/learn_dw_comm05_ru
(видео, англ. язык).
Вернуться к: Использование
CSS
