1、動(dòng)易模板簡(jiǎn)介,青山區(qū)校園網(wǎng)站建設(shè)學(xué)習(xí)交流,內(nèi)容安排,一、幾點(diǎn)說(shuō)明 二、動(dòng)易系統(tǒng)模板方案的管理使用 三、網(wǎng)上下載模板的導(dǎo)入安裝15-15 四、修改模板、個(gè)性化網(wǎng)站簡(jiǎn)例15-15 五、快速制作模板借鑒、模仿、套用、修改 （青山教育、華師一附中 ）15-30 六、自制模板15-30,一、幾點(diǎn)說(shuō)明,關(guān)于演示網(wǎng)站： 1、“文章中心”頻道改為“學(xué)校簡(jiǎn)介” 下設(shè)兩個(gè)欄目：學(xué)校概況、名師介紹；并在“學(xué)校概況”中發(fā)一篇帶圖簡(jiǎn)介 2、增加了“校園新聞”文章頻道 下設(shè)欄目：學(xué)校通知、校務(wù)公開(kāi)；并在“學(xué)校通知”中發(fā)一篇新聞，帶投票 3、增加了專題“創(chuàng)先爭(zhēng)優(yōu)”、“課內(nèi)比教學(xué)，課外訪萬(wàn)家” 4、增加了首頁(yè)調(diào)查，刪除了in

2、dex.html，禁用了動(dòng)易論壇鏈接 5、config.asp中設(shè)置EnableStopInjection = False暫時(shí)禁止防SQL注入功能 關(guān)于標(biāo)簽、代碼及本次培訓(xùn)交流的難度設(shè)定 關(guān)于模板與欄目,二、動(dòng)易系統(tǒng)模板方案的管理使用,模板方案是指對(duì)整個(gè)網(wǎng)站的版式與風(fēng)格進(jìn)行預(yù)設(shè)的方案，包含版式模板（版面布局）與風(fēng)格模板（字體樣式等）。 版式模板（頁(yè)面模板）包括網(wǎng)站通用模板和各頻道的首頁(yè)、欄目頁(yè)、內(nèi)容頁(yè)等頁(yè)面的各種模板。 模板方案可簡(jiǎn)單理解為：由多種頁(yè)面的版式模板和一個(gè)或幾個(gè)風(fēng)格模板所構(gòu)成的整套方案。 模板方案是由許多模板組成的一套方案；模板隸屬于模板方案。,動(dòng)易中跟模板相關(guān)的幾個(gè)概念：,二、動(dòng)

3、易系統(tǒng)模板方案的管理使用,模板方案,版式模板,頻道頁(yè)、欄目頁(yè)、內(nèi)容頁(yè)等頁(yè)面的各種模板，如：,通用頁(yè)面模板,風(fēng)格模板（各種css定義的集合，一般一套方案只需一個(gè)風(fēng)格模板）,網(wǎng)站首頁(yè)模板、搜索頁(yè)模板、公告頁(yè)模板、公告列表頁(yè)模板、友情鏈接頁(yè)模板、網(wǎng)站調(diào)查頁(yè)模板、版權(quán)聲明頁(yè)模板、作者顯示頁(yè)模板、作者列表頁(yè)模板、來(lái)源顯示頁(yè)模板、來(lái)源列表頁(yè)模板、廠商顯示頁(yè)模板、品牌顯示頁(yè)模板、全站專題列表頁(yè)模板、全站專題頁(yè)模板、自定義列表模板等等,專用頁(yè)面模板,會(huì)員模板：會(huì)員信息頁(yè)、會(huì)員列表頁(yè)、會(huì)員注冊(cè)頁(yè)等 頻道模板：頻道首頁(yè)、熱門文章、內(nèi)容頁(yè)、專題頁(yè)等 下載中心模板：頻道首頁(yè)、專題列表、最新軟件等等 圖片中心模板：欄目

4、模板、搜索頁(yè)、推薦圖片頁(yè)等等 ,二、動(dòng)易系統(tǒng)模板方案的管理使用,模板方案管理： 添加方案（先添加方案，再在方案中添加模板）、導(dǎo)入導(dǎo)出、模板遷移（版式模板）、風(fēng)格遷移（風(fēng)格模板） 修改方案（名稱和簡(jiǎn)介）、刪除方案、設(shè)為默認(rèn)（設(shè)為當(dāng)前使用，特別指定了其他模板的頻道或欄目除外） 版式模板管理：添加模板、導(dǎo)入導(dǎo)出、復(fù)制、批量替換代碼等等（不再贅敘） 三種進(jìn)入版式模板（頁(yè)面模板）管理的方法： A、左側(cè)導(dǎo)航中點(diǎn)擊“網(wǎng)站通用模板頁(yè)管理” B、“模板方案管理”中點(diǎn)擊某個(gè)方案后的“管理該方案下的模板” C、左側(cè)導(dǎo)航的相應(yīng)頻道中點(diǎn)擊“模板頁(yè)管理” 說(shuō)明： 1、一個(gè)模板類型（如首頁(yè)模板類型）可以有多個(gè)模板。例如一個(gè)

5、模板方案中可有多個(gè)首頁(yè)模板、多個(gè)頻道頁(yè)模板等等，但每個(gè)模板類型中每次只能設(shè)一個(gè)系統(tǒng)默認(rèn)模板。 2、只有B方法進(jìn)入模板頁(yè)管理，才能看到該方案下你設(shè)置的各頻道和下載中心、圖片中心等頁(yè)面模板的管理鏈接，而用A方法接進(jìn)模板頁(yè)管理是看不到的，只能看到通用模板。 3、只有C方法，或B方法后點(diǎn)擊相應(yīng)頻道模板，才能看到該頻道下欄目頁(yè)、內(nèi)容頁(yè)、評(píng)論頁(yè)等的模板管理。 4、只有B方法可以修改每個(gè)方案下的模板，其他方法都只能修改當(dāng)前默認(rèn)方案中的模板。 5、要修改網(wǎng)站首頁(yè)模板，A方法（當(dāng)前方案）和B方法（所有方案）都可進(jìn)入。 風(fēng)格模板管理：有兩種進(jìn)入風(fēng)格模板管理的操作方法，但結(jié)果相同。 這里只列出了當(dāng)前所使用的模板方案

6、的風(fēng)格模板；添加和導(dǎo)出時(shí)才可選擇其他方案中的風(fēng)格 如果開(kāi)啟了HTML生成功能，則要重新生成相關(guān)頁(yè)面，網(wǎng)站前臺(tái)才能看到修改的結(jié)果。 如：首頁(yè)擴(kuò)展名若設(shè)置為htm，則在左側(cè)導(dǎo)航 “網(wǎng)站生成管理”中會(huì)有“生成首頁(yè)”，點(diǎn)擊生成網(wǎng)站首頁(yè)才能顯示最新效果。 有時(shí)還需清除瀏覽器的緩存文件。,三、網(wǎng)上下載模板的導(dǎo)入安裝,動(dòng)易系統(tǒng)提供的導(dǎo)入模板的標(biāo)準(zhǔn)方法： 第一步，復(fù)制粘貼，覆蓋。 第二步，網(wǎng)站模板方案管理導(dǎo)入模板方案 第三步，網(wǎng)站模板方案管理設(shè)為默認(rèn) 幾種導(dǎo)入模板的方法示例： 1、南寧海納商務(wù)職業(yè)技術(shù)學(xué)校2007（動(dòng)易6.X版本標(biāo)準(zhǔn)導(dǎo)入方法） 2、紹興市馬山小學(xué)（標(biāo)準(zhǔn)導(dǎo)入，美觀，但里面有些鏈接指向模板作者的網(wǎng)

7、站） 3、仿幽風(fēng)華裳（標(biāo)準(zhǔn)導(dǎo)入，美觀含背景音樂(lè)，但可能不安全：音樂(lè)、腳本等） 4、毛洋教育網(wǎng)（整站式，首頁(yè)上有很多圖片和音樂(lè)鏈接自網(wǎng)絡(luò)，不實(shí)用、不安全） 5、新版嘯秋中學(xué)（半標(biāo)準(zhǔn)導(dǎo)入，會(huì)替換部分程序文件，要注意做好備份） 6、古色古香（動(dòng)易4.X版本，只有模板，沒(méi)有方案，也能導(dǎo)入；注意它帶PSD） 由于網(wǎng)上模板幾乎都是個(gè)性化定制好的，看起來(lái)美觀，但頻道和欄目幾乎都已固定設(shè)好，和我們的網(wǎng)站設(shè)置未必相符，因而需要作大量修改后才能使用，其工作量并不比自己重新制作一套模板輕松多少。而且有些模板中還可能帶有惡意鏈接或嵌入木馬，相當(dāng)不安全，所以不建議使用。當(dāng)然我們也可以只借鑒這些模板的美工和版面布局，而忽

8、略其頻道欄目設(shè)置。,四、修改模板、個(gè)性化網(wǎng)站,1、首頁(yè)“專題一最新文章”不顯示專題列表的修改 可能導(dǎo)致該BUG的原因：專題是橫跨多個(gè)頻道的，相應(yīng)專題標(biāo)簽的“所屬頻道”中未包含該頻道。 例如本演示網(wǎng)站，在新增頻道“校園新聞”中發(fā)的屬于“爭(zhēng)先創(chuàng)優(yōu)”專題的文章，由于默認(rèn)模板首頁(yè)的“專題一最新文章”列表的標(biāo)簽只包含了第一個(gè)系統(tǒng)頻道（原“文章中心”，現(xiàn)“學(xué)校簡(jiǎn)介”），因而未能列出“校園新聞”中屬于該專題的文章。 解決辦法：后臺(tái)系統(tǒng)設(shè)置網(wǎng)站通用模板頁(yè)管理修改模板編輯模式在相應(yīng)標(biāo)簽上點(diǎn)右鍵編輯標(biāo)簽勾選是否選擇多個(gè)頻道按住SHIFT選擇,四、修改模板、個(gè)性化網(wǎng)站,2、首頁(yè)布局不均衡的修改 可能導(dǎo)致該BUG的原

9、因：表格中的單元格寬度。 例如本演示網(wǎng)站， “課內(nèi)比教學(xué)、課外訪萬(wàn)家”專題的標(biāo)題文字過(guò)多，導(dǎo)致首頁(yè)上該專題的標(biāo)題文字與下方文章列表文字錯(cuò)位。 解決辦法：在“通用模板頁(yè)管理”中修改模板，編輯模式下在相應(yīng)單元格中點(diǎn)右鍵單元格屬性設(shè)置寬度,四、修改模板、個(gè)性化網(wǎng)站,3、替換logo、banner等圖片 找到相應(yīng)文件位置，查看長(zhǎng)寬，替換 要注意顏色協(xié)調(diào)，圖片跟四周圖片或頁(yè)面顏色無(wú)縫對(duì)接，否則就用邊框或透明（如新用戶注冊(cè)處的圖像） 4、刪除、替換、修改版面欄目（使用標(biāo)簽） 例1：將演示網(wǎng)站中海藍(lán)模板方案里首頁(yè)上的聚合空間刪除，換成熱門下載列表 例2：將海藍(lán)方案網(wǎng)站首頁(yè)模板上的“最新圖片”修改成幻燈片顯示

10、模式，或者圖片滾動(dòng)模式（操作方法：先加滾動(dòng)文本標(biāo)簽，再把滾動(dòng)文字替換成顯示圖片標(biāo)簽） 5、增加版面欄目 例：在首頁(yè)上增加“學(xué)校通知”、“校務(wù)公開(kāi)”、“名師介紹”三個(gè)欄目 若不想涉及代碼需用dreamweaver等網(wǎng)頁(yè)設(shè)計(jì)軟件協(xié)助 名師介紹欄目，若想顯示教師相片，需用文章標(biāo)簽文章頻道標(biāo)簽顯示圖片文章，或顯示幻燈片文章,四、修改模板、個(gè)性化網(wǎng)站,6、修改網(wǎng)頁(yè)背景顏色（風(fēng)格模板，需對(duì)CSS有一定了解） 從風(fēng)格模板中得知該背景來(lái)自圖片skin/ocean/bg_all.gif，兩種辦法修改： A、將url(skin/ocean/bg_all.gif)替換為顏色代碼（顏色代碼可在DW中調(diào)試得到） B、將

11、圖片換掉 注意對(duì)風(fēng)格模板的修改會(huì)改變整站風(fēng)格，若只想修改首頁(yè)等某個(gè)頁(yè)面的風(fēng)格，可在該頁(yè)面模板中去屏蔽掉風(fēng)格模板（刪除$Skin_CSS標(biāo)簽），然后使用自制的CSS樣式 7、修改導(dǎo)航背景（風(fēng)格模板） 圖片來(lái)自skin/ocean/menu_bg.jpg 可將background-image: url(skin/ocean/menu_bg.jpg);刪除，用background-color設(shè)置顏色，也可以替換圖片 8、修改各頁(yè)固定內(nèi)容（如頂部、底部等，由標(biāo)簽定義） 系統(tǒng)設(shè)置自定義標(biāo)簽管理,五、快速制作模板(qsjy、華師一附中) ,快速制作模板的方法（其實(shí)也很麻煩，每類網(wǎng)頁(yè)模板都得這么做一次）：

12、一、瀏覽器打開(kāi)你喜歡的網(wǎng)站，另存，把網(wǎng)頁(yè)保存下來(lái)。有的網(wǎng)站不能直接保存，也可以用查看源文件的方法得到網(wǎng)頁(yè)代碼，但圖像等網(wǎng)頁(yè)元素需要用其他方法保存，或者自己重新設(shè)計(jì) 二、將圖片拷到網(wǎng)站的skin目錄下，最好新建目錄集中存放自己的模板圖像 三、用DW修改網(wǎng)頁(yè)代碼（DW中最好先裝上動(dòng)易2006版DW標(biāo)簽插件） 1、復(fù)制出動(dòng)易模板中以下代碼（含）之前的固定代碼： 粘貼替換DW中的及之前的頭文件代碼 2、所有圖片地址和鏈接地址前加上$InstallDir標(biāo)簽（后面不帶/），如；原網(wǎng)站地址替換成$SiteUrl（要帶/） 3、調(diào)整版面，刪除多余的欄目和原站文章標(biāo)題文字，修改不符自己網(wǎng)站要求的頻道和欄目標(biāo)題

13、 四、進(jìn)入后臺(tái)，增加模板方案，增加模板，拷入DW中已設(shè)計(jì)好的代碼，在要顯示網(wǎng)站動(dòng)態(tài)信息的地方分別插入相應(yīng)頻道和欄目的標(biāo)簽；修改風(fēng)格模板 五、保存模板，生成網(wǎng)頁(yè)，清除瀏覽器緩存，刷新前臺(tái) 首頁(yè)模板做好后還得做其他類型網(wǎng)頁(yè)的模板，如頻道頁(yè)、內(nèi)容頁(yè)等等（類型相近可以復(fù)制后修改）。,六、自制模板,制作流程： 1、在photoshop、fireworks等設(shè)計(jì)軟件中制作出各類網(wǎng)頁(yè)的效果圖，然后導(dǎo)出成網(wǎng)頁(yè)文件和圖片。 2、將圖片復(fù)制到images或者skin下的文件夾中 。 3、在DW等網(wǎng)頁(yè)制作軟件中修改網(wǎng)頁(yè)文件：刪除多余空白圖片，增加網(wǎng)頁(yè)特效，修改圖片鏈接地址。 4、添加或修改模板方案，在其中添加或修改相關(guān)類型的版式模板，將網(wǎng)頁(yè)文件源代碼復(fù)制到模板中，并在需要顯示頻道欄目等位置插入相應(yīng)標(biāo)簽。 5、設(shè)成默認(rèn)模板（最后生成首頁(yè)），刷新。,六、自制模板,利用素材網(wǎng)站下載的PSD網(wǎng)站首頁(yè)圖像模板（素材中國(guó)、素材天下等等） 直接根據(jù)圖像來(lái)制作。 圖像來(lái)源： 1、看到漂亮的