事實上,在使用Dreamweaver等軟件進行網頁設計制作時,已經開始使用Web標準技術。在Dreamweaver或者其他網頁編輯器環境中進行網站設計,實際上網頁編輯器會自動為我們編寫符合Web標準中各種技術的代碼段。雖然我們一直在使用編輯器或其他方式編寫網頁標準,但這并不意味著我們制作的網頁就符合標準。真正符合標準的網頁設計,是指能夠靈活運用Web標準,將Web內容的結構、表現和行為分離——即表現和內容的分離。采用最科學合理的結構搭建網站,使網站易于使用。可靠且易于維護,這是標準設計的最終目標。本書的主要目的就是為讀者帶來一種新的符合該標準的網站編碼設計方法。
表現和內容分離技術是當前Web標準制定的核心目的。
內容是指具體的信息,僅指信息的正文。文本通過XHTML結構化語言標記成各個部分,如左欄、右欄、新聞列表等。
性能是指信息的表現形式,如字號、字體、布局等的設計,稱為性能。使用性能和內容分離技術的好處主要在于以下幾個方面:1.高效率的開發與簡單維護
在網站設計過程中,開發者最希望的是高效的開發和簡單的維護,這是網站開發運營成本的關鍵。表現與內容分離帶來的高效開發,是指通過內容與表現分離技術,將具體的內容與風格設計分離,使同一個設計可以復用。在界面上定義了一個元素的設計風格后,通過設計和內容的分離,設計風格代碼可以在另一個信息內容中復用。直接套用或繼承此代碼進行擴展,達到復用設計風格的理念是的,這樣可以減少重復的代碼編寫,加快開發效率。
樣式代碼復用方式在維護上也起到了事半功倍的作用。通過修改同一個代碼段,可以同時改變復用代碼所有區域的樣式,從而使維護變得簡單高效。值得注意的是,由于內容和表現的分離,風格設計者可以專注于風格的表現,而無需重復定義風格內容,大大提高了可讀性和可維護性。
樣式代碼復用方式在維護上也起到了事半功倍的作用。通過修改同一個代碼段,可以同時改變復用代碼所有區域的樣式,從而使維護變得簡單高效。值得注意的是,由于內容和表現的分離,風格設計者可以專注于風格的表現,而無需重復定義風格內容,大大提高了可讀性和可維護性。2.信息跨平臺的可用性
通過將內容與設計分開,我們可以使信息以更低的成本跨平臺轉換。
由于內容和設計已經分離,樣式可以替換為其他設備,例如掌上電腦或游戲控制臺終端。我們只需要更換一個樣式設計文件就可以在另一臺設備上有不同的樣式來適應不同的樣式。設備的屏幕要求。網頁內容無需更改。
我們專注高端建站,小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!