Ілюстрований самовчитель по adobe dreamweaver mx> каскадні таблиці стилів> робота з

Робота з таблицями стилів в Dreamweaver. Створення стилів.

Заспокойтеся. Все в порядку. Dreamweaver чудово підтримує і зовнішні, і внутрішні таблиці стилів і дозволяє вам створювати стилі, "зрозумілі" найостаннішим на момент його виходу в світ Web-оглядачам. А застосовувати створені стилі до елементів сторінки взагалі простіше простого.

Але навіщо ж знадобилося стільки вихідного коду? Для того щоб ви зрозуміли, що таке таблиці стилів і як вони працюють. А роз'яснити це найпростіше на прикладах, написаних на мовах HTML і CSS. До того ж, знати мови HTML і CSS Web-дизайнеру зовсім не шкідливо, навпаки, корисно. Зайві знання - багаж необтяжливий і часто опиняється зовсім не зайвим.

створення стилів

Перед тим як почати експериментувати зі стилями, відкрийте Web-сторінку 1.1.htm, створену нами на самому початку вивчення Dreamweaver. Над її вмістом ми і будемо знущатися. Тільки перезберегти її під ім'ям 10.2.htm, вибравши пункт Save As в меню File або натиснувши комбінацію клавіш CTRL + SHIFT + S.

Вся робота зі стилями протікає в панелі CSS Styles Dreamweaver, показаної на рис. 10.3. Щоб викликати її на екран, або виберіть в меню Window пункт CSS Styles. або натисніть комбінацію клавіш SHIFT + F11.

Щоб створити новий стиль, виберіть пункт New CSS Style контекстного або додаткового меню або натисніть однойменну кнопку (рис. 10.4), розташовану в правому нижньому кутку панелі CSS Styles. Також ви можете активізувати вікно документа і вибрати пункт New style підміню CSS Styles контекстного меню або однойменний пункт однойменного підміню, що знаходиться в меню Text. В результаті будь-якого з цих дій на екрані з'явиться діалогове вікно New CSS Style. показане на рис. 10.5.


Мал. 10.4. Кнопка New CSS Style


Мал. 10.5. Діалогове вікно New CSS Style

НАШІ ПРОЕКТИ

Схожі статті