基于CMS的《网站设计与维护》课程教学的研究与实践

摘要:“网站设计与维护”是一门实践性和实用性都很强的课程,针对中等职业学校非计算机专业学生的特点,设计一个关于内容管理系统CMS的课程教学内容,分析CMS的原理和特点,采用案例教学法让学生快速掌握各种网站建站的设计方法。

关键词:网站设计与维护;CMS;课程教学;教学法;模板设计;网站建设

中图分类号:TP393.092 文献标识码:A文章编号:1009-3044(2010)03-750-03

Teaching Research and Practice of "Design and Maintenance of Website" Based on CMS

WU Dong-chen

(Zhanjiang Mechanical and Electrical School, Zhanjiang 524094, China)

Abstract: "Design and Maintenance of Website" is a very practical and applied course. The characteristics aiming at professional student from non-calculator in secondary vocational school, design a course content about CMS, analyze principle and characteristics of CMS, adopt case teaching method to let student to quickly control the design method of various website.

Key words: design and maintenance of website; CMS; course teaching; teaching method; shuttering design; web construction

1 概述

《网站设计与维护》课程是中等职业学校计算机、电子商务等相关专业的一门专业课程,也是其他专业的普及型选修课程,是近年来计算机专业领域发展最快和应用最广泛的课程之一,当今社会急需培养掌握计算机网页设计、面向不同应用层次的专业人才。因此,学生对这门课程教学的要求越来越高。面对众多的网页设计技术和课程,如何为学生开设好这门课程,需要我们积极思考。为了培养能高效、快速地进行企事业单位网站以及电子商务网站的建设的人才,根据非计算机类专业学生的特点,结合本校的实际,设计一个关于内容管理系统(CMS)的《网站设计与维护》课程教学内容,采用案例教学法、任务驱动教学法让学生快速掌握各种建设网站的方法。

2 CMS的特点和选型

2.1 CMS的概念

CMS是Content Management System的缩写,意为“内容管理系统”。CMS主要是以信息共享为目的,位于WEB前端(Web服务器)和后端办公系统或流程(内容创作、编辑)之间,面向海量信息处理,集信息数字化、分布存储、管理、查询、传播为一体的管理平台。内容的创作人员、编辑人员、人员使用内容管理系统来提交、修改、审批、内容。这里指的“内容”可能包括文字、表格、图片、数据库中的数据甚至视频等一切需要到Internet、Intranet以及Extranet网站的信息。

目前主流的CMS概念,是以文章系统为核心,包含内容模型自定义、内容采集加工、内容评论、内容检索、公告管理、广告管理、调查管理、留言管理、用户管理等各种通用功能模块,面向各种内容管理需要的网络平台。

2.2 CMS的选型

把CMS作为教学内容,至少要注意系统类型和架构、系统功能、视觉外观、内容管理、开源维护等五个重点。

基于ASP+ACCESS技术架构的内容管理系统采用结构化的功能设计和界面布局设计,可分为核心系统(core)、组件(component)、模块(module)、界面模板(template)等部分,系统结构分为数据层、应用层和表现层,这种架构具有易于理解、方便操作的特点。

网站模板与网站程序完全分离是目前主流CMS的设计理念,模板是用来控制前台网页显示界面的布局和字体、图片样式及形式的,使得表现和内容分离。只要设计不同的模板,即可实现不同的网站界面风格,让学生达到快速建站的目的。

作为开发型产品的源代码是最宝贵的学习范例,无论是初学者还是开发人员,都可以从开源CMS范例的源代码中进行系统学习、掌握和探讨商业软件的设计、编码规范等知识。通过以开源CMS软件的源程序为范例来讲解各种设计模式、编程技巧等知识,能够很好促进学生对学习源代码的兴趣。

开源的CMS比较多,如DedeCMS、PHPCMS、PHP168、EmpireCMS、Joomla、JeeCMS、SiteServerCMS、FoosunCMS、SiteWeaverCMS、KesionCMS、JoekoeCMS等,作为教学的示范,以简单、实用、方便、高效为原则,我们根据实际情况选择一款优秀ASP+ACCESS技术架构的开源CMS作为教学演示工具。

3 教学内容设计

3.1 CMS的基础教学

《网站设计与维护》课程的学习主要有三个过程:设计过程、制作过程、内容管理过程。其中设计过程要求熟悉软件工程学及各种相关技术,了解整个软件设计流程,并具备相关的分析问题能力和策划能力。制作过程要求具备页面布局及相关的美工知识,动态代码的编程知识及数据管理应用的数据库知识。内容管理过程要求熟悉信息内容的采集、整理、编辑、审核、等过程。

教学内容遵循学生学习认知的过程,科学合理地选择教学内容,帮助学生建立正确的建站思想和方法,在理论和实训中都要体现一个网站设计的理念。

网站设计的基础知识必须掌握。包括Dreamweaver、Flash和Fireworks软件的使用,Photoshop基本操作,认识HTML标准语言中的Head、Table、Tr、Td等标签及属性设置,CSS、Javascript、VBScript、ASP代码示例,网站框架设计和网站首页基本布局设计的方法,网页配色方法,IIS的安装和配置,域名与虚拟主机服务器知识,网站安全知识。

3.2 利用现有网站进行快速模板设计

通用CMS网站系统主要有三大模块:文章、软件和图片,一般每个模块的模板目录结构都由源程序、Images图片文件夹、JS文件夹、Skin风格文件夹、UploadFiles上传文件夹组成,这三个模块相对独立,可以生成多个模块栏目,每个模块栏目都有自己的模板。

系统的模板设计功能从使用灵活、操作方便的角度出发,利用现有网站进行快速模板仿制和设计并不是让学生去剽窃他人作品,而是通过深入地熟悉了解他人的模板制作技巧和风格,以及设计思路而制作出自己的特色风格模板,提高自己的模板制作水平。

仿制模板的制作思路:

1) 打开要仿制的网页查看源代码属性,通过“另存为”保存网页全部文件。

2) 用Dreamweaver网页编辑器编辑网页文件,删除标题列表的文字信息,合并标题列表信息的单元格,将需要显示相关内容的地方修改或插入相应的的标签。

3) 修改文件夹名称,修改图片路径。

4) 进入CMS网站后台,把Dreamweaver里修改好的代码复制到对应网页模板选项中,并加以调整。

一些通用CMS网站系统的后台模板管理功能中具有代码编辑器和可视化编辑器,可以利用这些编辑器直接对模板进行修改、整理和保存。

3.3 模板的制作

模板制作是《网站设计与维护》课程教学的重点和难点,在模板制作之前,学生需要掌握基本的网页设计与HTML代码知识。如果要独立设计一个网站,还要掌握一些图像设计处理软件,如Photoshop、Fireworks等。

模版设计与制作的流程:

1) 在制作模板前,先在Photoshop、Fireworks等设计软件中制作网页效果图。然后利用这些软件的导出成Web格式文件功能,将效果图输出成Web文件和图片文件夹。

2) 在Dreamweaver等网页设计软件中修改Web文件,将需要显示相关内容的地方修改或插入相应的的标签。

3) 将图片文件夹上传至网站的目录中,同时添加或修改相关类型的网页模板,将Web文件的源代码拷入模板中并保存。将添加或修改的模板设置成默认模板。刷新前台页面即可看到新模板的效果。

3.4 CMS的管理与操作

CMS网站系统的模版设计和制作完成,说明网站已经有了自己的前台风格界面,就可以开始为网站添加信息内容。信息内容是CMS的灵魂,优秀的原创内容是一个网站的核心竞争力。

CMS的管理划分得比较明确:基本设置、日志统计、广告管理、友情链接、留言和公告管理、频道管理、数据库管理、模板风格管理、用户管理、文章管理等。在各种管理功能中,通过指导学生操作和使用每一项功能,完成信息采集、整理、分类、审核、和管理的全过程,掌握网络编辑的工作流程,与职业衔接。

3.5 CMS的与应用

CMS网站系统不仅是课堂教学的工具,而且有着广泛的实际应用。让学生申请由学校信息中心提供的免费二级域名和虚拟主机,也可以指导学生申请互联网上的域名和虚拟主机,通过域名和虚拟主机的申请、注册、管理,让学生掌握域名和网站服务器的相关知识。有了域名和虚拟主机,就可以让学生对网站程序进行上传、调试和维护,同时讲解百度收录、搜索引擎优化(SEO)及推广、日后的更新维护等知识,让学生明白一个网站的生命周期过程,使学生更加珍惜自己所设计制作的网站。

学生通过对CMS的学习和应用,可以随时方便地提交需要的信息而无须掌握复杂的技术,使得网站的架设与管理变得轻松。

4 教学的方法

为了激发学生的学习兴趣,提高学生的主观能动性,要想使学生能够对所学的知识融会贯通,对所学的技术灵活运用,要想在较短时间内提高学生的动手能力,必须采用行之有效的教学方法并加强实践环节。

课程的前期,主要采用案例教学法根据教学目标和内容的需要,采用案例组织学生进行学习、研究、锻炼。案例教学可激发学生学习的兴趣,增强学生在课堂上的参与感,帮助学生加深理解所学的基础知识,从而提高教学质量。

课程的中期,主要采用任务驱动教学法把模板设计的教学内容设计成一个或多个具体的任务,以完成一个个具体的任务为线索,把教学内容巧妙地隐含在每个任务之中并引导学生完成任务,学生通过完成一个个具体的任务掌握教学内容。采用任务驱动教学法,能让学生乐于学习、主动学习、创造性地学习。

课程的后期,主要采用项目教学法通过实施一个完整的网站项目并在项目的具体实践过程中“寓教于学”,具体做法是将一个完整的网站项目交给学生独立完成,让学生在教师的引导下独自完成信息收集、方案设计、方案实施以及项目最终评价等整个过程。项目教学法在课堂教学中把理论与实践教学有机地结合起来,有助于充分发掘学生的创造潜能,提高学生解决实际问题的综合能力。

5 课程的考核方式

《网站设计与维护》是一门实践性较强的课程,开设该门课程的主要目的是使学生具备使用CMS建设和维护网站的综合能力,因此采用传统的笔试考核模式不能真实地反映学生的学习情况,要想衡量学生学习这门课程的好坏,需将考试重点转移到对学生的实际技能方面的考核上。

设立与本门课程相关的模板设计大赛或网站应用设计大赛,是一种对学生综合技能评价的有效方式。大赛为学生创造一个相互学习与交流的机会,搭建一个展示与宣传自我的舞台,让更多的学生在了解和体验CMS网站管理系统的诸多特性与强大功能基础上,熟悉和掌握网页模板的设计方法与操作技巧,以创作出更多、更好、更美的网页模板,充分展现独具个性魅力的特色网站,促进网络事业的蓬勃发展。大赛重点审评学生对以下几个项目的能力:页面美术设计、网页语言的掌握程度、对CMS的模板设计能力、创新能力、创意能力等,鼓励有中国元素的民族风格的原创设计作品和富有商业气息、能营造消费购物氛围、时尚感强的商务设计作品。通过指导学生学习、设计,使用CMS制作指定主题的网站或自由设计的网站,提升学生对网站建设的爱好和兴趣,创造良好的学习氛围。

对于学生成绩的评定,采取平时考查和实践考核两种方式,技能大赛成绩作为总评成绩加分的参考。平时成绩占30%,平时成绩根据学生的到课表现、上交作业、上机实习情况产生;实践成绩占70%,实践成绩根据期末学生所制作的作品情况产生。这种考核方式注重实践操作和应用开发能力的培养,有利于提高学生的学习积极性和主动性。

6 结束语

在教学过程中,只有从学生感兴趣的角度出发,提供“简单、易懂、实用”的课程,才能让学生对该门课程感兴趣,让学生从枯燥、乏味的认知活动中解脱出来。对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革,能使学生从被动学习转变为主动学习,提高其实践操作技能,拓展其知识面,并发展成为活泼有趣的学习过程。

将CMS引入《网站设计与维护》课程的教学中,及时地调整课程教学内容,采取行之有效的多样化的教学方法和手段,注重对学生实践技能的考核,实现了教学内容与行业技术同步发展,提高了教学质量,按社会需求培养应用型人才,收到良好的教学效果。

参考文献:

[1] 徐方,邓敏.内容管理系统(CMS)的发展与应用[J].孝感学院学报,2007(3).

[2] 叶婉秋.实验教学法在“网页设计与制作”课程中的实施之体会[J].计算机教育,2007(18).

[3] 李向群,张凤云,王新.案例式教学法在计算机基础教学改革中的应用[J]计算机教育,2008(22).

[4] 康梅娟.“网站建设与维护”课程的教学研究与实践[J].计算机教育,2009(10).

[5] 颜谦和,颜珍平.“网页设计与制作”课程运用案例教学法初探[J].计算机教育,2007(9):65-66.

[6] 耿璐,聂足.基于CMS的企业网站的设计与实现[J].计算机工程与设计,2009(2).

[7] 黄海艇,胡俊溟.基于CMS的高校学院网站建设[J].电脑学习,2009(1).

[8] 孙毅,郭玲,陈惠敏,等.基于DedeCMS的高校院系网站建设[J].昌吉学院学报,2008(4).

[9] 黄传河.网络规划设计师教程[M].北京:清华大学出版社,2009.