中職《動態網站建設與維護》實訓課設計

吳燕珍

摘 要：實訓課的設計主要是培養學生獨立自主開發動態網站的能力，本文以某個學校網站為例，適當的指引和輔導學生完成該網站的建設。

關鍵詞：動態網站設計；實訓課；中職生

中職學生在學習了動態網頁設計的基礎知識后，已經基本具備開發小型動態網站的能力。實訓課的設置目標是培養學生獨立自主的能力，能按照網站的開發流程，在教師適當的輔導和指引下完成一個網站的建設。由于中職生的編程能力比較弱，搜集網站設計資料缺乏足夠的耐心，因而實訓課應該選擇功能不太復雜、資料易搜集的網站進行設計。因而在該課程的學習中，選擇了一個內容相對簡單的校園網站為藍本，通過詳細分析網站的資料，引導學生完成整個網站開發的過程。

一、 網站的需求分析

在創建網站時，確定站點的需求是第一步。設計者應清楚建立站點的目的，即確定它將提供什么樣的服務，網頁中要提供什么內容。

隨著科技的發展，網絡技術已經深入到各行各業，每間學校為了自身的辦公需要和招生宣傳，都必須擁有自己的門戶網站。學校網站是一個學校對外宣傳的窗口，是學校對內辦公事務的工具。因此網站應實現以下功能：

●對外宣傳的功能；

●招生就業功能；

●教學教研功能；

●黨建工作；

●工會工作；

●學生管理工作；

●辦公管理功能。

二、 網站架構規劃

合理地規劃網站架構，能夠加快站點的設計，提高工作效率，可以大大地節省工作時間。根據學校網站的需求分析，可以設計網站的各個網頁架構如下所示：

三、 構建開發環境

1、 數據庫軟件和服務器

由于中職學校的機房的電腦都設置關機還原，因而要求的使用的軟件小型而且易于安裝的。選擇小型便捷易于安裝的MySQL數據庫軟件，phpStudy2014服務器。

2、 開發網頁的軟件

中職生的編碼水平較弱，實訓時應該避開純編碼軟件，在此選擇的是Adobe Dreamweaver CS6。

四、 數據庫設計

數據庫設計是網站建設的核心內容，學校網站的建設使用MySQL數據庫。MySQL是當今最流行的關系型數據庫之一，其開源、快捷的特性適用于網絡開發。

根據需求分析的功能設計，需要在數據庫建立一個名為school的數據庫，用于存放相關數據。數據庫包含什么表格，需要確定數據庫有什么實體。而確定實體的一個基本規則是：實體是存在一個對象或事件。根據系統需求分析，構成本次設計中主要的實體共有8個：學校信息、招生就業、教學科研、黨建工作、工會工作、學生管理、教職人員、教務信息。

確定每個實體的屬性，也就是確定表的字段組成。通過分析網站數據，大部分網頁可以做成動態網頁，少部分可以是靜態網站。可以發現學校網站的數據不算復雜，大部分的數據很類似。但是做成同一個表格的話，又會使得表格的復雜程序太高，容易引起誤解。因而把每個實體設計成一個表格，這樣可以避免冗余度，又可以使得數據庫的數據清晰明了。

8個表格的結構如下所示：

五、 網站網頁的設計思路和實現步驟

1、設計思路

（1）整個學校網站主要是圍繞著各種信息和內容來展開的，其中由于信息內容性質的差異，必須對各種信息進行分類，劃分成若干小類，以方便用戶的瀏覽。

（2）每個信息標題都對應著與其相關的信息內容，用戶只需單擊頁面的標題文字超級鏈接，頁面就會自動跳轉到相對應的信息詳細內容頁面。

（3）由于網站每個網頁的導航部分都相似，為了節省開發時間，可先創建一個主模板文件，把導航菜單和底部文件先設計好，然后每個網頁都應用這個主模板。

（4）通過分析現成的學校網站，發現每個菜單下的子菜單鏈接的網頁，除了包括主模板的內容外，還增加相同的左菜單，因而還可以應用主模板分別創建幾個子模板，這樣可以大大地節省開發的成本。

2、實現步驟

（1）網站首頁，由4部分內容組成：最新學校新聞圖片幻燈片播放、學校新聞、通知公告、政策文件。

（2）學校概況分類頁面，由7個網頁構成，根據各個頁面的內容顯示，除了“領導關懷”頁面使用動態網頁，其余頁面都設計成靜態網站。

（3）招生就業分類頁面，由6個網頁構成，專業介紹、就業指導和校企合作三個網頁設計成動態網頁，其余頁面設計為靜態網頁。

（4）教學科研分類頁面，由4個動態網頁構成。

（5）黨建工作分類頁面，由6個動態網頁構成。

（6）工會活動分類頁面，由4個動態網頁構成。

（7）學生管理分類頁面，由5個動態網頁構成。

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

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

（10）系統的界面和功能進行調整和完善。

六、 網站的測試與發布

1、 網站的測試

在完成對站點所有頁面的制作后，應該對其站點進行測試，對站點中的文件逐一進行檢查，在本地計算機中調試網頁，以發現在網頁中所包含的錯誤，盡早發現問題并解決問題。

2、 網站的上傳發布

指導學生申請域名和空間，然后就上傳網站了，可以采用Dreamweaver自帶的站點管理上傳文件。

結束語：

根據學生的學習特點，選擇一個相對簡單易實現的校園網站作為實訓課內容，學生在老師的指導下，比較容易就可以完成整個網站的建設，從而增加其開發網站的自信心，也為將來出去工作打下堅實的基礎。

（作者單位：廣東省科技職業技術學校，廣東 廣州 510075）