中职《动态网站建设与维护》实训课设计

吴燕珍

摘 要：实训课的设计主要是培养学生独立自主开发动态网站的能力，本文以某个学校网站为例，适当的指引和辅导学生完成该网站的建设。

关键词：动态网站设计；实训课；中职生

中职学生在学习了动态网页设计的基础知识后，已经基本具备开发小型动态网站的能力。实训课的设置目标是培养学生独立自主的能力，能按照网站的开发流程，在教师适当的辅导和指引下完成一个网站的建设。由于中职生的编程能力比较弱，搜集网站设计资料缺乏足够的耐心，因而实训课应该选择功能不太复杂、资料易搜集的网站进行设计。因而在该课程的学习中，选择了一个内容相对简单的校园网站为蓝本，通过详细分析网站的资料，引导学生完成整个网站开发的过程。

一、 网站的需求分析

在创建网站时，确定站点的需求是第一步。设计者应清楚建立站点的目的，即确定它将提供什么样的服务，网页中要提供什么内容。

随着科技的发展，网络技术已经深入到各行各业，每间学校为了自身的办公需要和招生宣传，都必须拥有自己的门户网站。学校网站是一个学校对外宣传的窗口，是学校对内办公事务的工具。因此网站应实现以下功能：

●对外宣传的功能；

●招生就业功能；

●教学教研功能；

●党建工作；

●工会工作；

●学生管理工作；

●办公管理功能。

二、 网站架构规划

合理地规划网站架构，能够加快站点的设计，提高工作效率，可以大大地节省工作时间。根据学校网站的需求分析，可以设计网站的各个网页架构如下所示：

三、 构建开发环境

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）