第13课 闪客一族 创建框架网页
(一)本课教学目标: 1、理解\框架网页\的概念。
2、学会使用框架网页的组织形式构建网页。 3、会保存框架网页的各个部分。 (二)教学设计与教学建议: 1、课堂引入分析:
框架网页是一种独特的页面组织方式,学生从来没见过这种网页。为了让学生理解这种网页结构,在课堂引入部分可以这样设计:
首先,教师让学生观察两个网页,从表面上看两个网页内容完全相同,网页中的超链接的目标文件也相同。一个网页是用表格规划的,一个是框架网页。
其次,让学生任意点击这两个网页上的超链接,观察它们有什么不同。学生讨论,教师小结,引出本节课的学习任务——创建框架网页。
教师将解决问题的方法写在学习资料中,让学生参考教材和学习资料通过自主学习或小组合作学习的方式来完成本节课的学习任务,在学生自学的过程中,让学生及时反馈学习成果,学生遇到的共性问题,可以让已经解决问题的学生通过多媒体演示操作过程(提倡),也可以是教师演示操作过程。 2、重点内容分析 :
本节课的重点内容可以归纳为两点:
(1)创建框架网页,操作过程并不难,但由于学生对\框架网页\的页面组织方式不理解,容易造成操作的失误,因此本节课的难点放在对\框架网页\的理解上。框架网页是一种独特的页面组织方式。它由导航框架和内容框架组成,一个框架网页窗口由几个独立的网页构成,单击导航框架中的网页导航超链接,即可在内容框架中显示相应的网页内容。如右图所示,这是个三框架网页,由4个网页组成,3个小框架网页同属于整体的框架网页。 标题框架网页 导航框架网页 目标框架网页
(2)保存框架网页。由于框架网页独特的页面组织方式,保存框架网页和保存普通网页有所区别。如下图所示的框架网页,由4个网页组成,就需要保存4次。 ①保存顶端框架:文件名为\,网页标题为\闪客一族\。
②保存左端框架:文件名为\,网页标题同上。 ③保存右端框架:文件名为\,网页标题同上。 ④保存整体框架:文件名为\,网页标题同上。 标题框架网页 导航框架网页 目标框架网页 3、归纳提高分析:
本课涉及到的知识可以归纳为以下几点:
(1)框架网页是一种独特的页面组织方式。它由导航框架和内容框架组成,一个框架网页窗口由几个独立的网页构成,单击导航框架中的网页导航超链接,即可在内容框架中显示相应的网页内容。
(2)FrontPage提供了10种框架布局模板。一个框架网页由几个独立的网页组成,保存框架网页时,每一个网页都要单独保存,整体框架网页也要单独保存。
(3)如果框架的高度和宽度不合适,可以像调整表格的高度,宽度一样进行调整。还可以通过\框架属性\对话框将框架隐藏起来。 (三)教学补充: 隐藏框架:
为了让网页看起来更美观,往往把框架隐藏起来,操作过程如。
①打开\框架属性\对话框 ②单击\框架网页\③将\框架间距\的值设置为\④单击\确定\
第14课 动感Flash 在网页中插入flash
(一)本课教学目标:
1、熟练掌握将Flash动画素材导入站点的操作。 2、使用\插件\在网页中插入Flash动画文件。 3、学会使用框架网页中的\目录框架\制作超链接。 (二)教学设计与教学建议: 1、课堂引入分析:
在网页中插入Flash动画,这是学生非常感兴趣的内容。因此在课堂的引入部分可以这样设计:
首先,请学生欣赏一组带有Flash动画的网页,然后教师给学生提供一些Flash动画文件让学生尝试插入网页中。在尝试过程中,教师可以给学生一些提示: (1)音频和视频文件是如何插入网页的
(2)利用同样的方法能不能将Flash动画插入网页中
(3)用Windows Media Play控件插入Flash动画,由于Windows Media
Play窗口不能隐藏,所以会影响网页的美观,有没有更好的方法插入Flash动画呢 教师将解决问题的方法写在学习资料中,让学生参考教材和学习资料通过自主学习或小组合作学习的方式来进行本节课的学习,在学生自学的过程中,让学生及时反馈学习成果,学生遇到的共性问题,可以让已经解决问题的学生通过多媒体演示操作过程(提倡),也可以是教师演示操作过程。 2、重点内容分析:
本课的重点内容可以归纳为两点:
(1) 利用\插件\在网页中插入Flash动画。
\插件\是一些具有特定功能的应用程序,如在网页中插入格式为swf的Flash动画文件,根据插入的文件类型,会选择相应的应用程序来播放动画。需要注意的是,在\插件属性\对话框中,\数据源\栏中最好输入动画文件的相对路径,以免因动画文件位置发生变化导致动画不能播放。
(2)创建框架网页和普通网页间的\超链接\
在\闪客一族\栏目中,只有\闪客一族\。htm是框架网页,它的子层网页都是普通网页。在导航框架网页中设置超链接,链接的目标网页将出现在\目标框架中\,而\标题框架网页\与\导航框架网页\不变。在设置sk。htm网页指向主页的超链接时,由于主页不是\框架网页\,如果按默认值设置超链接时,主页就会出现在\目标框架\中,造成站点结构的混乱,为避免出现这种现象,在设置超链接时可选择\目标框架\为\新建窗口\,这样在访问主页时会打开一个新的窗口,而不受原有框架的影响。 标题框架网页 导航框架网页 目标框架网页 3、归纳提高分析:
本节课涉及到的知识可以归纳为以下几点:
(1)使用\插入插件\的方法在网页中插入Flash动画,网页中支持的Flash文件的格式是swf。
(2)创建框架网页和普通网页间的\超链接\时,应注意设置恰当的\目标框架\。当框架网页访问的目标是与它同一级别的网页或它上级的网页时,在设置超链接时可选择\目标框架\为\新建窗口\,这样在访问目标网页时会打开一个新的窗口,而不受原有框架的影响。 (三)教学补充: 屏幕硬拷贝:
在观看影片,动画或玩游戏时,经常会看到一些漂亮的画面,如何将这些画面保存下来呢 (1)当屏幕上出现要保存的画面时,迅速按下PrintScreen键,整个屏幕画面被复制到剪贴板中。
(2)打开画图程序,单击\编辑\菜单的\粘贴\命令,屏幕画面被粘贴到画图窗口中,修改之后保存到指定的位置。
利用这种方法可以积累很多图片素材。
第15课 成果分享 检测与发布网站
(一)本课教学目标:
1、学会使用\超链接\视图查看网页间的链接关系,并修改错误。 2、学会使用\报表\视图检测网站的各种错误。 3、学会将站点发布到本机,局域网上。
4、学会申请免费的网页空间,并将网站上传到因特网上。 5、培养学生自主探究与分工合作的能力。 (二)教学设计与教学建议: 1、课堂引入分析:
只有将建立好的网站发布,才能让更多的人分享自己的成果。因此本节课的任务就是学习发布网站。在课堂引入部分,可以这样设计:
首先,让学生相互检查对方的网站是否有错,检查的内容有以下几点: (1)内容是否正确,是否有错别字。
(2)网页布局是否合理,风格是否一致,颜色是否协调。 (3)超链接是否准确。
在检查的过程中,教师可以提示学生:\超链接\视图和\报表\视图有什么作用
教师小结\超链接\视图和\报表\视图的作用。
其次,发布站点。由于课堂时间有限,只让学生将网站发布到本机上,然后通过局域网相互浏览别人的网站,对别人的成果进行评价。将网站发布到因特网上可以课后回家去尝试完成。 2、重点内容分析:
本节课的重点可以归纳为两点:
(1)检测网站。在发布站点前,要对网站进行反复分析,检查和测试,以保证网站是完整和正确的。一般是采取\在浏览器中浏览\的方式检查内容,形式和超链接。当网页很多时,可采用\超链接\视图查看网页间的链接关系,也可以采用\报表\视图全面检查网站中的各种错误。 (2)发布站点。站点可以发布到本机,局域网和因特网上,经过发布的网站,所有必须\发布\才能正确浏览的元素均可以正确浏览了。对于学生来说,发布站点的操作并不难,难的是对\虚拟域名\,\地址和\等专业术语的理解。 3、归纳提高分析:
本课涉及到的知识可以归纳为以下几点:
(1)在发布站点前,要对网站进行反复分析,检查和测试,以保证网站是完整和正确的。可以在\超链接\视图下检查主页的超链接状况,可以在\报表\视图下检查整个网站的状况。 (2)通过Windows系统中的\个人Web服务器\,我们可以将自己的计算机作为服务器,发布自己的网站。
(3)使用个人Web服务器在本机发布网站后,将本机IP地址告诉其他人。只要打开局域网中的任意一台计算机,启动IE浏览器,并在地址栏中输入该机的IP地址或者虚拟域名,即可浏览已发布的网站。
(4)站点可以发布在因特网上,让全世界的人都能看到,发布在因特网上还需要申请免费的空间。
(三)教学补充: 关于FTP:
FTP是一种专门用来传输文件的协议,包括上传文件和下载文件两种功能。所谓\上传\,就是把本地计算机上的文件复制到站点服务器上;而\下载\则是把站点服务器上的文件复制到本地计算机上。通过FTP协议是在计算机和网络之间交换文件的最简单的方法。