網頁快刀!DW 8.0新功能圖文實例講解
分享
在網頁中插入視頻文件以后,我們再在它的下方輸入一段文字來體驗一下Dreamweaver8 的CSS支持給我們帶來了哪些新變化?使用文本工具輸入一段文字,然后打開CSS面板。

新的CSS面板完全設計成了一個統一的面板,我們在此面板中可以快速確認樣式、編輯樣式、查看應用于頁面元素的樣式。
單擊“添加屬性”,可以直接輸入樣式屬性,比如我輸入Color,然后在后面的顏色選擇器中選擇一種顏色就可以了。當然其它CSS屬性也可以直接在這里輸入,這比起以前要反復修改網頁代碼真是方便了不少。

單擊CSS面板中的Current按鈕,可以顯示當前所選中內容的CSS摘要,而與所選內容無關的CSS會以刪除線的形式出現。這個功能對我們快速確認應用于當前選定元素的CSS屬性十分有幫助,在列表中可以方便地查看哪種樣式中的哪質糶員揮τ玫降鼻把≈械腦亍P碌腃SS控制面板可以使我們從復雜的多種CSS樣式中解脫出來,從而輕松完成一個網頁的內容格式化。
好了,我們再來看看在可視化助理方面提供了對CSS的新支持。執行“查看/可視化助理”菜單命令,你會發現多了“CSS Layout Backgrounds”、“CSS Layout Box Model”、“CSS Layout Outlines”三個選項,分別為背景模式、框模式和外形輪廓模式顯示CSS樣式效果。
另外,還有一個值得我們關注的新功能――樣式呈現工具欄,使用這個新功能我們可以為不同的媒體類型進行設計,比如屏幕、手持設備、打印輸出設備、電視設備、投影設備等等。當我們將外部樣式表附加到文檔中時可以指定樣式表的類型,下面是建立好的三個樣式表文件,分別應用于屏幕、打印設備和電視,并已被鏈接到網頁中。
在工具欄上單擊鼠標右鍵,選中“樣式呈現”選項,就會在工具欄下方出現“樣式呈現”的各個按鈕了。

每一個按鈕都有自己不同的用途,從左到右依次為屏幕、打印、手持設備、投影設備、TTY、TV和打開/關閉CSS。單擊不同的按鈕,可以激活相應的媒體類型,與之相關的CSS文件就被加載。
在建立頁面的時候,我們只需要建立適合所需要的媒體類型CSS文件,Dreamweaver 8將會精確顯示我們設計的頁面是如何在相應媒體中應該顯示的效果。


