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 — Ваш бизнес в сети".
бесплатная рассылка "Деньги и интернет. Как направить денежный поток в свой карман"

 


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