第5课卡通世界设置共享边框

1、第5课 卡通世界 设置共享边框教学目标：1、利用"文件夹列表"为站点创建新的文件夹。2、利用"文件夹列表"为站点添加新的网页，并将网页保存到站点中指定的文件夹里，会更改网页标题。3、运用"共享边框"制作一组风格统一的网页。教学设计与教学建议：1、课堂引入分析：通过第1单元的学习，学生已经掌握了一般网页的制作过程，会用表格规划网页的版面，由于只制作了主页，所以还体会不到网页之间可以跳跃访问的神奇。本节课将围绕网站中的"卡通世界"栏目利用"共享边框"制作一组风格统一的网页。为了让学生理解什么是&qu

2、ot;共享边框"，什么是"网页标题"，在课堂的引入部分，教师可以这样设计:首先，出示一组利用"共享边框"制作的风格统一的网页，让学生通过IE浏览器欣赏，在欣赏的过程中教师提出要求:(1)在IE浏览器的窗口中，网页的文件名是什么 在什么位置可以看到 在标题栏上显示了什么 通过显示的内容你能知道什么。(2)观察这组网页的内容，说一说它们有什么特点：其次，教师更改其中一个网页的"共享边框"部分，让学生观察其他几个网页有什么变化 让学生通过讨论归纳出"共享边框"的特点。教师小结"网页标题"和&

3、quot;共享边框"知识点。理解了什么是"网页标题"和"共享边框"，操作也就变得容易了。教师可以准备一些学习资料和素材，让学生通过自主学习或小组合作学习的方式来进行本节课的学习，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，可以让已经解决问题的学生通过多媒体演示操作过程(提倡)，也可以是教师演示操作过程。2、重点内容分析：本节课的重点可以归纳为两点：(1)更改网页标题：对于新建的网页，默认的文件名为new_page_1。htm，在进行保存的时候，与Word软件有所不同的是多了一项"网页标题"，这是一个非常重

4、要的知识点，如果学生弄不清楚什么是"网页标题"，那么在后面制作网站的过程中就会出现站点结构混乱的现象。由于站点中的网页一般都是用英文字母或数字命名的，因此通过网页文件名不能直观看出网页的内容，如果将"网页标题"改成中文，则能够更清晰地反映网页的内容。在浏览网页时，浏览器的地址栏显示的是网页的文件名，而在标题栏中则会直接显示出网页的中文名，这使得站点结构变得更为清晰，为今后网站的建设带来极大的便利。如下图所示。网页标题网页文件名(2)设置"共享边框"：本节课围绕网站中的"卡通世界"栏目，学习了利用"共享边框

5、"制作一组风格统一的网页。对于学生来说，理解"共享边框"的概念是重点，也是难点，解决了这个问题，设置"共享边框"也就变得容易了。"共享边框"实际是多个网页共享的区域，或者说是公共部分，可以放置任何对象，如文本，悬停按钮或图片等。使用"共享边框"的好处是，当站点中的网页非常多时，其中一个网页的"共享边框"部分被修改了，其他与之共享的网页会同时改变，这会大大减少修改网页的工作量。3、归纳提高分析：本节课涉及到的知识可以归纳为以下几点：(1)利用"文件夹列表"为站点创建新

6、的文件夹，文件夹的名称用字母来表示。最好是自己能看得懂的，如ktsj是"卡通世界"汉语拼音的声母。(2)利用"文件夹列表"为站点添加新的网页，将网页保存到站点中指定的文件夹里，文件名用字母表示，网页标题用中文表示。这样在今后浏览网页时，浏览器的标题栏会直接显示出中文名，便于识别网页的内容，也便于以后进行网页间的链接。(3)运用"共享边框"可以制作一组风格统一的网页。"共享边框"是站点上由多个网页共享的区域，可以放置任何对象，如文本，悬停按钮或图片等。当"共享边框"被修改了，所有共享这个区域的网页

7、就会同时改变。(三)教学补充：1、关于网页标题：由于站点中的网页一般都是用英文字母或数字命名的，因此通过网页文件名不能直观看出网页的内容，如果将"网页标题"改成中文，则能够更清晰地反映网页的内容，如下图中，在"文件夹"视图中，我们可以清晰地看到，在ktsj文件夹中有5个网页，通过标题，就能知道每个网页的内容了。"文件夹"视图网页标题：如果在保存网页时，忘了更改网页标题了，可以通过网页属性再更改网页标题，操作过程如下图所示。选取网页文件右击单击"属性"输入网页标题单击"确定"2、将网页中的图片保存到指定的文件夹中：网页中的图片默认的保存位置是站点文件夹下，如果要改变图片保存的位置，操作过程如下图所示。3、