辽师大版信息技术八上《用导航栏与超链接组织网页》ppt说课稿(共26张PPT)

1、用导航栏与超链接组织用导航栏与超链接组织网页网页 说课稿说课稿Contents教材分析&学情分析教学目标&教学重、难点教学方法&设计思路教学过程教学反思教材分析教材分析& &学情分析学情分析v本节内容选自江苏省普通高中信息基础网络第六章第三节，超级链接是网页组成中的重要元素。v正是因为超链接的作用，使得因特网上丰富的信息资源构成了开放互动、相互连接的知识网络，以便我们在阅读时灵活地选择和转化内容，主动而迅速地获得很多相关信息。v高一学生好奇心强，求知欲旺盛，又具备了一定信息素养，大部分同学都上过网，有过浏览网页的体验，对信息技术充满了兴趣，能设计制作一个网站更是学生心中的梦想。v当学生在进入前

2、期的建立站点、网站设计、规划、信息收集与整理、网页内容的初步设计后，如果能把独立的网页联系起来，以便能随心所欲、自由自在的在自己的网站上遨游，那是多么快乐的事，超链接的学习，正是让学生实现了心愿，更是体验到网页开发的乐趣，学习的兴趣也在内心被唤起。教学目标教学目标& &教学重、难点教学重、难点【知识与能力】v 了解超链接、链接载体、链接目标的概念v 能够明确链接载体和链接目标的区别v 了解什么可以做链接载体，什么可以做链接目标。【过程和方法】v 掌握如何使用图像、文字、图像热区建立超级链接。v 掌握如何链接到内部文档、外部文档、电子邮箱地址。【情感态度和价值观】v 培养学生对网页制作的浓厚兴趣

3、，激发学生的学习积极性。v 培养学生对信息查询、处理的能力，提高学生的信息素养【教学重、难点】v了解超链接、链接载体、链接目标的概念，明确超链接的含义v为文字、图片及图片热区、外部网站、本地文件和邮箱地址三类超级链接建立超级链接教学方法教学方法& &设计思路设计思路v运用案例教学法，让学生了解超链接的特点，明确超链接的特点，明确超链接的意义，结合实例，让学生了解热区域的概念v在教学过程中，除了我们教会学生“怎么做”，还有一点非常的关键就是要让学生了解“为什么这么做”，所以我们在课堂不仅仅要简单演示操作，学生也不是简单模仿教师的操作。我们要通过有效的方法，让学生有趣的、迅速的了解操作背后的相关概

4、念和术语，达到举一反三的目的。v本实例的操作过程中，高中学生完全有自学能力，能让在探究过程中有困难的学生得到帮助，让基础好的学生有自我挑战的余地，探究更多的技术，更好发展不同层次学生的能力，体验成功的快乐。 v这些都是基础，最关键的是“怎么用”，所以我在课堂上给学生一个空间让学生去发挥，自己设计超级链接的应用，然后展示，让学生从别人的创意中得到启发。教学过程教学过程一、新课导入（体验超级链接）一、新课导入（体验超级链接）v老师：我们平常在浏览网站时，会注意到，在网页上都有一些热文字或图片,当鼠标指针移动到文字或图片上时，就会变成一只手掌“ ”的样子，单击可以打开其他网页，这是什么原因呢？v学生

5、:因为在网页中使用了超链接v老师：对，回答的很正确，我们通过单击网页中热文字或图片，就可浏览到其中的详细内容，其实是链接到一个新的页面上,这就是我们今天将要讲述的网页“超链接”方式。v这节课，我们就来学习一下在Frontpage中制作超链接的方法。v二、讲述新课二、讲述新课v在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。v超链接是从一个网页指向另一个目的端连接关系，用来超链接的对象可以是另一个网页，也可以是一张图片、一个电子邮件地址、一个文件，一个书签甚至是一个应用程序。v 一个完整的超链接包含：链接载体和链接目标。v 当浏览者单击已经链接的文字或图片后，链接对象将显示在浏览

6、器上，并且根据对象的类型来打开或运行。v按照链接路径的不同，网页中超链接一般分为以下3种类型：内部链接、锚点链接和外部链接。v如果按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、多媒体文件链接、空链接等。 创建超链接创建超链接1创建文本超链接 （1）创建一个指向站点内其他网页的超链接。 选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。 单击“确定”按钮，文本超链接完成。 v 我们也可以将超链接指向其他站点的网页。在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。 v

7、 如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在Internet上查找要链接的网页，FrontPage会自动记录你找到的地址。单击“确定”按钮。v 我们还可以改变已经设置好的超链接。在普通模式页面，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的内容就可以了。 2创建图片超链接 具体操作步骤如下：（1）在网页中选择要创建超级链接的图片 ；（2）单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框；（3）在“查找范围”下拉列表中选择要链接的网页（4）单击“确定”按钮，图片超链接完成。

8、3创建电子邮件超链接 网友通过Email及时与你联系，也是网站站长和网友交流的重要手段。创建电子邮件超链接的具体方法如下：（1）选中要建立超链接的文本，单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框；（2）单击“信封”按钮，输入你的邮箱地址，在“主题”文本框中输入主题；（3）单击“确定”按钮。 这时超链接就建立好了。这时超链接就建立好了。这样这样OUTLOOKOUTLOOK被激活了，现在就可以发被激活了，现在就可以发EmailEmail了。了。4创建书签超链接 书签即锚点。（1）创建书签 书签：是网页中被标记的位置、文本或图像，是网页的某个局部区域的代表名字，通过建立到书签的超链接

9、，可以实现浏览内容的快速定位。被定义为标签的文本看起来和别的文本没有什么区别，而仅仅是被做上一个标记。 而这种标记只能在编辑网页时看到，对访问者来说，书签标记完全是隐藏的。在这些标记的帮助下，才能在使用超链接时进行精确定位。 v我们选中“默认名称”四个字，选择“插入”菜单“书签”命令，书签名称就是选择的文本名称。v在这里，我们可以直接修改书签名称 。当你的书签名为空时，你还要自己输入一个名称。v现在我们单击“确定”按钮，在普通视图里“默认名称”被加了下划虚线，表示这儿有一个书签。 v现在我们讲讲光标位置书签的表示。完成以后，你看，一个小旗。（2）使用书签创建链接 书签创建超级链接的操作步骤。

10、选中要创建超级链接的文本； 单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框； 单击“书签”按钮，弹出“在文档中选择位置”对话框； 选择要链接的书签，单击“确定”按钮，完成书签的链接。 修改书签：选择“插入”菜单的“书签”命令，在对话框中选中你要修改的书签，选择“转到” 跳到相应位置，这时可以直接修改书签名称，也可跳到相应位置，这时可以直接修改书签名称，也可以单击以单击“清除清除”按钮删除书签。按钮删除书签。 在浏览器上，超链接有三种状态：一般状态、已访问状态和当前状态。对应地有三种颜色：超链接颜色、已访问的超级链接颜色和当前超链接颜色。5编辑超级链接v 我们可以改变这些颜色。首先在

11、网页上单击鼠标右键，选择“网页属性”，进入“网页属性”对话框， 选择选择“背景背景”选项卡，你可以改变选项卡，你可以改变一般的、已一般的、已访问的和当前的超链接的颜色访问的和当前的超链接的颜色，这里我们单击，这里我们单击“超链接超链接”下拉列表框，选择绿色，单击下拉列表框，选择绿色，单击“确定确定”按钮，超链接的颜色就改变了。按钮，超链接的颜色就改变了。 6 6、图形地图、图形地图v我们在FrontPage里还可以建立图形地图，使一个图形指向多个链接目标。 图形地图是什么意思呢？当我们单击图片的不同部分时，就可以跳到页面的不同部分 。 v这里一个图形链接了多个书签。可是，怎么制作图形地图呢？

12、首先，要在图形上绘制热点。v我们选中OFFICE图形， 图形上有一个个的小框框。这就是热点，当我们浏图形上有一个个的小框框。这就是热点，当我们浏览时单击他们就可以链接到别的地方。览时单击他们就可以链接到别的地方。v图片工具栏有按钮可以添加热点。 v这个可以添加矩形热点，我们用的就是它。v这个用来添加圆形热点， v这个可以添加不规则热点。 接下来 我们按下“矩形热点”按钮，在图片的上拖一个框，接着就会弹出“创建超链接”对话框， 选择事先建立好的书签。按“确定”按钮。 根据具体情况，我们可以创建链接到其他网页的链接。还可以拖动热点框调整位置，也可以拖动热点框的小黑点改变框的大小。 如果我们单击图形

13、中没有热点覆盖的地方，在默认情况下不会发生跳转，有时我们也可以设置一个默认跳转位置，这样单击图形的任何地方都会跳转。 v单击图形，选中OFFICE图片，单击鼠标右键，选择“图片属性”命令， 在在“常规常规”选项卡中单击选项卡中单击“默认超链接默认超链接”中的中的“浏览浏览”按钮，按钮， 选择选择“OFFICEOFFICE全新亮相全新亮相”书签。单击书签。单击“确定确定”按钮。再在按钮。再在“图片图片属性属性”窗口中选择窗口中选择“确定确定”。单击没有热点的地方就会自动跳到。单击没有热点的地方就会自动跳到“OFFICEOFFICE全新亮相全新亮相”书签的位置。书签的位置。 在在InternetI

14、nternet上超链接应用非常上超链接应用非常广泛广泛，可以说整个，可以说整个InternetInternet就是一就是一个由无数个超链接连接起来的网络，要想制作好网页就一定要掌握个由无数个超链接连接起来的网络，要想制作好网页就一定要掌握如何使用超链接。如何使用超链接。 教学反思教学反思v技术的学习在信息技术课中是一项很重要的内容,今天我们学习了各种超链接的使用方法，同学们都做的非常好！通过本节课的学习应该能够使自己的网页更加神奇、美妙！v本节课学习的是FrontPage的超级链接，前面学生已经学习了通过Internet浏览网上的信息，对超级链接已经有了感性的认识，对于超链接的一般运用，学生也