如何管理套用同樣模板的頁面
發(fā)布者: 華企立方 發(fā)布時間:2015-4-28
套用同樣模板的頁面該如何管理?把對象的組合分別存成不同CSS文件再用來指定。
網(wǎng)頁的"結(jié)構(gòu)"和"設(shè)計"是分開的。結(jié)構(gòu)包括各級標(biāo)題(大標(biāo)題、中標(biāo)題和小標(biāo)題等)、內(nèi)文、段落、強(qiáng)調(diào)句和引用等要素,以HTML或XHTLM縮寫。至于視覺呈現(xiàn)則以CSS(樣式表)的方式來指定。只要更換CSS就能簡單變更網(wǎng)頁外觀。以企業(yè)網(wǎng)站設(shè)計的商品為例,把標(biāo)題、圖片尺寸、說明文字、框線和裝飾圖案等排版完成后,經(jīng)常會以同樣的格式套用至其他頁面,當(dāng)不同商品類型的頁面需改變色調(diào)時,只要改變CSS當(dāng)中和顏色有關(guān)的設(shè)置即可,不需要重寫整份CSS。
把相同的模板設(shè)計套用至其他網(wǎng)頁仍需反復(fù)在CSS里更改設(shè)置,如果能以<div class="entry" >~<、div>的方式,把class屬性集中管理,可以讓工作更有效率。將內(nèi)容里的標(biāo)題、段落和圖片說明等組成對象,分別存成不同class屬性(ID屬性),讓設(shè)計公用才是比較聰明的做法。使用頻率高的CSS樣式單獨(dú)存儲也方便再次利用,而存儲時可以把文件命名為"說明文居中對齊"等可以從文件名中了解內(nèi)容的名稱。利用Adobe Dreamweaver的"片段"功能(存儲CSS原始碼以重復(fù)使用),可以縮短工作時間。一般的網(wǎng)絡(luò)日志服務(wù)提供網(wǎng)站也提供這類的模板。
更多資訊來源于:佛山網(wǎng)站建設(shè)2800kj.cn/
此文關(guān)鍵字: