Workstart.ru HTML stylesВ программе Dreamweaver существуют так называемые HTML - стили. Это не каскадные таблицы стилей CSS, прошу не путать, к тому же сравнивать их не стоит так как это абсолютно разные вещи.
Возможностей у HTML - стилей гораздо меньше чем у CSS, но тем не менее они могут быть полезны в определенных случаях.

Давайте рассмотрим на примере работу HTML - стилей.

В разделе "Design" найдите вкладку "HTML Styles"

Перед созданием стиля нужно знать что стили могут быть двух видов.

1) которые применяются к выделенному фрагменту текста
2) которые применяются ко всему параграфу

Создадим стиль для выделенного фрагмента.
В нижнем правом углу нажимаем на кнопку  , появится диалоговое окно "Define HTML Style"

В поле "Name" введите имя стиля. Можно вводить любое слово, главное чтобы было понятно Вам и впоследствии, когда стилей будет много, не путаться среди их имен. Назовем например "Стиль_1"

С помощью переключателей "Apply To" задается тип стиля.
Selection - для выделенного фрагмента
Paragraph - применяемый ко всему параграфу

Нажимаем Selection так как мы создаем стиль для выделенного фрагмента.

Далее видим переключатели "When Applying"
Add to Existing Style - добавить стиль к существующему форматированию
Clear Existing Style - отменяет существующее форматирование перед добавлением HTML - стиля

Рекомендую включить "Clear Existing Style". На мой взгляд это удобней.

С помощью "Font Attributes" задаем какой шрифт мы хотим видеть после применения стиля.
Font - имя шрифта
Size - размер шрифта
Color - цвет текста
B - жирный шрифт
I - курсив
Кнопка Other открывает меню дополнительных параметров. Эту кнопку можно не трогать.

Нажимаем OK и наш стиль готов.

Сразу же создадим второй стиль, который будет применятся для всего параграфа.
Так же как и в первом случае нажимаем кнопку  , открывается диалоговое окно "Define HTML Style"
В поле "Name" введем имя стиля. Например "Стиль_2"
Переключатель "Apply To" включим на значение "Paragraph" так как этот стиль будет применятся для параграфа.
Далее все по аналогии, как и в первом случае, но ниже кнопки "Other" видим что нам стала доступна группа  "Paragraph Attributes"

В раскрываюшимся списке "Format" можно задать формат Paragraph, Heading1..2 и так далее
С помощью расположенных ниже кнопок "Alignment" задается выравнивание текста:
1) По левому краю
2) По центру
3) По правому краю

Нажимаем OK. Второй стиль готов.

Теперь посмотрим как применяются HTML - стили.

К примеру у нас есть такой текст.

Выделяем нужную часть текста и кликаем на первом стиле. Выделенный текст сразу же принимает тот вид, который мы задали при создании первого стиля.

Чтобы применить следуюший стиль, ставим курсор перед нужным параграфом и кликаем на втором стиле. Текст в параграфе тут же меняется.
 

 

Любой созданный стиль можно отредактировать в любой момент. Для этого нажмите правой кнопкой мыши на редактируемом стиле, откроется меню. Выбираем пункт "Edit", редактируем, жмем OK. Все! Стиль с новыми параметрами готов.
 

 

Урок подготовил: Александр Мигулёв "www.workstart.ru - Ваш бизнес в сети".
Ведущий бесплатной рассылки "Деньги и интернет. Как направить денежный поток в свой карман"

 

метки: css, dreamweaver, html

Статьи по теме:

Добавить эту страницу в закладки: