教学设计思路：
以网络为基础，通过自建的主页服务平台与网页设计互动学习论坛，以任务驱动的形式让每一位学生选择自己合适的进度进行学习，通过阶段考核（课堂考核）和总结性考核，促使学生自主完成作业，以主页服务平台的优秀作品展示促进学生的成就感，保证学生对网页设计选修课程的持续学习的能力和兴趣。
准备素材：
1、内容：通过photoshop制作如图4－1所示的导航条所需图片
2、供学生练习用的素材包下载地址
1、知识目标：
A、了解导航条的概念、功能、基本构成元素建立超链接--制作导航条
B、了解[插入导航条窗口]各要素的含义
C、了解导航条的创建、删除、编辑操作过程
2、能力目标：
A、能够根据要求完成指定图片导航条的制作
B、拓展性要求：能够独立制作完成自己网站导航条的制作（可选，以后设计网站过程中自行完成）您现在访问的是中国学科吧旗下教案网http://www.jsfw8.com/jafs/
C、培养学生的自主学习能力
D、培养学生的审美能力
3、情感目标：通过提供相关资源，树立我为人人、人人为我的思想
教学过程：
教
学
程
序
教学内容要点
教法设计
教师活动
学生活动
时间
传
授
新
课
了解导航条的概念、基本属性、与超级链接的联系及区别
以网站内的文件链接知识复习作为引入
授课：导航条的概念、基本属性、与超级链接的联系及区别
听讲您现在访问的是中国学科吧旗下教案网http://www.jsfw8.com/jafs/
3'
引
入
1、培养学生的观察、语言表达能力，复习信息技术基础课程中的一些基本知识，如如何下载图片等等
2、埋下伏笔：有利于学生对［插入导航条］窗口中需要的各类图片的理解
访问网站，鼠标在导航条各元素之间移动并点击
观察
3'
提问：
1、有什么现象？
2、该导航条的基本构成元素是什么（即如何判断导航条的类型）？
思考与讨论
介绍制作这种类型的导航条需要什么技术？引入如何通过FrontPage创建图片导航条并演示如何调出创建导航条的对话框。
听讲，观察
学
生
自
主
学
习
完
成
任
务
1、了解[插入导航条]窗口各要素的含义
2、了解导航条的创建、删除、编辑操作过程
1、培养学生自主学习能力与协作精神
2、培养学生搜集信息的能力
3、通过论坛锻炼学生发布信息的能力，帮助他人解决问题的品格
1、布置任务
2、教师个别辅导
3、组织学生提供资源、互相交流。
根据学生活动内容安排，边想边操作、边学边操作，互相探讨，可以有组长辅导
30'
总
结
明了学习进度，重新确定教学进度，照顾学习进度稍慢的学生
适度的总结加深学生对课堂操作的印象
1、介绍学生完成情况
2、就出现问题，精选事例讲解
听讲
4'
1、大多数同学能完成任务1,2,3,4，少部分同学能在论坛中发贴询问相关问题并提供相关资源。由于一节课只有四十分钟，故任务5、6只能留在以后阶段完成并进行考核。
2、由于机器运行速度较慢、死机等原因，引导时间比预定计划稍微长了一些，以致学生动手时间短。
3、部分学生不能正确进行压缩、解压缩操作，导致未及时上传或上传错误。
4、部分学生在上网查询导航条相关资料时，偏离主题
改进：
1、对于压缩、解压缩操作需要花1节课时间专门介绍并且最好安装中文软件，避免学生误操作选成的作业上传错误。
2、对于老师、学生均需加强时间概念，可以在学生活动任务安排安排上指明每项任务完成的大概时间。
本案例是建立超链接中的一部分内容，导航条的制作。建立超链接部分的内容有很多，在有限的课时里，不可能将每一种方法都交给学生，选择一种基本的方法作为范例，激发起学生的学习欲望与动机，主动地操作尝试和体验这中方法，然后发现、总结出基本规律，起到举一反三的作用。
还可以如何讲：
超链接的类型很多，这部分的内容在教材中并未涉及，主要是让学生主动探究学习，教师可以按照各小组网站主题的需要选择不同的内容来让学生进行探究学习，最后交流。
[1]本案例根据第七届全球华人计算机教育应用大会入选案例改编，作者：罗亮