源碼源碼模板組成
時間:2023-04-05 04:06:02 | 來源:營銷百科
時間:2023-04-05 04:06:02 來源:營銷百科
源碼源碼模板組成:源碼模板有很多種類,在這里我主要講的是ZBLOG風格模板如何修改,此方法可以舉一反三。對于WordPress、PJBLOG、動易CMS、織夢CMS、風訊CMS的風格模板修改方法都是一樣的。 n
修改一個你滿意的網(wǎng)頁模板,你要有以下基礎,會一點 HTML( 標準通用標記語言下的一個應用)語言,會一點DIV CSS,會一點圖片制作方法。
第一步,先講解一下主題模板的構成。下面以Z-blog主題'低調(diào)與華麗'風格模板來說明,模板均分為三大部分,①網(wǎng)頁的html文件,②CSS文件,③圖片文件。一般情況修改模板只需修改這三部分。
第二步,你可以讓模板可視化再修改。幾乎所有默認的源碼網(wǎng)頁模板的路徑都是系統(tǒng)自帶的標簽。這樣把講HTML文件放入Dreamweaver里時會是一堆的代碼。如何將程序模板轉換為可視化界面呢。其實只需要修改CSS和圖片路徑就可以了。 n
如: n
link rel='stylesheet' rev='stylesheet' href='#ZC_BLOG_HOST#themes/#ZC_BLOG_THEME#/style/#ZC_BLOG_CSS#.css' type='text/css' media='screen' /加紅色的部分就是系統(tǒng)標簽,這時你可以修改成你本機的虛擬路徑。其他的程序標簽都有說明,請查看相關系統(tǒng)標簽。 n
如:link href='http://localhost/style/css/LuSongSong-Index.css' rel='stylesheet' type='text/css' /修改好之后你就可以在Dreamweaver里面直觀的看到網(wǎng)頁界面了,并且修改起來也非常方便。(記得模板修改之后別忘記把CSS路徑改回去哦?。?n
如圖所示: n
第三步,修改 LOGO,和模板相關圖片。網(wǎng)頁我所要的框架改好了,但里面的logo和banner都還是人家的怎么辦呢?接下來就是如何修改模板中的相關圖片了。由于盧松松提供的'低調(diào)與華麗'風格模板,包含的有源文件,所以修改起來非常方便,你只需要修改里面的文字,下載一點你喜歡的其他圖標就可以了。對于修改網(wǎng)頁中的圖片推薦使用Fireworks,原因是Fireworks不僅可以打開PNG源文件,還可以打開PSD源文件,相反Photoshop是不能打開PNG源文件的 n
[1] 第四步,教程看的再多不自己動動手,親自試一試。那就趕快下載'低調(diào)與華麗'風格模板試一試吧!