15.10.9. Форматирование текста

Для создания стиля используется окно New Style (рис. 15.10.9.1).

Рис. 15.10.9.1. Окно создания нового стиля

Можно выбрать один из трех вариантов - создать новый стиль, переназначить свойства стандартного HTML-тега и использовать спе­циаль­ные расширения CSS.

После указания имени вашего стиля или выбора стандартного стиля для переназначения появится многостраничное окно настройки стиля. За результатами изменения стиля можно наблюдать в режиме Realtime. Если поле окна настройки помечено звездочкой, это означает, что данный вариант не отображается визуально в Dreamweaver и его нужно проверить в броузере. Рассмотрим страницы окна настройки.

СтраницаType определяет вид отдельной буквы: шрифт (конкрет­­ный или предлагаемый), размер шрифта (в процентах, пикселями, пунк­тах и др.), толщина буквы, стиль написания (наклонный, стандарт­ный), вариации написания (например, весь текст набран только строчными или только заглавными буквами), высота базовой линии шрифта (в пунк­тах, пикселях и др.), регистр букв (большие, маленькие или те и другие), декор (подчеркивание, мигание и пр.), цвет текста (рис. 15.10.9.2).

Рис. 15.10.9.2. Страница Type

СтраницаBackgroundопределяет фон всей странички или только заданного абзаца текста: цвет фона (выбираете вариант из стандартных 256 цветов или создаете свой цвет), файл с фоновым изображением, настройку повторения фонового изображения по странице (например, можно задать, чтобы изображение копировалось только по оси X)^*, поведение фонового изображения при прокрутке страницы (прокручивается вместе с ней или стоит на месте)^*, горизонтальную и вертикальную позицию начала фона, параметры блока текста (расстояние между словами, буквами, верти­каль­ное и горизонтальное выравнивание строки текста, отступ первой строки текста, расстановка дополнительных пробелов между словами и предложениями) (рис. 15.10.9.3).

Страница Boxустанавливает ограничения данного куска текста на странице: ширина и высота прямоугольника с текстом, выключки влево или вправо и поведение текста при использовании элемента с выключкой влево или вправо (как текст обтекает подобный объект), отступ от края прямоугольника до расположенных рядом других элементов, отступ от краев прямоугольника до текста (рис. 15.10.9.4).

Рис. 15.10.9.3. Страница Background

Рис. 15.10.9.4. Страница Box

СтраницаBorderпозволит создать бордюр вокруг элемента со всеми необходимыми вам настройками: ширина и цвет бордюра слева, справа, сверху и снизу, стиль бордюра, настройка списков (нумерованного, маркерованного), формат маркера, использование в качестве маркера картинки, позиционирование маркера.

Страница Positiningзадает местоположение объекта на страничке: тип позиционирования (относительное, абсолютное и т.д.), расположение по Z-координате (в каком слое будет находиться объект), видимый или невидимый объект (может использоваться для создания пустых полей в документе), обработка переполнения (текст весь не помещается), распо­ло­же­ние объекта (указание координат вершины, ширины и высоты), отступы со всех сторон в пикселях или других единицах.

Последняя страницазадает указание обрыва страницы (в основном для печати) и визуальный эффект - при наведении на объект курсора он может менять свою форму или при загрузке объекта срабатывает один из стандартных фильтров (последнее верно только для Internet Explorer).

Примерсоздания “Буквицы” для каждого нового параграфа.

Зададим характеристики шрифта (рис. 15.10.9.2). В качестве фона вы­­берем более светлый цвет, чем цвет самого текста (рис. 15.10.9.3). На странице Boxукажем, что сам элемент будет сдвинут влево, а элементы вокруг него будут сдвигаться вправо (рис. 15.10.9.4).