中職《動(dòng)態(tài)網(wǎng)站建設(shè)與維護(hù)》實(shí)訓(xùn)課設(shè)計(jì)

吳燕珍

摘 要：實(shí)訓(xùn)課的設(shè)計(jì)主要是培養(yǎng)學(xué)生獨(dú)立自主開發(fā)動(dòng)態(tài)網(wǎng)站的能力，本文以某個(gè)學(xué)校網(wǎng)站為例，適當(dāng)?shù)闹敢洼o導(dǎo)學(xué)生完成該網(wǎng)站的建設(shè)。

關(guān)鍵詞：動(dòng)態(tài)網(wǎng)站設(shè)計(jì)；實(shí)訓(xùn)課；中職生

中職學(xué)生在學(xué)習(xí)了動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)后，已經(jīng)基本具備開發(fā)小型動(dòng)態(tài)網(wǎng)站的能力。實(shí)訓(xùn)課的設(shè)置目標(biāo)是培養(yǎng)學(xué)生獨(dú)立自主的能力，能按照網(wǎng)站的開發(fā)流程，在教師適當(dāng)?shù)妮o導(dǎo)和指引下完成一個(gè)網(wǎng)站的建設(shè)。由于中職生的編程能力比較弱，搜集網(wǎng)站設(shè)計(jì)資料缺乏足夠的耐心，因而實(shí)訓(xùn)課應(yīng)該選擇功能不太復(fù)雜、資料易搜集的網(wǎng)站進(jìn)行設(shè)計(jì)。因而在該課程的學(xué)習(xí)中，選擇了一個(gè)內(nèi)容相對(duì)簡單的校園網(wǎng)站為藍(lán)本，通過詳細(xì)分析網(wǎng)站的資料，引導(dǎo)學(xué)生完成整個(gè)網(wǎng)站開發(fā)的過程。

一、 網(wǎng)站的需求分析

在創(chuàng)建網(wǎng)站時(shí)，確定站點(diǎn)的需求是第一步。設(shè)計(jì)者應(yīng)清楚建立站點(diǎn)的目的，即確定它將提供什么樣的服務(wù)，網(wǎng)頁中要提供什么內(nèi)容。

隨著科技的發(fā)展，網(wǎng)絡(luò)技術(shù)已經(jīng)深入到各行各業(yè)，每間學(xué)校為了自身的辦公需要和招生宣傳，都必須擁有自己的門戶網(wǎng)站。學(xué)校網(wǎng)站是一個(gè)學(xué)校對(duì)外宣傳的窗口，是學(xué)校對(duì)內(nèi)辦公事務(wù)的工具。因此網(wǎng)站應(yīng)實(shí)現(xiàn)以下功能：

●對(duì)外宣傳的功能；

●招生就業(yè)功能；

●教學(xué)教研功能；

●黨建工作；

●工會(huì)工作；

●學(xué)生管理工作；

●辦公管理功能。

二、 網(wǎng)站架構(gòu)規(guī)劃

合理地規(guī)劃網(wǎng)站架構(gòu)，能夠加快站點(diǎn)的設(shè)計(jì)，提高工作效率，可以大大地節(jié)省工作時(shí)間。根據(jù)學(xué)校網(wǎng)站的需求分析，可以設(shè)計(jì)網(wǎng)站的各個(gè)網(wǎng)頁架構(gòu)如下所示：

三、 構(gòu)建開發(fā)環(huán)境

1、 數(shù)據(jù)庫軟件和服務(wù)器

由于中職學(xué)校的機(jī)房的電腦都設(shè)置關(guān)機(jī)還原，因而要求的使用的軟件小型而且易于安裝的。選擇小型便捷易于安裝的MySQL數(shù)據(jù)庫軟件，phpStudy2014服務(wù)器。

2、 開發(fā)網(wǎng)頁的軟件

中職生的編碼水平較弱，實(shí)訓(xùn)時(shí)應(yīng)該避開純編碼軟件，在此選擇的是Adobe Dreamweaver CS6。

四、 數(shù)據(jù)庫設(shè)計(jì)

數(shù)據(jù)庫設(shè)計(jì)是網(wǎng)站建設(shè)的核心內(nèi)容，學(xué)校網(wǎng)站的建設(shè)使用MySQL數(shù)據(jù)庫。MySQL是當(dāng)今最流行的關(guān)系型數(shù)據(jù)庫之一，其開源、快捷的特性適用于網(wǎng)絡(luò)開發(fā)。

根據(jù)需求分析的功能設(shè)計(jì)，需要在數(shù)據(jù)庫建立一個(gè)名為school的數(shù)據(jù)庫，用于存放相關(guān)數(shù)據(jù)。數(shù)據(jù)庫包含什么表格，需要確定數(shù)據(jù)庫有什么實(shí)體。而確定實(shí)體的一個(gè)基本規(guī)則是：實(shí)體是存在一個(gè)對(duì)象或事件。根據(jù)系統(tǒng)需求分析，構(gòu)成本次設(shè)計(jì)中主要的實(shí)體共有8個(gè)：學(xué)校信息、招生就業(yè)、教學(xué)科研、黨建工作、工會(huì)工作、學(xué)生管理、教職人員、教務(wù)信息。

確定每個(gè)實(shí)體的屬性，也就是確定表的字段組成。通過分析網(wǎng)站數(shù)據(jù)，大部分網(wǎng)頁可以做成動(dòng)態(tài)網(wǎng)頁，少部分可以是靜態(tài)網(wǎng)站。可以發(fā)現(xiàn)學(xué)校網(wǎng)站的數(shù)據(jù)不算復(fù)雜，大部分的數(shù)據(jù)很類似。但是做成同一個(gè)表格的話，又會(huì)使得表格的復(fù)雜程序太高，容易引起誤解。因而把每個(gè)實(shí)體設(shè)計(jì)成一個(gè)表格，這樣可以避免冗余度，又可以使得數(shù)據(jù)庫的數(shù)據(jù)清晰明了。

8個(gè)表格的結(jié)構(gòu)如下所示：

五、 網(wǎng)站網(wǎng)頁的設(shè)計(jì)思路和實(shí)現(xiàn)步驟

1、設(shè)計(jì)思路

（1）整個(gè)學(xué)校網(wǎng)站主要是圍繞著各種信息和內(nèi)容來展開的，其中由于信息內(nèi)容性質(zhì)的差異，必須對(duì)各種信息進(jìn)行分類，劃分成若干小類，以方便用戶的瀏覽。

（2）每個(gè)信息標(biāo)題都對(duì)應(yīng)著與其相關(guān)的信息內(nèi)容，用戶只需單擊頁面的標(biāo)題文字超級(jí)鏈接，頁面就會(huì)自動(dòng)跳轉(zhuǎn)到相對(duì)應(yīng)的信息詳細(xì)內(nèi)容頁面。

（3）由于網(wǎng)站每個(gè)網(wǎng)頁的導(dǎo)航部分都相似，為了節(jié)省開發(fā)時(shí)間，可先創(chuàng)建一個(gè)主模板文件，把導(dǎo)航菜單和底部文件先設(shè)計(jì)好，然后每個(gè)網(wǎng)頁都應(yīng)用這個(gè)主模板。

（4）通過分析現(xiàn)成的學(xué)校網(wǎng)站，發(fā)現(xiàn)每個(gè)菜單下的子菜單鏈接的網(wǎng)頁，除了包括主模板的內(nèi)容外，還增加相同的左菜單，因而還可以應(yīng)用主模板分別創(chuàng)建幾個(gè)子模板，這樣可以大大地節(jié)省開發(fā)的成本。

2、實(shí)現(xiàn)步驟

（1）網(wǎng)站首頁，由4部分內(nèi)容組成：最新學(xué)校新聞圖片幻燈片播放、學(xué)校新聞、通知公告、政策文件。

（2）學(xué)校概況分類頁面，由7個(gè)網(wǎng)頁構(gòu)成，根據(jù)各個(gè)頁面的內(nèi)容顯示，除了“領(lǐng)導(dǎo)關(guān)懷”頁面使用動(dòng)態(tài)網(wǎng)頁，其余頁面都設(shè)計(jì)成靜態(tài)網(wǎng)站。

（3）招生就業(yè)分類頁面，由6個(gè)網(wǎng)頁構(gòu)成，專業(yè)介紹、就業(yè)指導(dǎo)和校企合作三個(gè)網(wǎng)頁設(shè)計(jì)成動(dòng)態(tài)網(wǎng)頁，其余頁面設(shè)計(jì)為靜態(tài)網(wǎng)頁。

（4）教學(xué)科研分類頁面，由4個(gè)動(dòng)態(tài)網(wǎng)頁構(gòu)成。

（5）黨建工作分類頁面，由6個(gè)動(dòng)態(tài)網(wǎng)頁構(gòu)成。

（6）工會(huì)活動(dòng)分類頁面，由4個(gè)動(dòng)態(tài)網(wǎng)頁構(gòu)成。

（7）學(xué)生管理分類頁面，由5個(gè)動(dòng)態(tài)網(wǎng)頁構(gòu)成。

（8）教職工管理頁面，設(shè)置教職工登錄入口。

（9）教務(wù)信息頁面，此頁面只有登錄成功才可以訪問。

（10）系統(tǒng)的界面和功能進(jìn)行調(diào)整和完善。

六、 網(wǎng)站的測試與發(fā)布

1、 網(wǎng)站的測試

在完成對(duì)站點(diǎn)所有頁面的制作后，應(yīng)該對(duì)其站點(diǎn)進(jìn)行測試，對(duì)站點(diǎn)中的文件逐一進(jìn)行檢查，在本地計(jì)算機(jī)中調(diào)試網(wǎng)頁，以發(fā)現(xiàn)在網(wǎng)頁中所包含的錯(cuò)誤，盡早發(fā)現(xiàn)問題并解決問題。

2、 網(wǎng)站的上傳發(fā)布

指導(dǎo)學(xué)生申請域名和空間，然后就上傳網(wǎng)站了，可以采用Dreamweaver自帶的站點(diǎn)管理上傳文件。

結(jié)束語：

根據(jù)學(xué)生的學(xué)習(xí)特點(diǎn)，選擇一個(gè)相對(duì)簡單易實(shí)現(xiàn)的校園網(wǎng)站作為實(shí)訓(xùn)課內(nèi)容，學(xué)生在老師的指導(dǎo)下，比較容易就可以完成整個(gè)網(wǎng)站的建設(shè)，從而增加其開發(fā)網(wǎng)站的自信心，也為將來出去工作打下堅(jiān)實(shí)的基礎(chǔ)。

（作者單位：廣東省科技職業(yè)技術(shù)學(xué)校，廣東 廣州 510075）