在Dreamweaver中寫CSS,這種寫作習慣是不提倡的,但由于可視化和操作簡單,朋友的使用仍然很多,今天列出了一些最好的習慣,希望能幫助這些朋友。
CSS正在改變Web設(shè)計的過程,為了滿足面向CSS的設(shè)計者不斷增長的需求,Macromedia DWMX引入了一些新的和改進的CSS相關(guān)特性。這些新特性可以為未來的更新計劃和開發(fā)更符合W3C標準的站點。討論了在DW MX中使用CSS并突出顯示特定的CSS特征的一些建議。
一般來說,樣式表是控制Web內(nèi)容外觀的格式化規(guī)則的集合。您可以以不同的方式在三頁中使用CSS:
使用CSS時要考慮的一個重要問題是,不同瀏覽器和不同版本的瀏覽器以不同的方式解析CSS。除了Web瀏覽器的差異之外,您還必須認識到還有許多其他瀏覽器,如聽瀏覽器、基于電視的瀏覽器,以及手持設(shè)備,如掌上電腦和TTY(電傳打字機、遠程打字機)。
大多數(shù)技術(shù)都有自己的標準,CSS也不例外,雖然網(wǎng)絡(luò)上所有的CSS都是標準的,但是根據(jù)現(xiàn)有的標準使用CSS仍然是有益的。這樣做的好處是:
非標準樣式表在當時可能是方便的,但是當新版本的瀏覽器出現(xiàn)時,兼容性問題很可能會出現(xiàn)。這是一個非常耗時的工作,同時修改網(wǎng)頁的同時,也使得CSS的使用變得毫無意義。
在一些地方,政府已經(jīng)立法,網(wǎng)站也必須允許殘疾人瀏覽相同的方式。瀏覽設(shè)備為殘疾人,如聽瀏覽器,是非常嚴格的CSS規(guī)范。
你需要做的第一件事是選擇使用哪種樣式表。當涉及到最佳習慣時,對不同樣式表的分析如下:
簡而言之,你應(yīng)該盡量避免使用它。在其他缺點中,使用內(nèi)聯(lián)CSS意味著你不利用CSS的真正好處,也就是說,你不把內(nèi)容與格式化分開。DW MX使用內(nèi)聯(lián)CSS來定位頁面元素(這些元素被稱為層)。(層)在DW MX的用戶界面中,或者使用DHTML特殊效果,這需要使用內(nèi)聯(lián)樣式和選項卡10, 6來改變對象的屬性。
嵌入式CSS:這是不理想的,因為它只能影響當前頁面。在更新過程中,如果一個頁面丟失,站點的風格將不一致;此外,當用戶瀏覽您的站點時,每個頁面都會下載樣式表信息。
外部CSS:這是您的第一選擇。外部CSS可以保持所有頁面以一致的方式連接到它的頁面;繪制、更改一次,輕松更新所有相關(guān)頁面;使您的頁面更小和更快。在下面的特定CSS分析中會提到其他最佳實踐。特點。
在DW MX(文本CSS樣式,新樣式表)中創(chuàng)建CSS樣式表時,彈出對話框中有兩種選擇:新樣式表文檔(新式樣式表)和當前頁面。當您選擇新樣式表文件時,開始創(chuàng)建外部CSS的過程。您可以在實際創(chuàng)建過程之前命名樣式表,并為其選擇保存位置;另一個選項(僅此文檔)將直接將相關(guān)代碼寫入頁面的一部分。
還可以在新樣式(新樣式)對話框中選擇現(xiàn)有樣式表來編輯或添加新的定義。
在創(chuàng)建外部樣式表之后,需要將其附加到每個頁面(或模板)。為此,可以單擊CSS面板上的附加樣式表按鈕,彈出連接外部樣式表(鏈接外部樣式表)對話框,在該對話框上可以瀏覽目標樣式的名稱。ESEHET,當找到時,您可以選擇可選連接(link)或?qū)耄▽?dǎo)入)。
連接是選擇鏈接樣式表到頁面的鏈接的最常用方式。它將添加以下標簽到您的頁面。
支持CSS的所有瀏覽器都支持連接選項。如果您想使用一些舊的瀏覽器,例如Netscape 4。X,來查看樣式表,請使用下面的方法。
NETSSCAPE4完全忽略了導(dǎo)入的CSS,并根據(jù)連接的CSS解釋頁面。這樣,我們可以放心,我們可以使用CSS中的新功能,而不必擔心瀏覽器兼容性。
在DW MX的屬性檢查器中,您可以輕松切換到CSS模式。默認情況下,屬性檢查器在原始HTML模式下顯示字體標簽。單擊字體下拉菜單旁邊的小A,您可以看到當前可用的CSS樣式表,而不是字體標簽列表。
DW MX中一個令人興奮的CSS特性是它包含了已經(jīng)生成的CSS樣式表。CSS的新用戶可以首先體驗它。選擇文件新,在彈出的新文檔對話框中選擇CSS樣式表,并且所有可用的CSS列表出現(xiàn)在正確的框中。最好的習慣,選擇一個標志性的可訪問性。
DWMX的這個特性允許您在設(shè)計視圖中工作時,將樣式表應(yīng)用于頁面,使您更直觀地了解站點的外觀。設(shè)計時間樣式表不會出現(xiàn)在站點中。從我們的最佳習慣的角度來看,這種特性非常有用。如果您使用兩種方式同時導(dǎo)入和連接(如上文所述),一個額外的設(shè)計時間樣式表可以讓你使用其中任何一個來開發(fā)一個站點。當你想看到頁面在另一個樣式表中的樣子時,你可以很容易地將它改為另一個樣式表。
設(shè)計時間樣式表對于想要將CSS應(yīng)用到服務(wù)器端的開發(fā)人員(如ASP、PHP或CaldFIX)或?qū)νㄟ^客戶端訪問客戶端的開發(fā)人員來說也是有用的。服務(wù)器端樣式表是處理客戶端瀏覽器對CSS的不良支持的另一種方式。這種版本的DW,不允許你看到CSS在設(shè)計階段的實際效果。設(shè)計時間樣式表讓你實時看到樣式表的效果,這樣你可以在DW MX中的可視化界面中工作。另一個優(yōu)點是,當你上傳站點文件時,你就不必去了。CK整個站點查找冗余樣式表。
無論您是創(chuàng)建自己的樣式表還是編輯現(xiàn)有的樣式表,驗證確保您不濫用標準標簽或不正確的代碼。DW MX本身不包含CSS驗證器,您可以使用W3C站點提供的驗證服務(wù)。在DWMX中,可以驗證HTML或DHTML標記(文件檢查PA)。當開發(fā)基于CSS的站點時,DW MX提供了許多輔助工具。在MW MX的幫助下,加上對CSS的良好理解,您可以開發(fā)一個能夠經(jīng)受時間考驗的站點。