《静态网页设计与制作》教学改革探讨

【摘要】 针对目前永州职院《静态网页设计与制作》教学中存在的一些实际问题，本文寻求相应的解决措施，从课堂教学内容、教学方法及考核方法等方面进行了改革探讨。

【关键字】 教学方法 教学改革 考核方法

一、引言

随着互联网的快速发展，社会对网页设计和制作人才的需求越来越大，对人才水平的要求也越来越高，以就业能力为导向成为网页设计与制作课程教学改革的方向。《静态网页设计与制作》是高职计算机学生必修的一门专业基础课程，综合性非常强，包涵的内容多，课程教学中我们应注重操作能力培养，

二、高职静态网页设计课程教学现状与问题

目前高职院校网页设计与制作课程教学方式有了显著进步，大多借助多媒体教室进行演示教学，在机房授课中教师也会采取项目驱动教学法来激发学生学习的主体意识，从而培养学生的实践创新能力。然而网页设计与制作教学还存在着一些问题，主要有以下几个方面：

1、理论与实践脱节。教师所讲授的内容Dreamweaver CS5基本操作而学生们所拿到的教材是Dreamweaver8，实践操作时没有配套的实例，技术内核区分，同一个网页用CS5和DW8打开界面不同，因为版本越高对W3C标准的支持越好，用户体验也好，而且CS5支持自由拖动CSS样式，修改选择符等功能。

2、学生缺乏自主学习能力，学习较被动。“网页设计与制作”课程是采用理论与实践1：1配套的授课方式，老师理论课先讲解专业知识点并对实例进行示范操作，上机课让学生凭着记忆或课堂笔记进行模仿操作。学生若跟不上教学节奏就会感到教学内容枯燥，学习积极性得不到很好的激发。

3、学生出现眼高手低动手能力差现象。学生观看教师用HTML代码制作腾讯搜搜网页时，先示范操作打开VS开发工具，新建soso.html网站页面时只是使用

标签组织登录与注册链接，在标签中插入soso的logo图片等简单代码输入，认为很简单，不愿认真学习听讲，等到实践课上对布置的教学任务时对于没给操作步骤设计项目又觉得太难而手足无措，造成高不成低不就的现象。

三、高职静态网页设计制作课程教学改革

1、教学方法改革。教师将网页设计的理论知识与开发小型网站的实际技能结合起来，课前设计一个与学生学习生活经历相关的米柚（MIUI）网站作为项目，让学生身临其境参与到实际项目中来，通过演示使用PhotoShop提取米柚图片元素、使用DIV+CSS對米柚首页进行布局、制作MIUI首页的头部菜单、制作广告条与下载链接、制作视频区列表、制作功能区列表、制作底部菜单与版权部分使学生了解网站的设计、制作、测试、发布和上传的流程，掌握网站建设中需要注意的事项及设计规范等。

2、教学内容的有机整合。在以往的《静态网页设计与制作》教学过程中，我们的知识点比较零散，比HTML标签的使用、编写CSS样式表、页面结构分析、DIV+CSS布局等信息都是各自单独的案例，缺乏一个有机整合。学生学完米柚（MIUI）网站设计之后知道每个知识点分别做什么用。在分组型项目驱动教学中，教学以多个整体网站项目为出发点，将所有的静态网页所涉及的知识点贯穿始终有机整合，使学生在学习完后能够合理利用所学到的知识自由发挥进行网页设计制作。

3、学生多重学习能力培养。以往《静态网页设计制作》教学中，教师教授知识学生简单复制，缺乏自己的思想和新思维。而通过分小组项目实施任务驱动教学过程中，我们提供学生参考文档，布置任务让学生使用不同的开发工具Microsoft Visual Studio 2012和设计工具photoshop cs6完成，学生通过自主学习来获取知识，这样就有意识的训练学生的自学能力。毕业后学生不仅具备了基本课程知识和技能，还具备课外协作团队作战的能力。

4、考核方法改革。网页设计考核的重点在于对网站主题和页面布局的考查，对整体页面的美观性评定，网站规划中的各项功能及页面链接效果检查。考核方式我们采取教学过程考核占总成绩40%和项目完成情况占总成绩60%考核相结合的方式，教学过程考核主要是对学生每次实训课的制作任务模拟完成情况及学习过程中的学习行为表现等方面；项目完成情况考核主要指学生综合运用所学知识解决问题、实际开发设计的能力和团队协作能力。

5、选择符合时代要求的教材很重要。教材是老师教学的基础，是学生获取专业知识的主要方式之一。高职教材主要体现教材的职业性、科学性、实用性和实践性。在选择网页设计教材时，不仅要保证教材上有足够的网页设计基础知识，还要有典型的实用的网页设计制作案例。

小结：综上所述，《静态网页设计与制作》课程应重视对学生实践创新能力的培养，通过实践技能与理论知识的结合体现高职教育人才培养特点，通过教学内容、教学方法的考核方法的改革探讨，增强了学生的实践技能和就业能力，提升教师的教学能力。

参 考 文 献

[1] 胡同花.谈新形势下高职院校的教学改革[J].农业网络信息，2012 （6）.endprint