日本一二三精品黑人Vs区_国产精品视频每日更新_女人与禽牲交少妇视频_91亚洲一区,偷拍视频无码专区,99美女视频网站,午夜性爽视频男人的天堂,一级农村少妇寡妇AA片,一级免费在线观看,欧美一级男女婬片A片,天天av做

歡迎訪(fǎng)問(wèn)廣州國(guó)微軟件;使用和案例一切產(chǎn)品的標(biāo)準(zhǔn)!
首頁(yè) >  教程列表 >  模板教程 > 正文
國(guó)微CMS模板制作的整體思路




 

一、程序和模板分離

國(guó)微CMS的程序代碼和模板基本是分離的,,所以你只要按規(guī)則做好HTML相關(guān)頁(yè)面,,那么你的模板工作量基本就完成了90%;

當(dāng)你對(duì)模板還在學(xué)習(xí)的過(guò)程中的時(shí)候,,為了不浪費(fèi)時(shí)間,,您可以重點(diǎn)做好HTML模板;所有模板請(qǐng)制作為GBK格式,;

 

二,、HTML制作的注意事項(xiàng)

A:GBK格式:HTML格式為GBK格式,因?yàn)槲覀兿到y(tǒng)默認(rèn)為GBK,;否則到時(shí)需要調(diào)整,。

B:模板頁(yè)面三部分:系統(tǒng)模板一般分為三部分: 頭部 (header) 、  主體 (index,、biglist,、list、view),、    尾部(footer)  ,;那么HTML制作的時(shí)候,也分為同樣三部分,;便于套模板,,這個(gè)非常重要。

C:HTML存放路徑:HTML制作時(shí)候,,CSS樣式和圖片必須按相關(guān)要求存放到對(duì)應(yīng)的文件夾,;這樣套模板的時(shí)候,可以直接放入即可,;不需要再改CSS路徑,。

D、CSS分開(kāi):整個(gè)模板的CSS樣式要分開(kāi),,不要寫(xiě)在一起,,到時(shí)都要加載,,便于系統(tǒng)的打開(kāi)速度;如主頁(yè)的css和其他列表的css可以不寫(xiě)在一個(gè)css里面,;用分開(kāi)的CSS文件,。

做好的HTML,就完成了模板的90%了,,剩下的就是套模板了,。

41.jpg

頭部、主體,、尾部三部分示意圖

 

三,、套模板過(guò)程

A:須先熟知模板結(jié)構(gòu): 只有知道模板的結(jié)構(gòu)情況,了解文章模型--圖片模型--下載模型這些模型下的大列表,、小列表,、內(nèi)容頁(yè)的存放位置;以及他們存放CSS的規(guī)律位置,;這樣才便于我們存放上面做好的HTML相關(guān)頁(yè)面,。

B:了解公共頭部和尾部的概念:一般我們的系統(tǒng)都使用一個(gè)公共的頭部,需要知道頭部存放在core(核心)文件夾里面,;當(dāng)然你可以做不同的頭部,,命名為header1、header2,,可以供不同列表調(diào)用,。

特別容易出錯(cuò)的是:由于每個(gè)系統(tǒng)(特別是文章系統(tǒng))都有自己的頭部,那么文章系統(tǒng)調(diào)用公共的方法是:

以主頁(yè)index為列:index先調(diào)用自己系統(tǒng)模塊的頭部header(路徑在template—某某模板--cms--header),;然后通過(guò)這個(gè)header,,再調(diào)用core里面的公共頭部header;就好比張三通過(guò)李四向王五借了錢(qián),,最終張三借到了王五的錢(qián),;這個(gè)是一個(gè)道理,最終主頁(yè)index調(diào)用到了core里面公共頭部header

C:公共JS,、css樣式:這些都是放在公共頭部headr里面,;一般只需復(fù)制即可;但是必須要復(fù)制,。

D:標(biāo)簽調(diào)用:模板上的框里面的內(nèi)容,,如文章,、圖片,、下載等,這些如何達(dá)到效果呢,?其實(shí)這些都是做好模板后,,都是可以通過(guò)標(biāo)簽獲得的,,所以做模板的時(shí)候很簡(jiǎn)單,你只需在對(duì)應(yīng)位置,,放置一個(gè)$label[****]標(biāo)簽符號(hào)即可,,****可以是任意拼音數(shù)字,每個(gè)***標(biāo)簽名不能相同,;做好模板后,,到時(shí)可以通過(guò)前臺(tái)雙擊此標(biāo)簽調(diào)用不同的模塊功能,以及其庫(kù)里面的默認(rèn)有標(biāo)簽樣式,。所以做模板你只需考慮那些框的效果,。

42.jpg

E:頭部的調(diào)用方式:調(diào)用本系統(tǒng)頭部(如文章系統(tǒng)、問(wèn)答系統(tǒng))和調(diào)用公共頭部的是不一樣的,;這個(gè)需要留意

F,、常規(guī)變量:需要熟悉下調(diào)用大列表、小列表,、最新內(nèi)容,、最熱內(nèi)容這幾個(gè)基本的變量;直接記住即可,,到時(shí)復(fù)制,。見(jiàn)相關(guān)具體教程,里面有提供,。

G,、其他調(diào)用:做模板過(guò)程中,會(huì)碰到 菜單導(dǎo)航的調(diào)用,、登陸的調(diào)用,、搜索的調(diào)用,這幾個(gè)常見(jiàn)問(wèn)題,,稍微查看相關(guān)教程即可,。

H、涉及到的函數(shù):基本就是一個(gè)循環(huán)語(yǔ)句,,不熟悉的話(huà)就照抄,;能了解更好。

I,、公共模塊模板:一般來(lái)說(shuō)為了節(jié)省模板時(shí)間,,我們很多模塊是用公共模板,這每次做模板就不要全部做了,,如投票,、領(lǐng)導(dǎo)信箱、意見(jiàn)征集,、獨(dú)立頁(yè),、在線(xiàn)調(diào)查,、留言本等;這些模板統(tǒng)一放在了default模板里面,。所以我們做模板基本只需做文章系統(tǒng)的 模板,。

 

四、    實(shí)踐的步驟

A:先嚴(yán)格按要求做好HTML

B   先套好一個(gè)主頁(yè)index,,會(huì)做主頁(yè)了,,其他以此類(lèi)似,比較簡(jiǎn)單,。

然后套好一個(gè)文章模型的大列表big_list;小列表list,;以及內(nèi)頁(yè)view

C:最后考慮如何做導(dǎo)航調(diào)用、搜索調(diào)用,、登陸調(diào)用

D,、可以參考國(guó)微CMS里面做好的模板(default模板除外)

 

 

從上面的總體思路可以看到,主要是做好了HTML后,,大體工作就完成了,;其他的就是些技巧性問(wèn)題,非常簡(jiǎn)單,。

上一篇: 國(guó)微CMS模板結(jié)構(gòu)

下一篇: 沒(méi)有了...

系統(tǒng)在線(xiàn)演示
推薦教程
最新案例展示