Элективный курс "Технология создания сайтов с помощью WEB-редакторов"
 
Разделы пособия:
 
# 26 >> Каскадные таблицы стилей > Создание нового стиля
 

Знакомство с Dreamweaver

Настройка Dreamweaver

Работа с текстом

Гиперссылки

Ссылки на изображения

Таблицы

Каскадные таблицы стилей

Творческое задание

Источники

 

<<Назад | На главную | Вперед >>


7. Каскадные таблицы стилей

7.1. Создание нового стиля.

Каскадные таблицы стилей или просто таблицы стилей (CSS — Cascading Style Sheets) — это набор правил, описывающих форматирование разных фрагментов HTML-кода и хранящихся отдельно от него. Одно такое правило, отображающее форматирование какого-то одного фрагмента или однотипной группы фрагментов кода, называется стилем.

Таблицы стилей описываются на особом языке CSS и хранятся в особых файлах с расширением css, хотя могут быть внедрены в саму Web-страницу.

В Dreamweaver вся работа со стилями протекает в панели CSS Styles. Чтобы открыть эту панель, войдите в меню Window и выберите пункт CSS Styles.

Открылась панель CSS Styles.

Чтобы создать новый стиль, нажмите кнопку New CSS Rule в нижней части панели.

В открывшемся диалоговом окне New CSS Rule в поле Name (Имя) вводится название таблицы стилей.

При необходимости, в поле Define in (Располагать в) можно выбрать, будет ли создаваться таблица стилей в новом файле или только в текущем документе.

Для создания стиля с выбранными параметрами нажмите кнопку ОК.

В открывшемся окне предлагается выбрать путь для сохранения файла таблицы стилей. Введем имя файла, для примера - NewStyle.

В поле URL можно, при необходимости, изменить путь к файлу стиля. Этот путь будет содержаться в документе HTML, и важно, чтобы файл стиля находился именно по этому адресу, иначе он будет неприменим к документу. Если в поле URL указан не путь, а только имя файла, то значит, таблица стилей должна находиться в одном каталоге с документом.

Ниже, в поле Relative to (Относить к) выбирается, будет ли путь относительным, то есть, привязан к определенному местонахождению, или абсолютным, то есть, файл стиля будет привязан к корню web-сайта.

Нажмите кнопку Сохранить.

Стиль будет сохранен, после чего автоматически откроется окно задания параметров стиля.

 


<<Назад | На главную | Вперед >>

 
 

 

 

 
       
 
МОУ "Гимназия № 6" г. Воркуты
E-mail:gimnaziya6@mail.ru
 

(С) Янактаев Евгений Владимирович, 2009
E-mail:teacher.g6@mail.ru

Сайт создан в системе uCoz