s (крім того, вказати тип блоку тексту (абзацу) можна в меню Text= gt; Paragraph Format або в розділі Paragraph Format контекстного меню, що з'являється при клацанні правою кнопкою миші в полі документу).
Малюнок 3.5 - Панель властивостей об'єктів
Виділивши, блок тексту або просто встановивши курсор в будь-яке місце абзацу, можна вибрати його тип у полі Format. У відповідності з елементами мови HTML можливі наступні варіанти: Paragraph - звичайний абзац (обмежений тегами lt; Р gt;), Heading 1 ... 6 - заголовки відповідного рівня (обмежені тегами lt; Н1 gt; ... lt; H6 gt;), Preformatted - попередньо форматований текст (тег lt; PRE gt;) або None - блок тексту перестає бути абзацом.
Використання тегів візуального форматування є небажаним.
У Dreamweaver для форматування тексту можна використовувати каскадні таблиці стилів (CSS, Cascade Style Sheet). Перевага CSS - зручність редагування дизайну всього сайту шляхом зміни всього одного файлу CSS і скорочення обсягу сайту через винесення оформлення в окремий файл CSS.
Таблиця стилів (CSS) складається з набору правил. Кожне правило, у свою чергу, складається з одного або декількох селекторів, розділених комами, і блоку визначень. Блок визначень обрамляється фігурними дужками і складається з набору властивостей і їх значень. Схематично це можна показати так:
селектор {
свойство1: значення;
властивість2: значення;
...
свойствоn: значення;
}
Dreamweaver дозволяє редагувати правила CSS з використанням спеціальних панелей і діалогових вікон, які представляють правила в наочній формі.
Для відображення панелі стилів потрібно виконати команду Window= gt; CSS Styles або натиснути на кнопку CSS Styles в навігаторі панелей.
Малюнок 3.6 - Панель стилів
Для створення нового стилю (правила) треба натиснути кнопку New CSS Rule на панелі стилів або вибрати команду New ... з контекстного меню, що з'являється при клацанні правою клавішею миші будь-де панелі стилів.
У діалоговому вікні необхідно вказати тип створюваного стилю - список Selector Type. Class (can apply to any HTML element) створює іменований стиль, який може бути застосований до різних блокам тексту. При цьому в полі Selector Name необхідно вказати ім'я - ідентифікатор стилю (CLASS). Воно повинно починатися з символу точка, є ідентифікатором класу. Tag (redefine an HTML element) перевизначає параметри форматування певного тега, який необхідно вибрати в списку Tag. ID (applies to only one HTML element) дозволяє визначити форматування для тегів, що містять особливий ідентифікатор. Ідентифікатори використовуються аналогічно іменованих стилям, але призначені для форматування елементів, що вимагають індивідуальної обробки. В інших випадках переважним є використання іменованих стилів (CLASS).
Далі необхідно визначити, де буде розташовано опис стилів список Rule Definition. При виборі New Style Sheet File таблиця стилів буде збережена в окремому файлі, посилання на який буде вставлена ??особливим чином в заголовок створюваного HTML-документа (якщо з редагованої сторінкою вже пов'язані які-небудь файли з описом стилів, то їх імена будуть перераховані у списку). При такому підході одна і та ж таблиця стилів може використовуватися в різних документах. Це особливо зручно, коли треба визначити елементи форматування, загальні для всіх сторінок сайту. У другому випадку (This Document Only) опис стилів буде збережено безпосередньо в редагованому документі (і відповідно може бути використано тільки в його межах). Такий варіант зручний для створення стилів, специфічних для даної сторінки.
Малюнок 3.7 - Створення нового стилю
Після того як всі параметри визначені, можна натиснути «ок», після чого відкриється діалогове вікно визначення параметрів нового стилю. У лівій його частині в списку Category можна вибирати групи параметрів форматування, які необхідно визначити.
Type - параметри форматування шрифту. У полі Font-family можна задати гарнітуру шрифту. Поле Font-size дозволяє визначити розмір шрифту. Він може бути заданий числовою величиною, тоді в сусідньому полі необхідно вказати одиниці виміру (найбільший інтерес тут представляють піксель - pixels і традиційна типографська одиниця виміру пункт - points). Крім того, розмір може бути заданий за допомогою однієї із зумовлених відносних одиниць виміру або у відсотках від успадкованого розміру.
Малюнок 3.8 - Діалогове вікно визначення параметрів новог...
