页面设计教学方法变革讨论

1.引言

随着网络信息技术的飞速发展，网络已成为人们相互交流和获取信息的不可缺少的重要手段，互联网已经成了普通人生活不可缺少的部分，据第28届中国互联网信息中心于2011年7月19日的《中国互联网络发展状况统计报告》，中国境内注册网站183万个，网民达到4.85亿（其中15岁--25岁网民近乎30%），而且网民人数还在不断增长与年轻化。伴随着网络技术的发展，网络设计与制作已经成为一门热门的新兴职业。互联网上出现了形形的各种网站,而这些网页是如何设计的呢？这就是《网页设计与制作》这门课程要关心、学习的问题，通过承担《网页设计与制作》课程的教学工作，下面浅谈个人的几点体会。

2.教学内容的安排

《网页设计与制作》是计算机网络专业的一门必修课程，它也是一门实践性很强的课程，它所涉及的知识面又非常广泛，内容涉及计算机图像处理，动画制作、文字版面处理等相关知识，教授本课程不仅仅是为了让学生掌握软件的应用和基本操作，更主要的目的是要求学生掌握网站的设计制作方法，锻炼学生的综合应用能力，课程的最终目标就是要求学生能够开发一个完整的网站。为此，我们对整个专业的教学计划做了一定的修改与调整，首先开设《计算机图像处理》和《色彩学》这两门课程，在《色彩学》中让学生了解有关色彩的基础知识、配色的原则和方法等，提高学生的审美能力，为网页配色做准备工作；同时在《计算机图像处理》课程中，掌握Photoshop软件的应用，为网页中的图像处理和网站的整体布局打好基础，倘若没有这两门课程做铺垫，学生即使熟练掌握了DreamWeaver软件的应用，也无法完成一个静态网站的建设。近观这几年网站制作的需求来看，不仅仅要求学生掌握静态网站的设计，还要掌握动态网站的制作方法，那要求的基础知识就要更多更广泛一些，要掌握数据库的基础知识、HTML语言、脚本语言基础知识，还要具备一定的程序调试能力，达到自行解决网页和数据库链接中出现的错误，那么我们在课程的安排上就要根据要求进行合理设置，先开设这些相关的基础课程，再开设综合性比较强的网页制作课程，否则在没有任何基础的情况下开设这门课程，往往学生会觉得课程很难从而失去信心，知难而退，为此我们要设置阶段性的专业教学计划、课程计划，并结合学生实际情况而合理安排每一阶段的具体教学内容。

3.教学方法的探讨

《网页设计与制作》是一门实践性和操作性非常强的课程，通过教学，我认为在这门课程的教学中不能采用传统的“理论+实践”教学方法，而是要以实践为主导，侧重于提升学生的自主设计与动手能力，教学中努力提高学生的综合应用能力和创新能力。为此，本课程教学地点必须全部安排在计算机房进行，采用教与学结合的方式，在老师的指导下，学生通过多练多做来掌握，为此重点在实践教学过程中采用“目标+案例+实景”的教学模式，即学生学习有目标，教师教学有案例，实际教学有情景，真正体现中职教育的特点，能够让学生学以致用。网页是一个整体，如果强行拆开就不能体现设计理念和风格，只剩下片段内容的简单堆砌。要解决这种现状就只能借用一个具有实用价值的网站案例作为核心案例，贯穿教学始终，以该案例的制作要点为线索，围绕教学大纲，组织课程内容的教学。

教学目标阶段化

根据授课学生的情况，结合《网页设计与制作》课程的特点将教学目标划分成基本操作、实践应用和能力扩展三个阶段进行实施：（1）基本操作阶段主要针对课程中大量的实践动手环节提出，要求学生熟练掌握设计软件。（2）实践应用阶段主要针对课程的教学内容，将教师的“教”和学生的“学”都体现在具体的实践应用中，教师紧密结合“核心案例”，学生仿做网站作品，从而形成教学互动。（3）能力创新阶段体现了课程教学在能力方面对学生的要求。在这一层面以核心案例为主线，通过应用之间的比较与分析，使学生掌握课程内容，并可以根据指定的主题而灵活运用和实践。

核心案例典型化

教师选取的核心案例应贯穿全部教学内容，其功能和结构随章节的展开而逐步清晰，以保障学生形成较系统的网页设计能力。因此，在核心案例的选择上要求该网站具有“典型化”的特征，首先内容典型化，能涵盖课程的全部或大部分知识点，这是完成教学的基本要求。其次具有可操作性，要求设计的核心案例与现实相吻合，不仅能够被学生理解，而且更具有知道意义。这样学生在分析案例的同时，一方面形成对技术的理解，增长了案例分析的技巧，学习能力得到培养，另外一方面，通过模仿提高动手能力，通过思考探索理论如何应用于实际，促进理论向实践的转化。

教学过程情景化

网页设计的核心案例教学，就是在教学过程中以实际的网站案例创建过程为蓝本。网站设计过程中的网站规划、布局设计、页面编辑、图片与多媒体元素的使用等一系列内容涵盖了教学大纲要求的所有知识点。学生从课程开始就围绕典型案例进行学习、实践，不仅熟悉了网页设计的流程，而且掌握了具体的操作方法。

实操练习模仿化

因为学生在刚刚接触网页设计这门课程时，没有网页设计的思路和方法，即使是做一个简单的个人主页，都会觉得无从下手。课堂上为了鼓励学生多实践练习，教师就要充分利用互联网上的资源，让学生搜索感兴趣的主题网站进行参考学习，经过详细观察分析后，总结出它的优点，这时教师结合课程教学的需要将知识点融于其中，不仅起到教的作用，更要在其过程中，激发学生内在的动力，调动学生的积极性、主动性。此外，通过模仿一些精美的案例，不仅让学生了解网站建设的方法和流程，还在网站的配色、网站的布局、网站的内容结构等都可以模仿，如：采用三栏式还是采用两栏式、左右结构还是上下结构、LOGO的大小和位置、导航条的设计等；之后再给学生布置一个完整的任务，这样就可以将在模仿他人网页中学到的知识结合到自己的创造中来，通过引导、启发，学生还是可以做出很好的作品来的。

教师指导实时化

教师讲授每个知识点后，要设计与知识点相关的实操任务，组织学生进行练习掌握本节教学重难点。那么这个任务的设计就显得非常重要，教师必须详解教学大纲，针对大纲的要求，将教学目标巧妙地蕴涵到具体的任务中，而且要由易到难分别设立二、三个实操任务，每个任务要求具有科学性、灵活性、扩展性、挑战性，以适应不同能力层次的学生。在任务执行过程中，不仅要鼓励学生自主探索和小组协作，还要随时关注学生完成实施任务的进展情况，进行课堂巡视，针对学生中出现的共性的问题加以讲解，个性的问题就个别指导，以保证学生能够顺利地完成任务。

教学反思必须化

每节课后，教师都应该根据课堂上学生每个阶段的反应做出以下反思：（1）教学准备中的案例是否吸引学生？（2）教学准备中的案例能否明确的包含本节课的教学难点和重点？（3）教学实施中学生是否掌握了本堂课的知识点？（4）选取的实操任务难易程度是否合适？（5）学生完成的情况如何？标注出完成每项任务的操作时间。（6）学生在本节课中出现了哪些备课时没考虑到的问题？

4.教学考核评价过程化

《网页设计与制作》课程的实践性非常强，本课程要检验的是学生的设计能力、综合应用能力和创新能力，那么采用传统的“试卷理论分+上机考核分”考试模式是不能确切的评价一个学生的真实水平。为此，应该采用“过程+作品”的考核模式，在第一节课，教师就给学生声明讲解本课程的考核方式，提高学生在学习本课程的过程中保持认真态度。采用此方式，教师可以将学生不同阶段作品的完成情况作为考核的依据，这样不仅可以让学生的学习过程得到有效的控制，而且教师可以根据反馈适当调整教学进度。当课程教学活动结束后，学生可以按小组完成指定主题的网站作品，这时教师可以根据每个学生在小组中所完成的分工和小组完成网站作品的创新程度来对该学生打出“作品”评分。最后，将过程考核（占60%）和作品考核（占40%）按比例计算得出最终成绩。

总之，只要教师课前充分备课，教学过程中耐心辅导，课后积极反思，通过采用“目标+案例+实景”的教学模式与“过程+作品”的考核模式相结合，大大缩短了理论与实践的距离，提高了学生学习的自主性，达到了“教、学、练、做”融为一体，使学生真正达到了本课程的教学目标，学习到了真正的操作技能，也锻炼了创新能力。