Робота з таблицями стилів в 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