Інтеграція CSS і FrontPage

Як самі стилі CSS, так і правила для роботи з ними - це абстрактні службові елементи, які не будуть показані в режимі WYSIWYG. Звичайно, можна скористатися режимом редагування коду HTML. Це дозволить вам використати абсолютно всі можливості CSS, і в деяких ситуаціях результати можуть вразити. Однак з технічної точки зору робота з CSS в режимі коду забере у вас багато часу.

У цій ситуації FrontPage знову пропонує засоби, які полегшать вашу роботу. Вибравши в меню Format команду Style, ви відкриєте діалогове вікно Style (мал. 1). За допомогою цього діалогового вікна ви отримуєте зручний спосіб для роботи із стилями CSS на рівні сторінки.

Мал. 1. Діалогове вікно Style призначене для роботи зі стилями CSS

Коли ви в перший раз відкриєте це діалогове вікно, в списку Styles будуть показані всі доступні теги HTML, незалежно від того, чи визначені для них які-небудь правила. По визначенню будь-який з цих тегів може бути використаний як назва для клавіатурного селектора.

Щоб відобразити вже створені вами правила CSS для Web-сторінки, в списку List виберіть User-Defined Styles. При виборі будь-якого з цих стилів у вікні Paragraph preview буде показано, як буде виглядати абзац, до якого застосували цей стиль, а у вікні Character preview - як будуть виглядати символи з цим стилем. У полі Description виводиться текстовий опис атрибутів стилю.

Незалежно від того, чи вибрали ви всі теги HTML, чи ж тільки стилі, визначені користувачем, створення, зміна, видалення стилів CSS проводиться за допомогою тих же кнопок New (новий), Modify (змінити) і Delete (видалити) Видаляти можна тільки стилі, визначені користувачем. В результаті відкриється діалогове вікно (мал. 2), з яким ви вже, напевно, стикалися при роботі з різними елементами.

Мал. 2. Це діалогове вікно - головний відправний пункт для настройки параметрів шрифту, абзацу, рамки і списків для стилів CSS