【導(dǎo)讀】企業(yè)信息化網(wǎng)站建設(shè)的新寵。之前企業(yè)建站多采用靜態(tài)頁(yè)面或asp、php等動(dòng)態(tài)語(yǔ)言結(jié)合數(shù)。隨著企業(yè)網(wǎng)站建設(shè)的概念普及，對(duì)網(wǎng)站內(nèi)容又有了許多多元化的要求，并不是單純的文。千變?nèi)f化的信息流對(duì)我們的維護(hù)人員提出了更高要求。網(wǎng)站，那將節(jié)省大量的人力物力。CMS是一套基于標(biāo)簽、模板技術(shù)的內(nèi)容管理系統(tǒng)。生成前臺(tái)靜態(tài)文檔。通過(guò)后臺(tái)靈活的標(biāo)簽、欄目、模板管理可以定制生成各種顯示效果。復(fù)讀取量，提高網(wǎng)站的打開(kāi)速度，同時(shí)有利于網(wǎng)站的整體維護(hù)；、Flash動(dòng)畫(huà)、影音視頻文件等特殊文件發(fā)布；，對(duì)頻道數(shù)量及多層級(jí)別無(wú)限制。加、審核、發(fā)布權(quán)限指派給不同的操作人員。案例資料無(wú)需重新添加，就可以獲得一個(gè)全新的網(wǎng)站。alert("這是第一個(gè)JavaScript例子!alert("歡迎你進(jìn)入JavaScript世界!alert("今后我們將共同學(xué)習(xí)JavaScript知識(shí)！

　　

【正文】 模板中將被替換掉的代碼 替換后的標(biāo)簽樣式 生成的頁(yè)面效果。 58 F. 首頁(yè)收尾工作 此部分站要是檢查相應(yīng)鏈接是還鏈接完成，如沒(méi)有，則按首頁(yè)套用里，把 / 中所列欄目地址復(fù)制完成，即可。 至此，首頁(yè)制作完成。 八 、實(shí)驗(yàn)要求： 首頁(yè)模板套標(biāo)簽，要求掌握常見(jiàn)標(biāo)簽的制 作 。 九、考核標(biāo)準(zhǔn)： 掌握常見(jiàn)標(biāo)簽的制作 ，能獨(dú)立完成指定頁(yè)面的 標(biāo)簽制作 工作。 59 實(shí)驗(yàn) 指導(dǎo)八、 欄目頁(yè)和內(nèi)容頁(yè) 標(biāo)簽套用 一、實(shí)驗(yàn)編號(hào)： 二、實(shí)驗(yàn)名稱： 新聞采集 三、課時(shí)： 4 課時(shí) 四、實(shí)驗(yàn)?zāi)康模? 1. 熟悉 欄目頁(yè)和內(nèi)容頁(yè)模板套用與標(biāo)簽制作 。 2. 首頁(yè) 欄目頁(yè)和內(nèi)容頁(yè)模板套用 方法 五、實(shí)驗(yàn)環(huán)境： 機(jī)房個(gè)人計(jì)算機(jī) 1. 硬件環(huán)境 ：操作用機(jī)為奔騰以上兼容機(jī)，內(nèi)存 256M 以上 ；硬盤(pán)不小于20G。 2. 操作系統(tǒng)： Windows 2021/2021/XP 3. 軟件 要求：互聯(lián)網(wǎng)，網(wǎng)站瀏覽器、 IIS、 及以上、 Emeditor 6 字處理軟件 六、預(yù)備知識(shí)： 計(jì)算機(jī)應(yīng)用基礎(chǔ)、 HTML、 PHOTOSHOP、 DIV+CSS 七、實(shí)驗(yàn)內(nèi)容（步驟）： 欄目列表頁(yè)的模板套用與標(biāo)簽制作 上一實(shí)驗(yàn)已經(jīng)完成首頁(yè)模板的套用 及標(biāo)簽制作 ，本次實(shí)驗(yàn)主要完成對(duì) 欄目 頁(yè) 及內(nèi)容頁(yè) 模板 的套用及其 中一些相關(guān)信息的替換，即標(biāo)簽制作。 要完成此任務(wù)的前提： 頁(yè)面中紅色框部份是需要后臺(tái)程序替換的。 此部分為欄目頁(yè)中列表的核心內(nèi)容 60 A、 實(shí)驗(yàn)指導(dǎo)三、四、五、六 、七 均已完成； B、 實(shí)驗(yàn)指導(dǎo)五中每個(gè)欄目所采集數(shù)據(jù)保證在 20 條以上； C、 文章內(nèi)容有圖片。 點(diǎn)擊屏幕中央下方的“模板管理” 得到如下圖 ，然后再點(diǎn)擊“文章系統(tǒng)” ： 得如下提示： 點(diǎn)擊 點(diǎn)擊 選中 點(diǎn)擊文本編輯 61 在“網(wǎng)站首頁(yè)模板”右側(cè)點(diǎn)擊“文本編輯”，得到如下頁(yè)面： 修改完成后，點(diǎn)擊 “確認(rèn)修改” ，確認(rèn)所做修改，然后在模板管理里重新點(diǎn)擊“欄目頁(yè)”的“ 文本編輯 ” ，先對(duì)其頭部的“設(shè)為首頁(yè)、加入收藏、聯(lián)系站長(zhǎng)”及導(dǎo)航欄參照實(shí)驗(yàn)指導(dǎo)七 中的 A、 B 項(xiàng)進(jìn)行逐一設(shè)置。 設(shè)置 完成后，點(diǎn)擊“確認(rèn)修改”，確認(rèn)所做修改，然后在模板管理里重新點(diǎn)擊“欄目頁(yè)”的“ 文本編輯 ”。 進(jìn)入修改界面后，在代碼中找到“ h1a href=欄目名稱 /a/h1” 再得到如下頁(yè)面 ： 先中 上圖中所示的欄目鏈接地址的“ ”號(hào)，然后選擇插入標(biāo)簽一欄右邊的“選擇更多標(biāo)簽”（修改方法和設(shè)為首頁(yè)等類似 ） ，如下圖： 此處為要套用的欄目頁(yè)程序代碼，先刪除此處所有代碼，然后將自己設(shè)計(jì)的網(wǎng)站欄目頁(yè)（也叫列表頁(yè)）模板代碼貼于此即可。 修改完成后，點(diǎn)擊此處，確認(rèn)所做修改 此處為欄目名稱 此處為“欄目鏈接地址” 此處為欄目頁(yè)的內(nèi)容列表層，將在后面制作時(shí)被替換 62 選擇“頻道（欄目）專用標(biāo)簽”中的“顯示當(dāng)前欄目鏈接地址”后，系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetClassUrl}）在所選擇的“ ”位置，如下圖： 先 中 上圖中所示的欄目鏈接地址的“欄目名稱”號(hào)，然后選擇插入標(biāo)簽一欄右邊的“選擇更多標(biāo)簽”中的 “頻道（欄目）專用標(biāo)簽”中的“顯示當(dāng)前欄目名稱”后，系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetClassName}）在所選擇的“ 欄目名稱 ”位置，如下圖： 選擇“頻道（欄目 ）專用標(biāo)簽”中的“顯示當(dāng)前欄目鏈接地址” 系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetClassUrl} ）在所選擇的“ ”位置 63 再選中 如下部分代碼，然后在插入標(biāo)簽的下拉列表標(biāo)簽中選擇“ {LB_終級(jí)文章列表 }”代碼如下： div class=list ul lia href=文章標(biāo)題文章標(biāo)題文章標(biāo)題介 /a/li lia href=文章標(biāo)題文章標(biāo)題文章標(biāo)題 /a/li lia href=文章標(biāo)題文章標(biāo)題文章標(biāo)題 /a/li /ul /div 說(shuō)明：此部分代碼就是模板制作時(shí)用來(lái)顯示文章列表層的代碼。 然后點(diǎn)插入標(biāo)簽，將該部份代碼替換成：“ {LB_終級(jí)文章列表 }”。修改后如下圖： 欄目 頁(yè)收尾工作 此部分站要是檢查相應(yīng)鏈接是還鏈接完成， 將其鏈接完成，同時(shí)在欄目列表頁(yè)左側(cè)還的一部份沒(méi)做標(biāo)簽，如下圖 ： 系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetClassName}）在所選擇的“ 欄目名稱 ”位置 代碼被替換成：“ {LB_終級(jí)文章列表 }” 要被替換的代碼 64 修改后的效果如下圖： 具體標(biāo)簽請(qǐng)自行完成 。 此時(shí)僅乘聯(lián)系方式一欄，此部分采用靜態(tài)內(nèi)容，故請(qǐng)隨意完成即可。不在 CMS 中作動(dòng)態(tài)標(biāo)簽。 至此， 欄目 頁(yè)制作完成。 特別說(shuō)明：欄目頁(yè)制作完成后，將欄目頁(yè)模板里的所有代碼復(fù)制一份，替換掉頻道頁(yè)里原有的代碼，然后生成后，即可看到具體效果。因?yàn)榇祟惼髽I(yè)網(wǎng)站系中小型企業(yè)網(wǎng)站，一般中小型企業(yè)網(wǎng)站欄目頁(yè)與頻道頁(yè)采用一個(gè)模板，所以只要修改好其中一個(gè)，另一個(gè)僅需要復(fù)制一份代碼在模板里就行。 內(nèi)容頁(yè)的模板套用與標(biāo)簽制作 此部分本是顯示子欄目，但由于免費(fèi)版 CMS中無(wú)此功能 ，故我們?cè)谥谱鲿r(shí)將其改為最新新聞。修改方法和前述做首頁(yè)標(biāo)簽時(shí)一致，將期做成一個(gè)標(biāo)簽，然后將“公司簡(jiǎn)介”標(biāo)題，改成“最新新聞”即可。 此部分本是 修改后的效果 65 內(nèi)容頁(yè)模板如下： 在模板管理中，點(diǎn)擊文章系統(tǒng)，得 如下提示： 在“網(wǎng)站首頁(yè)模板”右側(cè)點(diǎn)擊“文本編輯”，得到如下頁(yè)面： 黃色框 部份前面已經(jīng)講過(guò)如何修改標(biāo)簽，此處類似，故不再講如何修改，請(qǐng)乍行完成 選中 點(diǎn)擊文本編輯 此部分為欄目頁(yè)中列表的核心內(nèi)容 66 修改完成后，點(diǎn)擊“確認(rèn)修改”，確認(rèn)所做修改，然后在模板管理里重新點(diǎn)擊“ 內(nèi)容 頁(yè)”的“ 文本編輯 ”，先對(duì)其頭部的“設(shè)為首頁(yè)、加入收藏、聯(lián)系站長(zhǎng)”及導(dǎo)航欄參照實(shí)驗(yàn)指導(dǎo)七 中的 A、 B 項(xiàng)進(jìn)行逐一設(shè)置。 設(shè)置完成后，點(diǎn)擊“確認(rèn)修改”，確認(rèn)所做修改，然后在模板管理里重新點(diǎn)擊“ 內(nèi)容 頁(yè)”的“ 文本編輯 ”。 進(jìn)入修改界面后，在代碼中找到“ h1a href=欄目名稱 /a/h1” 再得到如下頁(yè)面： 先中 上圖中所示的欄目鏈接地址的“ ”號(hào)，然后選擇插入標(biāo)簽一欄右邊的“選擇更多標(biāo)簽”（修改方此處為要套用的 內(nèi)容 頁(yè) 模板 代碼，先刪除此處所有代碼，然后將自己設(shè)計(jì)的網(wǎng)站欄目頁(yè)（也叫列表頁(yè)）模板代碼貼于此即可。 修改完成后，點(diǎn)擊此處，確認(rèn)所做修改 此處為欄目名稱 此處為“欄目鏈接地址” 此處為欄目頁(yè)的內(nèi)容列表層，將在后面制作時(shí)被替換 67 法和設(shè)為首頁(yè)等類似），如下圖： 選擇“頻道（欄目）專用標(biāo)簽”中的“顯示當(dāng)前欄目鏈接地址”后，系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetClassUrl}）在所選擇的“ ”位置， 然后選 中 上圖中所示的欄目鏈接地址的“欄目名稱”號(hào)，然后選擇插入標(biāo)簽一欄右邊的“選擇更多標(biāo)簽”中的 “頻道（欄目）專用標(biāo)簽”中的“顯示當(dāng)前欄目名稱”后，系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetClassName}）在所選擇的“ 欄目名稱 ”位置，如下圖： 選中 “ 文章標(biāo)題文章標(biāo)題文章標(biāo)題 ”，選擇插入標(biāo)簽一欄右邊的“選擇更多標(biāo)簽”（修改方法和設(shè)為首頁(yè)等類似） 選擇“內(nèi)容頁(yè)標(biāo)簽”中的“文章內(nèi)容頁(yè)標(biāo)簽（文章系統(tǒng)）”中的“完整標(biāo)題”后，系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetArticleTitle}）在所選擇的“ 文章標(biāo)題文章標(biāo)題文章標(biāo)題 ”位置，如下圖： 然后選 中 所有的 “ 文章內(nèi)容 ” 漢字 ， 選擇插入標(biāo)簽一欄右邊的“選擇更多標(biāo)簽”（修改方法和設(shè)為首頁(yè)等類似） 選擇“內(nèi)容頁(yè)標(biāo)簽”中的“文章內(nèi)容頁(yè)標(biāo)簽（文章系統(tǒng)）”中的“ 文章內(nèi)容 ”后，系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetArticleTitle}）在 所有的“ 文章內(nèi)容 ”漢字被替換成 {$GetArticleTitle}標(biāo)簽，如下圖： 選擇“頻道（欄目）專用標(biāo)簽 ”中的“顯示當(dāng)前欄目鏈接地址” 系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetClassName}）在所選擇的“ 欄目名稱 ”位置 系統(tǒng)自動(dòng)插入一標(biāo)簽（ {$GetClassName}）在所選擇的“ 欄目名稱 ”位置 選擇此處 68 內(nèi)容 頁(yè)收尾工作 此部分站要是檢查相應(yīng)鏈接是還鏈接完成，將其鏈接完成，同時(shí)在 內(nèi)容 頁(yè)左側(cè)還的一部份沒(méi)做標(biāo)簽，參照欄目頁(yè)的收尾工作完成其標(biāo)簽調(diào)用，即可。 以下是保存后生成的內(nèi)容頁(yè)效果： 八 、實(shí)驗(yàn)要求： 欄目頁(yè)和內(nèi)容頁(yè)模板套標(biāo)簽，要求掌握常見(jiàn)標(biāo)簽的制作及使用。 九、考核標(biāo)準(zhǔn)： 掌握常見(jiàn)標(biāo)簽的制作與使用 ，能獨(dú)立完成指定頁(yè)面的標(biāo)簽制作及引用工作。 選擇此處 系統(tǒng)自動(dòng)插入一標(biāo)簽({$GetArticleContent})在所選擇的“ 欄目名稱 ”位置