归一云思
主页网络文摘杂文
文章内容页

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

  • 作者: 山东青年
  • 来源: 归一文学
  • 发表于2023-11-09
  • 热度20233
  • 吴燕珍

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

      关键词:动态网站设计;实训课;中职生

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

      一、 网站的需求分析

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

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

      ●对外宣传的功能;

      ●招生就业功能;

      ●教学教研功能;

      ●党建工作;

      ●工会工作;

      ●学生管理工作;

      ●办公管理功能。

      二、 网站架构规划

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

      三、 构建开发环境

      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)

      本文标题:中职《动态网站建设与维护》实训课设计

      本文链接:https://www.99guiyi.com/content/1282018.html

      • 评论
      0条评论
      • 最新评论

      深度阅读

      • 您也可以注册成为归一的作者,发表您的原创作品、分享您的心情!