_网页设计与制作_课程教学设计与实践(3)

发行部：ｃｙｌ＠ｍｏｅ．ｅｄｕ．ｃｎ《中国教育信息化》

教学探索应用

效果明显提高。

图１为框架布局案例，通过该案例的演示使学生了解框架布局的特点和实现功能，结合该案例的制作介绍了框架网页的创建、保存、编辑过程、设置框架间超链接、设置目标窗口、设置贯穿网站的背景音乐等诸多知识点。

了解决，这样既巩固了学过的知识，掌握了新技能，还锻炼了动手能力，也为ＣＳＳ的引入作了铺垫。

图２实验“网页基本编辑”的最终效果

五、学习任务设计

在学生进行课程学习之初，我们通过布置一个学习任务（网站作品）使学生迫切感受到课程要求与自己现

图１框架布局案例

有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标，然后向学生提供整体性的解决问题的思路示范，学生以个人或团队方式对任务进行分析和探索，最终使问题得到解决。该任务作为一条主线自始至终贯穿课程，整个学习活动的展开都围绕着这条主线进行。

我们布置的学习任务是以团队形式制作一个网站，同时规定了基本要求：包括主题和内容要求、团队规模的限制、基本工作量要求、网站中必有的网页元素等；技术要求：包括主页文件命名规范、作品文件空间上限、栏目规划、导航和链接要求、网站文件管理、网页浏览兼容性等；版面与艺术效果：包括整体风格、排版布局、色彩搭配、网站ｌｏｇｏ、音乐、网页特效等。同时我们也给出了该学习任务的量化评价指标，并在批改后反馈给学生。

我们设计的学习任务涵盖了教学目标所定义的知识，而且对学生已掌握的知识和技能有所超越，能使学生产生兴趣，激发学生的求知欲，从而使学生主动学习。由于该任务有一定复杂度，我们鼓励学生用团队协作的方法完成任务，锻炼学生的团队协作能力，为日后实际工作奠定基础。

通过完成学习任务，学生不仅掌握了网站制作技术，还激发了学习兴趣，提高了学习能力和计算机应用能力。

六、学习效果

本课程自开课以来，一直深受学生欢迎，选课人数远开课以后教学效果良好，第二个学期超课容量５倍以上。

的教学评估就达到优秀，总分９１．２１。同时，学生对课程教学评价也很高。!

参考文献：

四、实验教学

实验教学是为学生消化吸收课程内容而设计的，通过实验教学的实施，使学生掌握网站设计与网页制作的知识与技能，培养学生计算机的综合应用能力和解决实际问题的能力。实验教学设计得好能起到事半功倍的效果，使学生在很短时间内抓住学习的重点，掌握网页制作的方法和技能。除了基础知识以外的６个模块，每个模块我们都精心设计了１￣３个典型实验，学生通过完成实验掌握课程内容和发现问题。实验设计的原则是：

（１）强调基础：把学习内容的主要知识点设计到实验中，学生通过实验能抓住学习重点，以此展开学习；

（２）具有拓展性：实验内容的一部分是课上没有讲到的，需要学生自行解决，目的是培养学生自主学习能力和探索精神；

（３）体现制作规范和设计理念：实验本身要符合网页设计规范，版面美观，这样能激发学生的积极性，使学生养成遵守规范的习惯，还在潜移默化中熏陶了学生的审美观；

（４）综合性：部分实验具有一定难度，学生要综合应用多种知识和技能才能完成。

为此我们共设计了１６个实验，知识点覆盖教学内容的８０％，使学生通过这些上机实验熟悉和掌握主要教学内容。

图２为实验“网页基本编辑”的最终效果，该实验使用Ｄｒｅａｍｗｅａｖｅｒ进行网页编辑，主要知识点有设置页面属性、设置文本格式、插入图像和设置图像格式、使用超链接。这个实验中有两个知识点在此次课上没有讲到的，一是水平线的颜色设置，二是背景图像固定。学生通过查找资料、运用之前学过的ＨＴＭＬ知识等方法使问题得到

［１］李秀，安颖莲，姚瑞霞等．计算机文化基础（第５版）［Ｍ］．

清华大学出版社

ＣｈｉｎａＥｄｕｃａｔｉｏｎＩｎｆｏ

５５