《静态网页设计》教学改革分析

摘要： 高职院校的信息类专业中，《静态网页设计》课程是一门非常重要的专业基础课。该研究以四川信息职业技术学院为例对《静态网页设计》的课程性质和现行教学模式的弊端进行了分析，并提出了具体的课程教学改革方案，产生了较为有效的实际价值。

关键词：静态网页设计；教学改革；四川信息职业技术学院。

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2016）16-0189-02

Abstract： The "static web design" course is a very important professional basic course in higher vocational colleges. This study in Sichuan Vocational College of information technology as an example of the static page design "nature of the course and the existing teaching mode disadvantages are analyzed， and puts forward the specific curriculum teaching reform program， resulting in more effective practical value.

Key words： static web page design； teaching reform； Sichuan Information Technology College

1 项目研究的目的

1.1 《静态网页设计》的课程性质

四川信息职业技术学院信息工程系为提高学生Web编程能力，提高学生就业成功率与就业质量，培养出高质量的网页设计师，在大一上学期为软件技术专业和网络技术专业开设了《静态网页设计》课程，本课程是信息工程系软件技术专业及网络技术专业基础课程之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。依据《静态网页设计》课程教学目标的要求，本课程主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。

1.2 《静态网页设计》与其他课程的关系

信息工程系大一下学期为学生开设了动态网页《PHP动态网站开发》、《JavaScript脚本编程》等课程，大二开设《J2EE程序设计》、《ASP.NET程序设计》课程，这些课程需要网页设计能力作支撑，所以《静态网页设计》课程在信息工程系软件专业与网络技术专业的课程体系中占有举足轻重的地位与作用。

1.3 现行教学模式的问题

在以往多年的教学过程中，本教学团队发现《静态网页设计》课程存在较多的问题，分别体现为以下各个方面。

1.3.1 现行教材问题较多

高校教材是给教师授课和大学生学习使用的工具书，在大家印象里，书本的逻辑性、严谨性、科学性应该标准很高。然而我们发现教材出现了较多问题。

1）教材印刷质量不好、价格偏高。为了节省成本，很多出版社把那些本应在中心城市上海、南京等地正规印刷厂印刷的高校教材拿到郊边或者更远的县城小印刷厂或者私人印刷厂印刷。这种教材的特点是，纸张的厚度一般都达不到国家要求的70克，纸张的“白度”也不达标，颜色灰暗。

2）内容体系呆板单一。很多教材往往走两个极端，要么就是内容很浅，太强调理论性和系统性；要么就是太实用，缺少理论基础的内容。教材中往往最缺少的是一些反映最新科研成果的内容，另外在增加教材的趣味性和增强学生能力培养方面也做得不够。

3）抄袭严重，错漏百出。很多教材错误百出，有些错误是由于编者水平不够，抄袭网络中的资源，不少错误都是在课堂上学生容易混淆的知识点，最不能容忍的就是语言错误。

综上所述，编写一本质量好，水平够且适合高职院校信息类学生使用的自编教材刻不容缓。

1.3.2 核心内容深度不够

在以往的教学过程中，较多的知识均是浅尝辄止，未对其进行更加深入的学习，以学生需要为切入点设计问题时，教师既要考虑学生本身的需求，即学生希望了解和学习的内容，也要考虑学生发展的需求。教师应该提前了解学生的具体情况，然后在课堂上与学生一起探究核心问题。

1.3.3 教学内容缺乏有机整合

在现行教学模式下，教学内容分为了一些零散的知识点和零散的教学案例，缺乏一个良好的机制将这些零散的部件有机整合在一起。

1.3.4 教学模式单调，有待改进

在现行教学模式下，老师的教学手段较为单一。常见的教学方式是老师案例讲解，完毕之后给少许时间让学生自主练习，如果时间不太够则就不用练习。这种方式造成学生的动手锻炼时间较少，且难以培养学生的学习自觉性和创造力。

1.4 研究的目的

综上所述，我们可知：《静态网页设计》课程性质关键，是信息工程系的一门核心专业基础课，但是由于种种原因，在现行教学体制下出现了较多的问题，这些问题会导致教学水平低下，教学内容与企业生产实际脱轨，难以锻炼学生优秀的网页编写能力以及自学习惯。

为了解决以上种种问题，为了为企事业单位培养出有用、优秀的网页设计人才，改革现行教学模式，修订教学内容，更新教学方法迫在眉睫。

2 项目研究的基本内容

2.1 整合教学内容

在以往的《静态网页设计》教学过程中，我们的知识点比较零散，比如文本信息与表单信息、表格信息是各自一个单独的案例，缺乏一个有机整合。学生学习完了之后每个知识点分别知道做什么作用，但是加入有一个网页涉及很多知识点，学生就迷茫了，不知道怎样将其有机结合。

在项目实施过程中，课题组以多个整体网站项目为出发点，将所有的静态网页所涉及的知识点贯穿始终，所有知识点有机结合，达到了学生学习完毕之后能够合理利用所学到的知识进行网页编码的目的。

2.2 引入流行知识与框架

在以往的《静态网页设计》教学过程中，我们所教授的知识与企业所用到的知识存在脱轨。

本课题组张俊晖老师于2010年赴北京中软国际集团学习软件项目开发半年，在此期间张老师所负责的技术部分即为静态网页编码。在这个学习过程中，张老师学习到了很多的企业生产实际所用到的知识和框架。在项目实施过程中，课题组以此为蓝本，将企业中需要用到的知识贯穿在教学内容之中，真实做到了学生学到的知识能在就业之后使用的目的。

2.3 改革教学模式

在以往的《静态网页设计》教学过程中，我们所采用的教学方式为老师做一个小案例的知识讲解，然后学生在照着这个案例进行编码，这种方式造成学生的学习积极性较低。

在项目实施过程中，课题组用了多种方式进行课堂教学。一是教授方式上，我们会讲解一个知识点，但是给学生做的却不是单纯的对老师讲授知识的简单复制，而是需要学生对知识进行理解领悟之后的创新。二是不仅有课堂教学，还有课外教学，我们开发了一个精品资源共享课网站，供学生在课外进行知识的汲取。同时还使用了多种手段来帮助辅导学生，比如课程网站、QQ群辅导等。

2.4 培养学生自学能力

在以往的《静态网页设计》教学过程中，教师教授知识，学生简单复制，缺乏自己的思想和新思维。

授之以鱼不如授之以渔，在项目实施过程中，我们会给学生提供参考文档，从一开始就教会学生使用参考文档来获取知识。我们教会学生的不是一个知识点而是一种学习方法和学习态度，即使有些知识点老师并未在课堂上讲解，学生依然可以通过自学完成。这样就提高了学生的自学能力，对于其长远发展有着重要意义。

2.5 改革考核方式

以往的《静态网页设计》考核方式是上机考试，所有同学做的是同一个网页，自然就会衍生出作品雷同甚至作弊的情况。

在项目实施过程中，我们将考核方式改为项目提交+上机考试相结合的方式。所谓项目提交是指老师在讲解完所有知识点之后，会布置给学生一个任务，由学生自由发挥完成作品并提交，这个作品将在考试成绩中占据重要比例。另外上机考试也不再是所有同学做相同的题目，而是从考试系统的题库中抽取随机的题目进行作答，每人都是不同的题目，有效避免了以前考核方式的弊端。

2.6 编写教材

一本好的教材将会让学生受益终生。为了达到这个目的，课题组组织人手在四川省省级精品共享课程《静态网页设计》的基础之上便写了一本教材，这本教材积累了课题组老师的丰富经验与心血，该教材现已出版。

3 项目研究的成果及特色

3.1 项目研究成果

1）公开出版教材一本：《项目化静态网页设计简明教程》，西南交通大学出版社，2015年7月。

2）公开发表论文两篇：《静态网页设计教学改革研究》，计算机与信息技术， 2012年第3期；《高职院校静态网页设计教学改革研究》，软件导刊，2014年第1期。

3）成功申报省级精品资源共享课程一门：《静态网页设计》，2014年11月。

3.2 项目研究特色

1）通过网页设计师岗位能力分析，构建出基于职业岗位的课程目标，制定出相应课程的课程标准。

2）将企业规范及工作流程、HTML语言、CSS样式表、Dreamweaver、JavaScript脚本等内容进行有机整合，使之形成一系列学用结合，内容鲜活的课程模块。

3）全面改革教学方法与教学手段，推行“工程项目教学法”，充分利用多媒体设备组织教学，课程教学全部安排在机房完成，实施案例项目的现场教学。

4）以任务下发、阶段验收的方式提高学生自学能力。

5）以对学生实际能力考核为出发点，完善课程考试考核方法。

4 自我评价分析与结论

通过本项目的实施，在学生学习方面有以下成效：

1）学生逐渐养成了自学的习惯，其自学能力较之以往有了大幅提升。

2）由于在上课过程中是以工程项目贯穿始终，所以在课程结束后学生有了一定的项目实践能力。

3）由于在上课过程中引入了一些新知识，新框架，所以学生的Div+CSS代码编写能力明显加强。

4）由于采取了分组合作进行项目开发的方式，所以学生的团队协作能力有了较大的提升。

5）学生在项目开发的过程中接触了企业编码规范，对其以后学习工作产生了积极的影响。

综上所述，“《静态网页设计》教学改革”项目的开展是有必要的，并且是见了较大成效的，对软件技术专业课程的教学改革提供了一种方案，为软件技术专业的省级示范专业建设和省级重点专业建设提供了实践支撑。并且也可将此改革模式推广到其他课程教学中去，为学院的教学改革产生了积极影响。

参考文献：

[1] 刘永超.静态网页设计简要分析[J].计算机光盘软件与应用，2013（18）.

[2] 曹晏祯.静态网页的开发研究[J].赤峰学院学报：自然科学版，2012（24）.

[3] 侯佳路，王润华，于晓荷.《静态网页设计与制作》课程改革探讨[J].中国科技信息，2012（6）.

[4] 刘立伟，许甲子.静态网页设计课程教学的边界[J].苏州工艺美术职业技术学院学报，2012（2）.

[5] 刘效春.关于对静态网页生成技术的思考[J].数字技术与应用，2012（10）.

[6] 吕立霞.以产品开发为工作过程的《静态网页设计》课程改革[J].当代教育论坛：综合研究，2011（4）.