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

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

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

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

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

5、链接到一个新的页面上,这就是我们今天将要讲述的网页“超链接”方式。 这节课，我们就来学习一下在Frontpage中制作超链接的方法。,二、讲述新课 在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。 超链接是从一个网页指向另一个目的端连接关系，用来超链接的对象可以是另一个网页，也可以是一张图片、一个电子邮件地址、一个文件，一个书签甚至是一个应用程序。 一个完整的超链接包含：链接载体和链接目标。 当浏览者单击已经链接的文字或图片后，链接对象将显示在浏览器上，并且根据对象的类型来打开或运行。 按照链接路径的不同，网页中超链接一般分为以下3种类型：内部链接、锚点链接和外部链接。 如果按

6、照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、多媒体文件链接、空链接等。,创建超链接,1创建文本超链接 （1）创建一个指向站点内其他网页的超链接。 选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。 单击“确定”按钮，文本超链接完成。,我们也可以将超链接指向其他站点的网页。在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。 如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在Internet上查找要链接的网页，FrontPage会自动记录你找到

7、的地址。单击“确定”按钮。 我们还可以改变已经设置好的超链接。在普通模式页面，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的内容就可以了。,2创建图片超链接 具体操作步骤如下： （1）在网页中选择要创建超级链接的图片 ； （2）单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框； （3）在“查找范围”下拉列表中选择要链接的网页 （4）单击“确定”按钮，图片超链接完成。,3创建电子邮件超链接 网友通过Email及时与你联系，也是网站站长和网友交流的重要手段。创建电子邮件超链接的具体方法如下： （1）选中要建立超

8、链接的文本，单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框； （2）单击“信封”按钮，输入你的邮箱地址，在“主题”文本框中输入主题； （3）单击“确定”按钮。,这时超链接就建立好了。,这样OUTLOOK被激活了，现在就可以发Email了。,4创建书签超链接 书签即锚点。 （1）创建书签 书签：是网页中被标记的位置、文本或图像，是网页的某个局部区域的代表名字，通过建立到书签的超链接，可以实现浏览内容的快速定位。 被定义为标签的文本看起来和别的文本没有什么区别，而仅仅是被做上一个标记。 而这种标记只能在编辑网页时看到，对访问者来说，书签标记完全是隐藏的。在这些标记的帮助下，才能在使用超

9、链接时进行精确定位。,我们选中“默认名称”四个字，选择“插入”菜单“书签”命令，书签名称就是选择的文本名称。 在这里，我们可以直接修改书签名称 。当你的书签名为空时，你还要自己输入一个名称。 现在我们单击“确定”按钮，在普通视图里“默认名称”被加了下划虚线，表示这儿有一个书签。 现在我们讲讲光标位置书签的表示。完成以后，你看，一个小旗。,（2）使用书签创建链接 书签创建超级链接的操作步骤。 选中要创建超级链接的文本； 单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框； 单击“书签”按钮，弹出“在文档中选择位置”对话框； 选择要链接的书签，单击“确定”按钮，完成书签的链接。,修改书签：

10、选择“插入”菜单的“书签”命令，在对话框中选中你要修改的书签，选择“转到”,跳到相应位置，这时可以直接修改书签名称，也可以单击“清除”按钮删除书签。,在浏览器上，超链接有三种状态：一般状态、已访问状态和当前状态。对应地有三种颜色：超链接颜色、已访问的超级链接颜色和当前超链接颜色。,5编辑超级链接,我们可以改变这些颜色。首先在网页上单击鼠标右键，选择“网页属性”，进入“网页属性”对话框，,选择“背景”选项卡，你可以改变一般的、已访问的和当前的超链接的颜色，这里我们单击“超链接”下拉列表框，选择绿色，单击“确定”按钮，超链接的颜色就改变了。,6、图形地图,我们在FrontPage里还可以建立图形地

11、图，使一个图形指向多个链接目标。 图形地图是什么意思呢？当我们单击图片的不同部分时，就可以跳到页面的不同部分 。 这里一个图形链接了多个书签。可是，怎么制作图形地图呢？ 首先，要在图形上绘制热点。 我们选中OFFICE图形，,图形上有一个个的小框框。这就是热点，当我们浏览时单击他们就可以链接到别的地方。,图片工具栏有按钮可以添加热点。 这个可以添加矩形热点，我们用的就是它。 这个用来添加圆形热点， 这个可以添加不规则热点。,接下来 我们按下“矩形热点”按钮，在图片的上拖一个框，接着就会弹出“创建超链接”对话框， 选择事先建立好的书签。按“确定”按钮。 根据具体情况，我们可以创建链接到其他网页的

12、链接。 还可以拖动热点框调整位置，也可以拖动热点框的小黑点改变框的大小。,如果我们单击图形中没有热点覆盖的地方，在默认情况下不会发生跳转，有时我们也可以设置一个默认跳转位置，这样单击图形的任何地方都会跳转。 单击图形，选中OFFICE图片，单击鼠标右键，选择“图片属性”命令，,在“常规”选项卡中单击“默认超链接”中的“浏览”按钮， 选择“OFFICE全新亮相”书签。单击“确定”按钮。再在“图片属性”窗口中选择“确定”。单击没有热点的地方就会自动跳到“OFFICE全新亮相”书签的位置。 在Internet上超链接应用非常广泛，可以说整个Internet就是一个由无数个超链接连接起来的网络，要想制作好网页就一定要掌握如何使用超链接。,教学反思,技术的学习在信息技术课中是一项很重要的内容,今天我们学习了各种超链接的使用方法，同学们都做的非常好！通过本节课的学习应该能够使自己的网页更加神奇、美妙！ 本节课学习的是FrontPage的超级链接，前面学生已经学习了通过Internet浏览网上的信息，对超级链接已经有了感性的认识，对于超链接的一般运用，学生也非常熟悉。 由于学生的水平参差不齐，通过小组合作学习，学生之间互相帮助，