首頁 »
2012/09/07

網頁設計CSS基本命名

最近使用CSS作 網頁設計 排版時,發現 [ CSS的命名 ] 也是重要的一環,因為雖然說CSS是方便管理的,但如果遇到了要修改同事們撰寫的CSS程式碼,通常還是得要仔細的研究一番,才能夠瞭解其架構,進而去作 修改,所以參考了一些文章,讓一些基本的CSS命名有個標準,如果同事們有需要去修改自已所寫的CSS或他們需要作參考時,也比較有個依據,不需要花太多 的時間在理解命名上,而下面就是常用的CSS命名規則:


最近使用CSS作 網頁設計 排版時,發現 [ CSS的命名 ] 也是重要的一環,因為雖然說CSS是方便管理的,但如果遇到了要修改同事們撰寫的CSS程式碼,通常還是得要仔細的研究一番,才能夠瞭解其架構,進而去作 修改,所以參考了一些文章,讓一些基本的CSS命名有個標準,如果同事們有需要去修改自已所寫的CSS或他們需要作參考時,也比較有個依據,不需要花太多 的時間在理解命名上,而下面就是常用的CSS命名規則:

網頁設計-頂部:header

網頁設計-內容:content/container

網頁設計-尾部:footer

網頁設計-選單:nav/navigation

網頁設計-側欄:sidebar

網頁設計-欄目:column

網頁設計-控制整體佈局寬度:wrapper

主要區域(通常為頁面主要內容部份):primary

次要區域(通常為次選單):secondary

相信在撰寫CSS的同時,如果團隊們對於命名都有基本的默契,那麼使用CSS來作排版,對於修改及維護都能更有效率!

 


轉貼來源:Posted by 視覺設計師 / 小P

 http://www.piece2ec.com.tw/news.asp?ID=1119


參考文獻:

1.李俊宏(1995)。網頁設計原則的研究一以大專院校首頁設計為例。雲林技術學院 程式設計 研究所碩士論文,未出版,雲林。

2.王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務內容規劃與設計, 第五屆服務管理研討會, 台北市, .

3.林隆儀、林岳民 (2005), 廣告比較策略與廣告訴求方式對購買意願的影響-產品涉入之干擾效果, 企業管理學報, 65(), 1-30.









 包裝設計


如何網頁設計優化網站排名←上一篇 │首頁│ 下一篇→網頁設計命名規則參考
本文引用網址: