第九课框架布局网页本课介绍的是网页制作中的重要方面——框架和导航条，它们可以使网页的结构更加清晰明了，同时显示几个不同的页面，使这些页面之间互相联系，以条理清晰的架构来表达信息，使信息的表达更加准确和便捷。本课安排的活动是设计制作“我的作品”页面，让学生在活动过程中感受框架与导航条带来的方便，从而认识它们的作用。本课建议1个课时完成。一、框架1．教材一开始就介绍了框架在网页中的作用，这是核心知识。本课内容主要是需要思考、理解，理清各部分的关系，这是难点，初次接触的学生可能会很难理解，这就需要教师带领他们，通过活动来理解和认识。教材设计的活动是通过框架在网站中展示自己的作品，框架网页就像一个向导，能通过它找到所需要的信息，可以使学生用网页把自己做过的各种形式的信息技术作品连结起来，实现共同展示的效果，增强他们的兴趣。这个活动中，信息表达的顺序是：框架——框架中的作品类别——具体的作品，因此，必须先有准备好的链接目标文件，再进行文字的超链接，如：框架中的文字链接到作品类别，作品类别中的作品名称链接到相应作品。2．框架网页、作品类型网页和各个作品文件，都放在“myweb”下的“zuopin”文件夹中，这样比较容易查找。把各个作品文件复制到“zuopin”文件夹下，并在作品类型网页中创建超链接到这些作品之后，就可以将作为向导的框架页面进行布局设置了。如果一个框架内的图文太多，无法在一个页面中显示，就需要借助滚动条，选择了“滚动”栏中的“自动”选项之后，当信息在一页无法显示时，就会自动出现水平或垂直滚动条。可以让学生尝试“滚动”栏中的“默认”等其他选项并观察效果变化。3．插入的表格用来显示作品类别，将每个作品类别的文字链接到相应网页文件后，在“目标”列表中选择“mainframe”，是为了将网页显示在主框架中。设置完成之后，要保存框架文件和框架集，才能进行预览。在“属性”面板中将“mainframe”的源文件改为某个作品类别网页文件后，主框架中就会出现该类别的作品名称列表。二、导航条导航条是以图片的形式来链接网站上的不同栏目，因此需要先将用作导航条的图片进行加工处理，建议在图片上加指向说明，即单击这个图片可以跳转到的栏目。“点击”和“未点击”两个时刻的导航图片要有变化，比如图片上的字的背景变化等，这样能说明单击的动作完成。插入导航条之后，在各栏进行设置，可以让学生们多尝试、摸索，然后分别预览，观察效果。将导航图片设置超链接到相应的栏目页面，比如将“我的作品”链接到works.htm页面。三、在页面设置浮动图片本课介绍使用层和时间轴添加浮动图片，让学生了解Dreamweaver中的时间轴和Flash中的时间轴的区别。可以让学生尝试练习使用时间轴和层制作其他特效。四、关于实践和探索实践是巩固使用框架制作网页，进一步加深学生对框架的理解。
