华师版高中第四册超链接与动态效果.doc

华师版高中第四册第二章第三节 超链接与动态效果 第二章 网页制作 第三节 超链接与动态效果 教材选择：（第四册、第二章、第三节） 教学目标：掌握超级链接的设置技巧；掌握网页的动态效果及站点发布 教学重点、难点：超级链接 教学策略：讲、练结合；教师让学生们把自己做的网站用超级链接的方法链接到教师事先做好的班级站点上，而动态效果可以用学生喜欢的电影来做例子讲解以增加学生学习的兴趣 教学课时：2课时 教学环境：网络教室 教学过程 一、超链接（Hyperlink） 引言： 通过前几节课的学习和实践，我们已经可以基本完成个人站点各个页面的“建设”任务。可是，我们在浏览的时候却觉得特别费力，总感觉它们是“各自为政”的，那么我们怎么才能把它们捏拢来成一个整体呢？我们在PP2000中是怎么解决这个问题的？[学生答：用了超级链接的！] 我们在网站制作上也可以采用这样类似的方法。 超链接是网页中最有吸引力的一种组成元素，它是网页的灵魂，是网站中各个元素的联系方式，正是它完成了各个页面的跳转，使整个网站作为一个有机的整体出现在访问者面前。正是有了超链接，因特网才会如此神奇和流行！网页上的超链接主要有三种：一种是相对网址的超链接；第二种是与绝对网址的超链接；第三种是指在同一网页内的超链接。 超链接是内嵌在文本或图像中的。我们在浏览网页的时候，常常会看到一些文字或图像，将鼠标指针移动到它们范围内时，鼠标指针变成手形，单击鼠标就会打开另一个网页。这个就叫超链接。 （一）设置超链接 在FrontPage中创建超链接是一件很容易的事。只要选中需要做超链接的文字或对象，然后单击常用工具栏上的超链接按钮，在“创建超链接”对话框的URL栏中输入要链接的对象文件的URL（带路径地址的文件名）。 1、与本地网站中的网页链接 [例]将主页“index.htm”中“侃侃自己”的文字和该同学做的网页链接起来。[请学生自己上讲台讲解] （1）打开FrontPage，并打开“schoolmate”网站中的主页文件“index.htm” （2）选中“侃侃自己”这段文字。 （3）单击常用工具栏上的超链接按钮，得到“创建超链接”对话框。 （4）在“创建超链接”对话框的中间区域会显示打开的网站中的所有文件（夹），选择该同学的文件，这个文件名就会出现在URL栏中。 （5）单击“确定”按钮后，完成设置。 2、链接到因特网上的一个主页 现在我们来看看如何建立一个图片（如搜狐的标志）超链接到“搜狐网站”上。 [例]在学生网页中做图片链接到“搜狐网站”主页（）。 [仍然由学生自己做示范] [特别提示]要对一个对象建立超链接，可以先选中对象，直接在对象上单击鼠标右键，在弹出的快捷菜单中选择超链接。 3、同一网页中的超链接 当网页内容过长时，要显示后面的内容特别是确定具体位置比较麻烦。HTML提供了链接到网页中某个具体位置的技术，这就是所谓页内链接。使用页内链接可以快速地浏览到所关心的信息。设置页内链接的步骤是：[以某学生的作品为例进行讲解] （1）创建、编辑书签。 要在一个页面内建立超链接，首先必须创建书签。方法：将插入点移到链接目标处，然后执行“插入/书签”命令。 （2）在书签对话框中替这个书签取个名字。 （3）加入书签后，还必须建立一个到此书签的超链接。请先选好要建立链接的文字或图片，单击鼠标右键，选择“超链接”命令，点击书签下拉式窗口，选择刚刚建立的书签，按下“确定”。 [特别提示]适时加入“回到上面”的书签链接。 [学生自己开始做超链接，并完善自己的网站，教师指导] （二）修改超链接 1、修改与删除超链接目的端 对所建立的超链接进行修改的方法和建立超链接一样。选中已经建立超链接的对象，然后单击常用工具栏上的超链接按钮，就可在“创建超链接”对话框中修改超链接目标及其它属性。 [例]将“schoolmate”首页中“特别推荐”的超链接对“芬兰印象记”的链接改为在新建窗口中打开，然后删除该超链接。 2、设置超链接颜色 3、查看超链接 当网站上的页面太多，我们建超链接有时难免会有疏忽的时候。这时候我们需要查看一下整个网站的超链接情况。我们可以换到“超链接视图”模式，在这种视图下将站点上网页之间的超链接显示成可视化的“地图”。 在视图栏上单击 “超链接” 图标，切换到超链接视图模式下，然后在文件夹列表里，单击需要查看的网页（如图3-1）。 图2-3-1 超链接视图 [练一练] 　　1、继续完善个人网站，设计有自己风格的网页。 2、将自己的“个人空间”加入到“班级旋转舞台”中（做超链接），在较长的网页中注意加页内链接。 3、[思考题]：如何在主页中加入一个链接到自己邮箱的电子邮件超链接？ 二、动态效果 网页中某些元素（例如文本、段落、图片、按钮和字幕等等）在一些特定的情