Форматування тексту за допомогою Adobe CS5 Dreamweaver Property Inspector

Інспектор властивостей Adobe Creative Suite 5 (Adobe CS5) Dreamweaver використовується для застосування тегів HTML і створення класів CSS для форматування кольору тексту, обличчя, розміру та інших характеристик. Інспектор властивостей розділений на два представлення: HTML і CSS. Ви можете перемикати їх за допомогою кнопок ліворуч на панелі.

Змінити атрибути тексту.

Ось що означають усі кнопки на Інспекторі власності:

• Формат (HTML): використовуйте розкривний список Формат, щоб застосувати теги HTML, які форматують весь абзац, включаючи теги заголовків (заголовки 1 - заголовки 6), які зазвичай застосовуються до заголовків і заголовків, тег абзацу та попередньо відформатований текстовий тег . Пізніше ви можете легко налаштувати атрибути кожного з цих тегів за допомогою CSS.

  Останній вибір у випадаючому списку Формат — попередньо відформатований, що дозволяє вашому браузеру відображати текст саме так, як ви його створили.

• ID (HTML): це налаштування застосовує стиль ідентифікатора CSS до елемента. Ідентифікатори — це певний тип правила (або селектора) CSS, які використовуються для зберігання інформації про форматування, унікальної для окремого елемента на сторінці (наприклад, інформації про позиціонування для контейнера).

• Клас (HTML): цей розкривний список застосовує існуючий стиль класу до виділення на сторінці. Стилі класів можна створювати за допомогою інспектора властивостей або безпосередньо з панелі стилів CSS.

• Посилання (HTML): введіть гіперпосилання (наприклад, www.wiley.com ) або клацніть піктограму папки, щоб переглянути й посилатися на іншу сторінку вашого веб-сайту.

• Ціль (HTML): виберіть, де відображатиметься пов’язана ціль.

• Жирний (HTML/CSS): виділений жирний текст.

• Курсив (HTML/CSS): виділення виділеного тексту курсивом.

• Вирівнювання (CSS): Ви можете натиснути кнопки вирівнювання на панелі інструментів, щоб застосувати вирівнювання ліворуч, по центру та праворуч. Щоб повернутися до стандартного лівого вирівнювання, знову натисніть кнопку вибраного вирівнювання.

• Неупорядкований список (HTML): автоматично вставляти маркери перед переліченими елементами. У міру просування у використанні каскадних таблиць стилів ви можете застосувати багато інших атрибутів до списків, включаючи налаштування маркерів.

• Упорядкований список (HTML): автоматично нумерує кожен додатковий рядок тексту щоразу, коли ви натискаєте клавішу Enter (Windows) або Return (Mac).

  Щоб перевести текст на інший рядок без автоматичної нумерації, натисніть Shift+Enter (Windows) або Shift+Return (Mac).

• Відступ тексту (HTML): скасування натискання відступу за допомогою кнопки «Відступ тексту». Цей параметр видаляє

  тег, який створює кнопка «Відступ тексту».

• Відступ тексту (HTML): використовуйте цей параметр для відступу тексту. Просто помістіть курсор в абзац тексту, який потрібно зробити з відступом, і натисніть кнопку «Відступ тексту». А

  тег застосовано.

• Цільове правило (CSS): змініть існуюче правило CSS або створіть нове. Цей спадний список показує, чи створюєте ви нове правило чи змінюєте існуюче в інспекторі властивостей.

• Кнопки «Редагувати правило/панель CSS» (CSS): для правила, показаного в розкривному списку «Цільове правило», ви можете змінити властивості та значення цього правила в діалоговому вікні «Визначення правила CSS» або переглянути його на панелі «Стилі CSS» на право, відповідно.

• Шрифт (CSS): Шрифт — це шрифт, який ви вибираєте для відображення тексту. Пам’ятайте, що шрифт, який бачить глядач, залежить від доступності шрифтів на комп’ютері цього користувача. З цієї причини набори шрифтів обмежені базовими системними шрифтами, які встановлюються майже на кожному комп’ютері, незалежно від операційної системи.

  Переглядач може не мати шрифтів, які ви завантажуєте у свої набори шрифтів, тому намагайтеся дотримуватися таких поширених шрифтів, як ті, які вже включені в наявні набори шрифтів Dreamweaver.