網頁設計CSS基本命名
最近使用CSS作網頁設計排版時,發現 [ CSS的命名 ] 也是重要的一環,因為雖然說CSS是方便管理的,但如果遇到了要修改同事們撰寫的CSS程式碼,通常還是得要仔細的研究一番,才能夠瞭解其架構,進而去作修改,所以參考了一些文章,讓一些基本的CSS命名有個標準,如果同事們有需要去修改自已所寫的CSS或他們需要作參考時,也比較有個依據,不需要花太多的時間在理解命名上,而下面就是常用的CSS命名規則:
網頁設計-頂部:header
網頁設計-內容:content/container
網頁設計-尾部:footer
網頁設計-選單:nav/navigation
網頁設計-側欄:sidebar
網頁設計-欄目:column
網頁設計-控制整體佈局寬度:wrapper
主要區域(通常為頁面主要內容部份):primary
次要區域(通常為次選單):secondary
相信在撰寫CSS的同時,如果團隊們對於命名都有基本的默契,那麼使用CSS來作排版,對於修改及維護都能更有效率!
轉貼來源:Posted by 視覺設計師 / 小P
參考文獻:
1.李俊宏(1995)。網頁設計原則的研究一以大專院校首頁設計為例。雲林技術學院程式設計研究所碩士論文,未出版,雲林。
2.王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務內容規劃與設計, 第五屆服務管理研討會, 台北市, .
3.林隆儀、林岳民 (2005), 廣告比較策略與廣告訴求方式對購買意願的影響-產品涉入之干擾效果, 企業管理學報, 65(), 1-30.
相關文章
如何網頁設計優化網站排名一般桌機的網頁設計與手機網頁設計分析網頁設計的五大訣竅網頁設計對於優化網站的影響網頁設計執行時,該採通用字元集還是字集獨立處理?
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了