Иллюстрированный самоучитель по Web-разработке на Macromedia Studio MX

Шрифты и Macromedia MX Studio

Стили HTML в Dreamweaver MX

Мы живем в несовершенном мире Web, где трудно что-нибудь предсказать. Мы не можем предугадать, какие шрифты будут установлены на компьютере пользователя. Мы даже не знаем, какую версию и какого браузера он будет использовать. Таблицы стилей добавляют последовательность в компоновку страниц. Проблема с ними состоит в том, что с ними работают браузеры (имеются в виду IE. – Прим, перев.) только версии 4.0 и выше.

Первым решением, которое приходит на ум, является использование стилей HTML, пока версии браузера 3.0 и ниже не исчезнут полностью с карты планеты. Стили HTML в Dreamweaver MX являются собратьями стилей CSS, но имеют фундаментальное отличие – Dreamweaver добавляет дескрипторы HTML в стиль, а не в описание CSS. При использовании стилей HTML помните о трех важных отличиях между стилями HTML и CSS.

  • Если меняется атрибут стиля HTML, изменение локальное, а не глобальное.
  • Стили HTML используют дескрипторы HTML. Например, нельзя удалить подчеркивание с фрагмента текста, что довольно просто в CSS.
  • Изменения в стиле HTML применяются к одному документу узла. Изменения в таблице CSS применяются ко всем страницам узла, которые не используют внешние таблицы стилей.

Тут важно устранить недопонимание. Нельзя избегать стилей HTML, поскольку они являются очень продуктивным решением и обучение им достаточно просто. Чтобы применить стили HTML в Dreamweaver MX, выполните следующие действия.

  1. Запустите Dreamweaver MX и откройте в нем файл Lorem.htm, находящийся в папке DWTypography каталога Exercise на Web-узле настоящей книги.
  2. Откройте панель HTML Styles. Для этого выберите в меню пункт Window › HTML Styles (или нажмите комбинацию клавиш CTRL + F11, или щелкните на кнопке HTML Styles панели Design).
  3. В меню панели выберите пункт New. В открывшейся панели Define New Style выберите следующие установки.
    Установка Значение
    Name New Paragraph
    Apply To Selection
    When Applying Clear Existing Style
    Size 4
    Color FFOOOO
    Style Bold
  4. Щелкните на кнопке ОК.
  5. Выделите первый абзац текста и щелкните на только что созданном стиле New Style панели HTML Styles (рис. 7.13). Новый стиль будет применен к выделенному абзацу. Для того чтобы вернуть текст в исходное состояние, выделите его и щелкните на кнопке Clear Selection Style панели HTML Styles. Для того чтобы удалить стиль из таблицы, выделите его и выберите в меню панели пункт Delete. Для того чтобы отредактировать стиль, выделите его и в меню панели выберите пункт Edit. Откроется редактор стилей HTML, в котором можно внести нужные изменения.

Иллюстрированный самоучитель по Web-разработке на Macromedia Studio MX › Планирование внешнего вида страниц › Шрифты и Macromedia MX Studio
Рис. 7.13. Стиль определен и применен

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.