网页设计创作教学实践初探

陈氚

摘 要：网页设计是操作性和综合性都很强的技能课程，它具有实践性、操作性、综合性很强的特点，对学生动手技能与理解力均的要求很高。为了提高本课程的教学效果，必须不断改革与充实教学内容，注重突出学生人才培养的实践性、应用性。具体教学中采用由浅入深循序渐进演示案例操作与培养学生的实际动手能力结合，圆满达到教学效果。

关键词：网页设计与制作；教学实践

一、施教视对象调整课程手段，明确教学目标

网页设计是艺术类专业的专业应用技能课，与传统的其他学科相比具有鲜明的自身特点：①具有很强的操作性和综合实践性，特别强调学生的操作能力和学以致用的综合实践能力。②理论教学服务于实践教学，实践教学反过来又作用于理论教学，任何一个细节都是为创作网页整体服务的，在教学过程依据学生实验环节反映，每次增加实验演示环节，通过做某一个操作加深理解理论知识，使学生从易学易忘到学会即用的程度。

例如：艺术类学生对HTML语句不理解，我多次在Dreamweaver界面，在设计窗口与拆分窗口切换演示与讲解以下内容的实际意义

我的作品展示

让学生理解这段语句“”仅在浏览时显示标题的，而“我的作品展示“语句才是在页面显示的，反复让学生在这两个语句更换不同的内容，看到浏览是显示的结果，学生通过实践揭开HTML语句的神秘感，增加学习积极性，加深标记符语句理解与运用。

二、静态网页增加动感效果，激发学生探究热情

（1）网页设计与制作是综合实践性很强的课程，无论是网页界面设计、网页编程、网页艺术欣赏的教学，要让学生成为教与学的主要部分，引导与激发学生探究热情，让学生变被动学习为主动学习，从而成为教与学的主体。 艺术类学生喜好动感美感，在实际教学中正确采用Potoshop设计具有立体感的导航图片，在Dreamweaver利用插入菜单的图像对象—鼠标经过图像，分别插入原始图像（图片1）和鼠标经过图像（图片2）并且直接链接导航条要超链接页面一气呵成。

通过利用Potoshop为Dreamweaver做前期准备，同时温习巩固前学习软件在后期学习的应用的关联性，同时初赏静与动的联系加强学习主动性。

（2）通常主页面均有图片播放的动画效果，在Flash利用几组图片分别采用⑴Flash模板创建相册（固有动画效果），⑵Flash采用导入图片更改大小变形，利用图层和插入帧并创建补间动画等实现图片在一定时间播放动画，在Dreamweaver利用插入媒体—SWF插入主页或页面合适处，浏览时页面不间断播放动画（图片3）。

图片3

三、精心准备案例项目，从宏观上进行教学设计：

将实际案例引入教学，每个重要知识点均与实际应用结合起来，融创新思维培养学习方式、实践案例教学于课程教学中。经典赏析、知识讲授、课堂练习、实践辅导、创新操作等不同教学方法灵活运用，在充分利用现代多媒体教学、网上学习、交流沟通的基础上，采用第一课堂与第二课堂结合，学研相结合，将现代科学技术充分应用于教学改革之中。

在进行教学时，教师对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。在展示和对比中发现问题、发现认识缺陷；用碰撞形成共识，在课堂交流和评价中，发现学习中的问题，以此引起学生间的认识性争议，学生在思维碰撞中形成共识，是最好的教学方式。

四、课程教学的进一步探讨

本课程主要讲述静态网页制作部分，对于动态网页、色彩搭配、flash动画、图形图像处理技术布垫与选择应用。前导课程可以开设Potoshop、Flash等，为本课程奠定课程知识储备。

计算机工科专业学生利用数据库动态实现公告栏，我在教学中思考运用Dreamweaver插入菜单的标签——HTML标签—页面元素——语句让艺术类学生在页面实现滚动公告栏效果，有一定实践效果。

网页设计作为一门实践性较强的课程，在教学的方法上应有别于一般的基础理论课程.提升学生的主动性，通过对教学内容及实验内容的合理安排对学生进行正确引导并提高学生实际动手能力是其中的关键.我们对该课程的改革力求提高学生分析和解决问题的能力，通过教学实践的探索，这种教学方法极大地提高了学生学习的积极性，取得了良好的教学效果。

参考文献：

[1]主编：黄舒梅，高海军，总主编：肖亮.新概念网页设计，中国传媒大学出版社.

[2]宇帆，王方，何翠平.网页设计与网站建设，人民邮电出版社.

（作者单位：武汉传媒学院）

资助：武汉传媒学院科技处。