《网页设计与制作》一体化教学总结与评价

《网页设计与制作》一体化教学总结与评价

高艳秋

一、课程在专业中的地位与作用

《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术基础课程，又是一门主干课程，是为加强对学生技术应用能力的培养而开设的综合性课程，它涵盖了 HTML 语言、 Dreamweaver 、 photoshop 、 Flash 等相关知识，全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习，使学生掌握该软件的操作方法和操作技巧，学会运用其创建个人网站、具备一定的网站设计能力，学会网站的测试、维护、发布及推广等。通过实例的讲解，让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。二、课程学习目标

通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用 photoshop 、进行图片处理，能熟练运用 Flash 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。

1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。

（1）掌握规划网站的内容结构、目录结构、链接结构的方法。

（2）熟练掌握网页制作软件Dreamweaver cs3的基本操作和使用技能。

（3）掌握页面的整体控制和头部内容设置的方法。

（4）熟练掌握网页页面布局的各种方法。

（5）熟练掌握在网页中输入、设置标题和正文文字的方法。

（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。

（7）掌握建立各种形式超级链接的方法。

（8）掌握表单网页制作方法。

（9）掌握网页特效的制作方法。

（10）掌握网站测试的方法。

2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。

3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。

5．训练和培养团队协作精神和共同开发网站的综合能力。

三、职业岗位标准

1．课程对应（或服务或面向）的岗位

网站设计，网站美化，网络营销员，网店铺管理员等

2．岗位标准（或工作内容、职责），技术等级标准

表1 岗位分析表

3．课程能力标准分解

按照职业岗位标准进行能力归类、整合，确定课程能力，建立课程能力分析图表如下：

表2 课程能力分析表

项目工作任务知识内容与要求技能内容与要求

项目一：个人网站的设计与制作任务1:DreamWeaver软件的使

用

任务2：站点的规划与管理

任务3：页面的布局处理

任务4:文字的输入与格式控制

任务5:图片的插入与格式设置

1、熟悉DreamWeaver软件的使用

2、了解站点的规划方法

3、掌握表格、层等布局方法的使

用

4、掌握图片、文字的插入及格式

处理

1、能熟练使用DreamWeaver软件

2、能根据网站的主题进行目录结构

的确定并进行合理的规划

3、能根据页面版式的需求进行布局

设计

4、能够掌握图文混排的方法

四、考试、考核课改思路

本门课程的传统教学方法是采取全课堂制授课方法，考核的方法也大都采用统一试卷的考核方式，学生所学的知识大部分集中在理论基础方面，进而偏离了当今《网页设计与制作》的发展方向。

在“教学做一体化”的教学模式中为了培养和突出学生的能力，故在实践教学中突出以学生“做”为主，就是要像在企业里一样，只给你要求说明或样板，自己用所学知识自己设计、自己制作，然后由全班评选出最好的作品出来。所以在实际教学中也以此为主线来教学，多种教学方法相结合帮助学生学的好，做的更好。

1、把理论教学穿插在课堂始终的教学理念

以前《网页设计与制作》教学是分开讲的，在实践课上学生比较活跃，而在理论课上学生觉得没用听得累，老师讲得“累”，觉得自己的辛苦不被学生所接纳，心“累”。为了改变这种现状，在教学计划里压缩了单纯的理论课，在学生实际操作时，再将运用到的理论知识，理论指导实践。

2、基于工作过程为导向，突出学生“做”的重要性

“教学做一体化”的教学模式在教学实施中把课堂教学转向工作情境，课堂由教师为主

转向以学生为中心，在教学中把课程分为几大模块，每一个模块又分成几个项目实施教学，每一个项目又划分成几个小任务，这些小任务由几个基本操作去完成。教师只要说清楚课堂要完成的作品和课后作业的要求，让他们在课堂照着案例做，每一个小任务要求用10分钟时间做，教师巡视并作个别指导，10分钟后教师根据学生提出的问题和自己的观察及经验分析难点，演示讲解，学生再继续做，如此反复，按计划完成一个项目。课后学生根据要求上网搜集素材，自己去创想设计，在规定时间内独立完成，最后教师跟大家一起对作品欣赏讲评，选出优秀作品放到班级网站给予鼓励，同学们激情高涨，做出很多优秀作品。

“教学做一体化”的教学模式产生了很好教学效果，主要体现在学生们的问题多并能及时询问，学生之间互相学习和比拼，不再为交作业而做作业，而是把它作为衡量自己能力和展示才华的一次机会，为他们将来走上工作岗位奠定了坚实的基础。也是对学生的操作能力、团队精神和敬业精神等综合能力的有效锻炼。

3、多种教学方法结合

鉴于学生的基础和接受能力的差别，课堂教学重点之一是教法设计，教师根据所教模块的特点，采用灵活多样的教学方式。在教学中首先采用项目教学法贯穿始终，在授课中，采用项目要求说明一学生做，老师巡视指导一讲解示范一训练纠正一师生共评的基于工作过程的项目方式教学，更有利于学生在“做”中学，学习如何完成任务、与人合作、解决实际问题，这些能力是就业必不可少的。

在教学中为了让学生感受到实际的教学效果，又采用了案例教学法，让学生通过做一遍案例的学习过程，掌握了基本操作技能，而课外自己创意再做，又进一步升华，有利于培养学生的收集信息、制定计划、实施计划能力，提高了学生解决实际问题的能力。

建立帮助小组，对底子薄的同学多关注，留意他是否也能按时完成或遇到那些需要及时解决的问题，使大家顺利完成各项任务。在教学过程中也可以适当应用问题教学法，提高学生的学习兴趣，精讲多练，达到了“教学做一体化”满意的教学效果。

五、开展“过程考核”考试的效果

开展“过程考核”教学，调动了学生的学习兴趣，通过对10T1班电脑艺术专业21名学生的调查表明，实践证明，该教学方法收到了良好的教学效果。

本套教学方法是一套重自主、重交流、重实践、重创新的教学模式，每一模块的教学，都打破了传统的教学模式，有利于教学水平和教学质量的提高。从教学效果上看，学生的学习兴趣浓厚，积极性高，充分的挖掘出学生的创新能力和自我学习能力，是学生能够顺利就业的保证，值得大力推广和应用：