一、教材分析
本节内容以动手操作为主，教材用任务驱动方式完成整个网页的设计，通过网页设计中图像、文字、动画、声音等多媒体技术的处理，向学生介绍网页制作过程中需要掌握的基本知识。本节主要完成以下任务：启动FrontPage2000并建立网站、应用表格结构设计网页、应用框架结构设计网页，最后完成网页间的超级链接。
教学重点：应用两种方法设计网页以及网页间的超级链接。
教学难点：表单设计，表单中有“单行文本框”、“滚动文本框”、“复选框”、“单选按钮”等，教师在讲解时可根据学生实际情况，酌情处理，可以适当减少“意见反馈表单”的内容。
在进行本节教学时可以与已学过的WORD2000结合起来，开拓学生思路多渠道寻找解决问题途径，培养学生自主探究的学习能力，把创新理念融入到教学之中。
二、教学目标
知识目标：1．初步了解网页制作的过程，熟悉网页的各种元素；2．掌握网页制作的一些技术和方法，能制作一个简单的网页。
能力目标：1．以建构主义理论为指导，以研究性学习为载体，培养学生自主学习、合作学习和动手操作能力；2．让学生通过亲身经历，提高分析和解决实际问题的能力
情感目标：1．培养学生与他人协作的学习品质，提高学生的协作能力；2．培养学生的科学探索精神与严谨的治学态度。
三、教学方法
本节课主要运用的是任务驱动式教学方式，首先通过学生自身或现实中感知的、感兴趣的事物入手，在学生所学过的网络知识的基础上来激发学生的学习兴趣，形成学习动机。在教学环节中多培养学生自主学习能力，多让学生通过阅读课本，动手实践操作、与同学间相互交流探讨来获得，让学生自始自终采用研究性学习的学习手段。在教学评价中，教师应注意让学生在学习过程中充分暴露思维矛盾，展示学习的进程，有针对性地调整教学进度。在教学重点（网页制作的技术）、难点（网页制作中文字的编辑，图片、动画的插入）的突破上，应精心设计相关的思考题，通过学生自学、讨论交流、操作演示等方法来解决。
四、教学过程
（一）创设情境引出问题（激发学生的学习兴趣）
教师可以选择一个富有个性的个人网站来展示给学生看。首先请学生看一个个人的网站http：//zidingxiang．512j．com/，然后请学生看一个初一年级学生使用FrontPage制作的网站http：//soNormalTable style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; MARGIN: auto auto auto 14.4pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt" cellSpacing=0 cellPadding=0 align=center border=1>
步骤
1．将语言代码定义为：简体中文（GB2312）
2．编辑窗口中的文字：美观、大方
3．图片插入页面
4．插入动画
思考
为什么要定义？
网页制作和WORD文字处理的相同与不同之处？
网页中常用的图片格式有哪些？
回答
提示
学生
教师
学生（阅读课本中相关内容，可相互讨论）
教师巡视帮助学生解决问题．
学生（阅读课本中相关内容，可相互讨论）．
学生（阅读课本中相关内容，力求掌握操作要领）教师可适当提醒学生插入动画之后会怎样．
演示操作
学生演示操作
教师可以随意点名让学生来操作演示。这部分内容不难。
教师（此处要通过艺术字的运用，让学生明白各种软件之间可以相互借鉴补偿的，提高学生的综合运用能力。）
学生（尝试练习）．
教师（此部分学生最感兴趣，可以结合前面学习的知识让学生到网上寻找适合自己用的图片运用到网页中）．
学生尝试操作，当发现问题时，教师可进一步提醒学生，要让每一学生带上耳机，有的时候会因为耳机问题，此时教师要加以解决问题。
学生反馈练习
语言设置
输入文字，进行格式设置．
插入图片
插入动画
点评
教师
存在问题：字体不用常规字体，美化字体时不做成图片格式．
能恰当灵活的运用图片美化网页。提高学生的审美欣赏水平。
同样要提醒学生注意整个网页的布局及内容的配合问题．
小结
教师强调要点
教师以鼓励为主．
3．分析、导入知识点三：网页的保存
问题3：将所建网页以“index．htm”为名保存。
组织教学：（1）保存时要注意什么？为什么？
（2）学生看书、回答
（3）学生操作练习
（4）教师点评、小结 注意对图片、声音、动画的保存方法。
（三）自主小结归纳信息
组织教学：（1）提问：本节课同学们学到了哪些知识？掌握了哪些知识？
（2）学生回答，相互补充
（3）教师评价