“网页制作”课程教学改革与探索

卢欣欣，王大羽

（周口师范学院 计算机科学与技术学院，河南 周口466001）

随着互联网技术的迅猛发展，个人和企业纷纷建立自己的网站，网络宣传与营销变得如火如荼，这也带动了社会对网页设计师和Web前端工程师的需求不断增加.为了增强学生的就业竞争力，使所学知识更好地与社会需求接轨，周口师范学院在计算机和相关专业开设了“网页制作”课程.“网页制作”是一门涵盖面广、综合性强的课程，且随着Web 2.0，Jquery，HTML 5等新概念的提出，为“网页制作”课程的教学提出了更高的要求.如何使学生在有限的时间内掌握网页制作的精髓，具备网页设计与开发的综合应用能力，成为任课教师面临的问题.笔者结合近几年的教学经验，认为应该从以下几个方面入手.

1 明确课程特点，把握培养目标

“网页制作”涉及到网络基础、平面设计、动画设计等知识，具有覆盖面广、实践性强的特点.同时结合该校“应用型人才”的办学定位，本课程应以培养学生的动手操作能力为目标，使学生掌握网页设计与制作、网站规划与网站管理的实践技能，具备良好的网页制作与网站管理的职业素养.具体来讲，在专业能力培养方面，应使学生掌握如何使用Dreamweaver进行网站的规划、管理与发布，能够熟练运用文字、链接、表格、图像、多媒体、表单等设计制作网页；在社会能力方面，应注重培养学生与客户沟通、与团队成员协作的能力；在学习方法上，应注重培养学生查找资料、获取信息的能力，以及动手解决各种各样的实际问题的能力.这就要求教师在教学过程中要将理论教学与实践教学有机地结合起来，改变传统教学模式中重理论知识传授、轻实践能力和综合能力培养的方式［1］.

2 更新教学内容，丰富教学资源

2.1 重视HTML教学

超文本标记语言（Hypertext Markup Language简称HTML）是网页的“灵魂”，无论是静态网页还是动态网页，其本质都是HTML标记.随着FrontPage，Dreamweaver等“所见即所得”网页制作工具软件的推出，越来越多的人习惯于借助这些软件来制作网页.部分学生认为，手工书写HTML速度太慢且易出错，已经没有必要学习HTML.但有的时候直接修改源代码会更简单快捷、方便有效，且如果没有掌握HTML的基础知识，学生在后续学习“动态网页设计”、“Web程序设计”等课程时会感觉难度很大，无从下手.因此在教学过程中应该重视HTML的教学，要求学生能看懂HTML.在引导学生学习这部分内容时，一是充分利用Dreamweaver的“拆分”视图，“设计”与“代码”相结合，在对照中学习代码；二是使用浏览器中的“查看源代码”功能，分析别人的网页.

2.2 重视CSS教学

随着网页制作技术的不断发展和人们欣赏水平的提高，网页单一的信息展示功能已经不能满足人们的需求，使用表格进行网页布局的方法已经逐渐淡出人们的视野，如何改善用户体验成为网页制作面临的又一问题.而使用层叠样式表（Cascading Style Sheets简称CSS）不但能将网页内容与样式彻底分离，还能轻松控制页面布局、精确定位，可以制作出页面更美观、体积更小、下载速度更快的网页.其次，由于样式可以复用，因此方便后期维护和更新大量的网页，同时CSS能够很好地兼容各种不同的浏览器，能够保证网页在不同的浏览器中都能正确显示.在以往的教学中，教学内容比较陈旧，着重强调使用布局表格和布局单元格完成页面布局.对于比较复杂的页面只能采用嵌套表格来完成页面布局，极易出现表格错位现象，影响页面美观.在今后的教学中，笔者认为网页样式设置和页面布局部分的教学重心应该向CSS偏移，重点讲解如何采用CSS中的“盒子模型”进行页面布局，且不应该仅仅局限于使用Dreamweaver中的可视化窗口进行CSS样式设置，应有意识地引导学生看和写CSS代码.只有掌握了其本质，才能灵活运用，以不变应万变.

2.3 建设网络课程

“网页制作”课程由于其覆盖面广的特殊性，教师很难在有限的教学课时内做到面面俱到.因此，应该充分发挥互联网的优势，利用网络资源构建“第二课堂”，拓宽学生视野，搭建师生网上交流平台［2］.笔者从2011年担任“网页制作”课程教学任务开始，就建设了网页制作网络教学平台.平台主要包括课程实验、教学课件、视频课堂、课外拓展、网页特效、课程论坛、教学反馈等功能模块.网络教学平台突破了时间和空间的限制，为学生提供了一个随时随地都可以自主学习的资源中心.平台运行至今，学生反映效果良好，实现了与课堂教学的优势互补.

3 改进教学方法，“教、学、练、做”四位一体

3.1 案例引导教学法

在理论教学中，精心设计教学案例，将每次授课的重点、难点融入教学项目当中.在讲授新课之前利用多媒体直观展示教学案例，以此吸引学生的注意力和学习兴趣，进而引导学生分析案例中涉及到的知识点，最后结合教学案例精讲本次课的知识点并演示教学案例的制作过程.

3.2 任务驱动教学法

在实验教学当中，采用“以任务为主线，以教师为主导，以学生为主体”的任务驱动教学法［3］.以若干个问题为中心，培养学生发现问题、分析问题、解决问题的综合能力.通过这种由表及里、逐层深入的教学方法，让学生循序渐进地掌握所学知识.教师可以将实验教学分成模仿操作和开放性设计两个阶段，通过让学生模仿教师上课所用教学案例达到掌握本次教学重点、难点的目的，通过开放性设计可以培养学生解决问题、分析问题以及综合应用的能力.通过理论教学中的案例引导和实验教学中的任务驱动，可以将“教、学、练、做”融为一体［4］，提高教学效果.

4 搭建展示平台，激发学习兴趣

搭建专门的Web服务器，给每个学生分配一个FTP空间，每次实验作业都要求上传到指定的FTP空间中，上传之后学生可以使用网络地址直接浏览网页效果，模拟网站发布的整个过程.一是让学生熟悉FTP的管理方式，了解网站发布的过程；二是为学生提供一个展示的平台，方便同学之间互相交流与学习，同时也会让同学们具有成就感，激发学生的学习兴趣，增加学生学习的主动性.

5 依据课程特点，改进评价方法

合理、有效的考核方式能够促进学生学习.考虑到“网页制作”课程实践性较强的特点，传统单一的采用闭卷考试的方式很难真正反映学生的学习效果.本课程可以采用“以模仿性实验为基础，以开放性课程设计为重点，兼顾学生学习纪律”的全方位、多角度的考核评价模式［5］.将考核分为课程实验、课程设计、学生纪律三部分，各部分均采用百分制，最后学生的总成绩＝课程实验成绩×35%＋课程设计成绩×45%＋学生纪律成绩×20%.其中，课程实验成绩为该课程实验作业分数的总和，每次实验作业的满分可根据实验次数平均分配，也可以由任课教师根据每次实验作业的难易程度自由分配，教师根据学生上交的实验作业的质量进行打分.同时由于实验作业多是模仿性的实验，无法体现“网页制作”课程的“设计性”，也不利于培养学生的创新意识.因此在学期结束时增加课程设计环节，在这个环节不限制网站主题、不限制布局方式，学生可以自由搜集素材，自主设计.这不仅是对本门课程的一个复习过程，也锻炼了学生的综合应用能力.对于学生上交的作品，教师可以采取学生自评、学生间互评、教师评价的方式给学生的作品打分［6］，并对优秀作品予以在网上展示，以激发学生学习的积极性.学生纪律成绩主要包括学生出勤、课堂纪律和学习态度.

6 结语

该模式自实施以来取得了良好的教学效果，学生的技能水平和综合能力有所提高，在国家级、省级多项网页制作类比赛中取得了优秀成绩.综上所述，在“网页制作”课程的教学过程中，任课教师应该积极探索，勇于改革创新，不断更新教学理念，改进教学方法，注重培养学生的综合素质和技能，加强培养学生的实践能力、创新意识和协作精神，实现学生培养与社会需求的无缝对接.

［1］丁新慧，李巍.高校网站建设课程教学改革初探［J］.周口师范学院学报，2011，28（5）：97-100.

［2］戚爽.Dreamweaver网页制作课程的教学研究［J］.长春理工大学学报，2010（2）：169-170.

［3］罗静.网页设计课程教学改革的思考［J］.计算机光盘软件与应用，2012（11）：241-242.

［4］杨尚森，李福华.网页制作课程立体化教学体系建设的研究［J］.洛阳理工学院学报：自然科学版，2010，20（1）：93-96.

［5］杜卫军.课程改革背景下网页设计课程教学的探索与实践［J］.新课程研究，2011（1）：42-44.

［6］马占欣.网页设计与制作［M］.北京：中国水利水电出版社，2007：1-187.