Використання форматування HTML
Незважаючи на те, що найкращим методом форматування тексту є CSS, Dreamweaver дозволяє форматувати текст за допомогою HTML.
форматування абзаців
За допомогою спливаючого меню «Формат» в інспектора властивостей (розділ HTML) або підміню «Формат»> «Формат абзацу» можна застосовувати стандартні теги абзаців і заголовків.
1 Розмістіть курсор в абзаці або виділіть частину його тексту.
2 В інспектора властивостей підміню «Формат»> «Формат абзацу» або у спливаючому меню «Формат» виберіть один з варіантів дій.
• Виберіть формат абзацу (наприклад, «Заголовок 1», «Заголовок 2», «Форматований текст» і т.д.). До всього абзацу буде застосований HTML-тег, пов'язаний з обраним стилем (наприклад, тегу h1 відповідає стиль «Заголовок 1», h2 - «Заголовок 2», pre - «Форматований текст» і т.д.).
• Виберіть пункт «Немає», щоб видалити форматування абзацу.
Зміна кольору виділеного тексту
❖ Виберіть «Формат»> «Колір», виберіть колір за допомогою системної палітри кольорів і натисніть кнопку «ОК».
вирівнювання тексту
Для вирівнювання тексту за допомогою HTML використовується меню «Формат»> «Вирівнювання». Щоб вирівняти який-небудь елемент сторінки по центру, скористайтеся командою «Формат»> «Вирівнювання»> «По центру».
Вирівнювання тексту на сторінці
1 Виділіть текст, який потрібно вирівняти, або просто встановіть курсор в початок тексту.
2 Виберіть меню «Формат»> «Вирівнювання» і виберіть відповідну команду вирівнювання.
Вирівнювання елементів сторінки по центру
1 Виділіть елемент (зображення, модуль, таблицю або інший елемент таблиці), який необхідно вирівняти по центру.
2 Виберіть «Формат»> «Вирівнювання»> «По центру».
Примітка. Вирівнювати по центру можна цілі блоки тексту, але не частини заголовків або абзаців.
відступ тексту
За допомогою команди «Відступ» можна застосувати до абзацу тексту HTML-тег blockquote, створивши відступ тексту з обох боків сторінки.
1 Встановіть курсор в абзац, в якому необхідно зробити відступ.
2 Виберіть меню «Формат»> «Відступ» або «Виступ» або виберіть «Список»> «Відступ» або «Виступ» в контекстному меню.
Примітка. До абзацу можна застосувати кілька відступів. Кожен раз при виборі цієї команди виконується подальший відступ тексту від обох сторін документа.
Застосування стилів шрифтів
HTML-форматування можна застосувати як до одній букві, так і до цілих параграфів і блокам тексту на сайті. Використовуйте меню «Формат» для визначення або зміни параметрів шрифту для виділеного тексту. Можна задати тип шрифту, стиль (наприклад, напівжирний або курсив), а також розмір.
1 Виділіть текст. Якщо ви не виділили жодного, функція застосовується до подальшого вводиться тексту.
2 Виберіть із наведеного нижче.
• Щоб змінити шрифт, виберіть поєднання шрифтів в меню «Формат»> «Шрифт». Виберіть «За замовчуванням», щоб скасувати раніше застосовані шрифти. Параметр «За замовчуванням» застосовує до виділеного тексту шрифт за замовчуванням (або з браузера, або призначений даного тегу в таблиці стилів CSS).
• Щоб змінити зображення шрифту, виберіть накреслення шрифту (напівжирний, курсив, підкреслення і т.п.) в меню «Формат»> «Стиль».
додатково:
Створення макетів сторінок за допомогою CSS
Створення нового правила CSS
Перейменування класу в інспектора властивостей HTML
Dreamweaver відображає всі класи, доступні для сторінки, в меню «Клас» інспектора властивостей (розділ HTML).
Стилі в цьому списку можна перейменувати, вибравши команду «Перейменувати» в кінці списку стилів класу.
1 Виберіть у спливаючому меню «Стиль» інспектора властивостей тексту команду «Перейменувати».
2 У спливаючому меню «Перейменувати стиль» виберіть стиль, який потрібно перейменувати.
3 В текстовому полі «Нове ім'я» введіть нове ім'я і натисніть кнопку «ОК».
Додавання інтервалів між абзацами
Dreamweaver працює подібно безлічі інших текстових процесорів: при натисканні клавіші «Enter» (Windows) або «Return» (Macintosh) створюється новий абзац. Веб-браузери автоматично вставляють між абзацами пустий рядок. Можна додати окрему порожній рядок між абзацами, вставивши розрив рядка.
Додавання символу кінця абзацу
❖ Натисніть кнопку «Введення» (Windows) або «Return» (Macintosh).
Додавання розриву рядка
❖ Виконайте одну з таких дій.
Використання горизонтальних ліній
Горизонтальні лінійки (лінії) корисні для впорядкування інформації. На сторінці можна візуально відокремити текст і об'єкти за допомогою однієї або декількох лінійок.
Створення горизонтальної лінійки
1 В області «Вікно документа» встановіть курсор там, де необхідно вставити горизонтальну лінійку.
2 Виберіть меню «Вставка»> «HTML»> «Горизонтальна лінія».
Зміна горизонтальної лінії
1 В області «Вікно документа» виділіть горизонтальну лінію.
2 Виберіть меню «Вікно»> «Властивості», щоб відкрити інспектор властивостей, і змініть потрібні властивості.
Текстове поле ідентифікатора У цьому полі можна вказати ідентифікатор для горизонтальної лінійки.
W і H (ширина і висота) Вказують ширину і висоту лінійки в пікселах або відсотках від розміру сторінки.
Вирівнювання Вказує спосіб вирівнювання лінійки ( «За замовчуванням», «По лівому краю», «По центру» або «По правому краю»). Цей параметр застосовується тільки в разі, коли ширина лінійки менше ширини вікна браузера.
Заливка Вказує, чи відображається лінійка з заливкою. Якщо скасувати вибір цього параметра, лінійка буде намальована суцільним кольором.
Клас Дозволяє приєднати таблицю стилів або застосувати клас з уже приєднаної таблиці стилів.
Зміна поєднань шрифтів
За допомогою команди «Редагувати список шрифтів» можна задати поєднання шрифтів, які відображаються в інспектора властивостей або підміню «Формат»> «Шрифт».
Сполучення шрифтів визначають, як браузер відображає текст веб-сторінки. Браузер використовує перший шрифт зі сполучення, встановлений на користувальницької системі. Якщо не встановлено жодного шрифт зі сполучення, текст відображається так, як зазначено в параметрах користувача браузера.
Зміна поєднань шрифтів
1 Виберіть «Формат»> «Шрифт»> «Зміна списку шрифтів».
2 Виберіть поєднання шрифтів зі списку у верхній частині діалогового вікна.
Шрифти з обраного поєднання перераховуються в списку «Вибрані шрифти» в лівому нижньому кутку діалогового вікна. Справа знаходиться список всіх доступних шрифтів, встановлених в системі.
3 Виконайте одну з таких дій.
• Щоб додати або видалити шрифти з поєднання, скористайтеся кнопками зі стрілками ( «<<» или «>> ») Між списками« Вибрані шрифти »і« Доступні шрифти ».
• Щоб додати або видалити поєднання шрифтів, скористайтеся кнопками зі знаками «Плюс» (+) або «Мінус» (-) у верхній частині діалогового вікна.
• Щоб додати шрифт, що не встановлений в системі, введіть його ім'я в текстовому полі під списком «Доступні шрифти» та натисніть кнопку «<<», чтобы добавить шрифт в сочетание. Добавление не установленного в системе шрифта полезно, например, для указания шрифта, используемого только в ОС Windows при разработке страниц в ОС Macintosh.
• Щоб перемістити поєднання шрифтів вгору або вниз за списком, скористайтеся кнопками зі стрілками у верхній частині діалогового вікна.
Додавання нового поєднання в список шрифтів
1 Виберіть «Формат»> «Шрифт»> «Зміна списку шрифтів».
2 Виберіть шрифт зі списку «Доступні шрифти» та натисніть кнопку «<<», чтобы переместить его в список «Выбранные шрифты».
3 Повторіть крок 2 для кожного наступного шрифту в поєднанні.
Щоб додати шрифт, що не встановлений в системі, введіть його ім'я в текстовому полі під списком «Доступні шрифти» та натисніть кнопку «<<», чтобы добавить шрифт в сочетание. Добавление не установленного в системе шрифта полезно, например, для указания шрифта, используемого только в ОС Windows при разработке страниц в ОС Macintosh.
4 Після завершення додавання особливих шрифтів виберіть узагальнене сімейство шрифтів в меню «Доступні шрифти» та натисніть кнопку «<<», чтобы переместить это семейство в список «Выбранные шрифты».
Узагальнені сімейства шрифтів включають в себе «Cursive», «Fantasy», «Monospace», «Sans-Serif» і «Serif».
Якщо в призначеній для користувача системі не доступний жоден шрифт зі списку «Вибрані шрифти», текст відображається шрифтом за замовчуванням, пов'язаних з узагальненим сімейством. Наприклад, на більшості систем моноширинний шрифт за замовчуванням - Courier.
вставка дати
Dreamweaver підтримує зручний об'єкт Date, призначений для вставки поточної дати в улюбленому форматі (з часом або без нього) і підтримує можливість поновлення цієї дати кожен раз при збереженні файлу.
Примітка. Значення дати й часу, які відображаються в діалоговому вікні «Вставити дату», не відповідають ні поточну дату, ні значенням дати / часу, що відображається відвідувачу сайту. Це тільки приклади способу відображення даної інформації.
1 В області «Вікно документа» встановіть курсор в тому місці, де необхідно вставити дату.
2 Виконайте одну з таких дій.
3 У діалоговому вікні виберіть формат дати, часу і назви дня тижня.
4 Щоб оновлювати вставлену дату кожен раз при збереженні документа, встановіть прапорець «Оновити автоматично при збереженні». Щоб перетворити дату після вставки в простий текст і ніколи не оновлювати автоматично, обирайте цей параметр.
5 Натисніть кнопку «ОК», щоб вставити дату.
Якщо встановлено прапорець «Оновити автоматично при збереженні», можна змінити формат дати після вставки дати в документ, клацнувши на отформатированном тексті і вибравши команду «Змінити формат дати» в інспектора властивостей.