id使用與網站結構

早期在使用表格式佈局的網站設計時期,設計師們或多或少都使用了CSS技術對網站中的內容樣式進行優化。在那個時期CSS也有部分應用,而且設計師也習慣對頁面中的元素進行class的定義,早期的樣式表中幾乎全都是class選擇符。大多數設計師從轉到web標準佈局之後,都會發現一個現象,就是在使用web標準的CSS佈局網站之後,CSS中所用到的id似乎有增無減在不段增加,目前國內知名門戶sina.com的首頁CSS,sina.com的首頁目前依然延用着傳統表格式佈局及代碼設計方法,幾乎都是class選擇符,而另一個msn.com首頁的CSS之中,id選擇符佔的比例要多一些。這種轉變是在web標準網站開始普及後的一個潛在的變化,也說明了使用web標準來建議網站之後的一個問題,對於網站設計而言,我們已經由早期的面向樣式的設計方法,轉向了一種面向結構的設計方法。進一步說,使用符合標準的CSS佈局模式,在無形的幫助我們對網站的頁面結構進行標識與組合,網站設計師對頁面中的元素、結構、位置,比以前看得更清楚,更容易進行設計與編碼。

這樣帶來的好處不言而喻,我們在使用表格式佈局的時候,關注的問題大多集中在如何設計一個滿足我們需求的表格,將我們的元素按照我們設計中預想的的位置放進去,並把那些小地方用空格gif填充上。而在使用CSS佈局的時候,在做XHTML之時我們考慮的是應該把哪些元素放在一起,怎麼放,如何讓他們組織起來更具合理性,更適合於後期的編碼。編碼思想上的轉變使我們比往常更專注於結構的設計,網站比以前任何時代都更具條理性。 。

網站結構的優化爲我們網站的開發降低了風險與成本,良好的結構更利於樣式的設計,良好的樣式設計帶來是代碼大量重用率,以及結構合理的XHTML及CSS,以幫助我們建設更輕量級的網站,這樣的改變更是以後維護上的方便性,而對於網站推廣來說,優化後的結構對於搜索引擎更利於抓取與分析,無形中增加了網站本身的利益。 。

作爲喜歡編碼的網站UI設計師而言,這樣的改變也在間接着改變着他們在網站UI設計上的思考方式,由於CSS佈局編碼上的經驗,爲了後期結構編碼及樣式編碼的工作,無形之中會主動將同一類型的元素分配到一個區域去,從而減少內容分配雜亂的形象,最終在UI設計中使網站中的元素及內容有序可循,可方便編碼與維護。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章