制作有链接的网页 课件
文档属性
| 名称 | 制作有链接的网页 课件 |  | |
| 格式 | zip | ||
| 文件大小 | 413.4KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 黔教版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2017-10-27 10:25:37 | ||
图片预览
文档简介
课件10张PPT。制作有链接的网页 教学目的：
了解超链接的意义和作用。
教学难点：
能在网页中建立指定的链接
教学过程
计算机网络中的信息，就像大海一样浩瀚无边。怎样将相关的信息联系起来呢？在网页中可以使用“超链接”的方法来联系这些信息。
在网页中，除了文字可以定义链接外，图片、动画甚至是鼠标的一个特定动作都可以创建这样的链接，这就叫做“超链接”。
一、创建“超链接”
1、网页之间的链接
在制作网页之间的链接前，需要有两个以及两个以上的网页。
操作步骤
（1）、启动Microsoft Office Front Page 2003，单击菜单栏上的“文件”—“新建”（如下图所示）；
（2）、在程序窗口的编辑区中输入下面的文字；
大家好，我是一个计算机爱好者，成为一名计算机程序员是我的理想！
友情链接：新浪网
单击上面的图片放大
电子邮件：126@126.com
（3）、将文字“新浪网”用鼠标左键选中，然后单击鼠标右键，在弹出的右键快捷菜单中选择“超链接”（如下图所示），或者点击常用工具栏上的“插入超链接”按钮 ；
（4）、在“插入超链接”对话框中的“地址”输入框中输入新浪网的网站地址http://www.sina.com.cn，然后单击“确定”按钮（如下图所示）。
在“地址”输入框中，输入需要链接的网站地址即可完成超链接的设定 返回编辑窗口可以发现，编辑超链接后的文字下面增加了一条下划线（如下图所示）。
这样，当我们在IE浏览器中查看这个网页时，单击 ，网页就会跳转到新浪网的网站上。
小知识：
在网页的编辑过程中，对文字、图片等对象进行编辑，一般使用的操作方式有4种：使用菜单栏中的命令、使用工具栏上的工具按钮、使用键盘的组合按键以及使用鼠的右键盘快捷菜单。在实践中，可根据自己的使用习惯灵活迁用。编辑超链接后，文字下方会显示下划线，这是为了提示浏览网面页的人，这是超链接 2、电子邮件的链接
下面制作电子邮件的链接。
操作步骤
（1）、将文字126@126.com用鼠标左键选中，然后单击鼠标右键，在弹出的右键快捷菜单中选择“超链接”（如下图所示），或者点击常用工具栏上的“插入超链接”按钮。
（2）、在“插入超链接”对话框中的“地址”输入框中输入文字www.126.com，然后单击“确定”按钮（如下图所示）。
小知识：
在FrontPage 2003中的编辑状态下输入电子邮件的地址时，可以将程序设置为自动添加超链接，这样，当你输入电子邮件的地址后，程序会自动将文字添加相应的超链接。
返回编辑窗口可以发现，文字126@126.com变成了126@126.com，表示该文字具有了超链接属性。
这样制作的电子邮件链接，当你使用IE浏览器进行查看的时候，用鼠标左键单击该电子邮件地址，计算机会自动启动默认的电子邮件收发器来发送邮件。
二、把音乐链接到网页上
我们现在以给前面做好的网页添加背景音乐为例，介绍如何把音乐链接到网页上。
操作步骤
（1）、单击菜单栏上的“文件”—“属性”，弹出“网页属性”对话框；
（2）、在“网页属性”对话框中，单击“常规”选项卡，可以看见一个叫做“背景音乐”的选项（如下图所示）； （3）、在“位置”后面的输入框中输入背景音乐的地址路径，或者单击后面的“浏览”按钮，在弹出的“背景音乐”对话框中选择需要的背景音乐文件，然后单击“打开”按钮（如下图所示）；
（4）、返回“网页属性”对话框，单击“确定”按钮。
返回到编辑窗口中，这时还听不到背景音乐，单击编辑窗口左下方的 按钮，将编辑窗口从“设计”视图切换到“预览”视图状态，声音就播放出来了。
如果你的网页在制作完成后需要上传到网站上或者到其他人的计算机上演示，需要将声音文件一起保存带走，因为网页文件中不包含如声音、图片等文件，只是在网页中记录保存文件的链接地址。 三、把图片链接到网页上
图片在网页中占据着比较重要的位置，但是，图片所占用的数据空间也比文字大得多。在实际应用中，需要在网页上插入一张小的图片，以保证浏览的速度，在查看网页时单击这张小图片就可以打开比较大和清晰的另一张图片。
操作步骤
（1）、准备一张比较大的图片文件，在画图程序中将它转换为JPG格式的文件后以文件夹名“汽车（大图）”保存；
（2）、使用画图程序中的变形处理功能，将图片缩小，然后以文件夹名“汽车（小图）”保存，该小图的分辨率在200个像素左右；
（3）、在网页的编辑窗口中，将鼠标移到合适的位置后单鼠标左键，然后单击菜单栏中的“插入”—“图片”—“来自文件”（如下图所示）；
（4）、在“图片”对话框中选择保存的“汽车（小图）”，单击“插入”按钮；（如下图所示）
（5）、返回网页的编辑窗口，移动鼠标指针到小图上，单击鼠标右键，在弹出的右键快捷菜单中选择“超链接”（如下图所示），或者点击常用工具栏上的“插入超链接”按钮； （6）、在“插入超链接”对话框的“查找范围”中，选择保存的“汽车（大图）”，然后单击“确定”（如下图所示）
四、保存和浏览
现在完成了网页的编辑工作，适当调整文字和图片的大小以及位置后，单击菜单栏上的“文件”—“另存为”或者“保存”，将制作的网页以“超级链接”为名保存在计算机中。
当我们需要浏览保存的网页时，打开资源管理器，找到我们保存的网页“超级链接”，启动IE浏览器就可以查看网页中的各项链接。
单击网页上的小图，程序会自动打开另一幅比较大的图片
课堂总结：
当我们打开一个网站的时候，只是进入了这个网站的主页。但如果我们想要查看里面的内容时，就需要用鼠标去点击一下。其实我们刚点击的这里也就是我们所学的“超链接”。
了解超链接的意义和作用。
教学难点：
能在网页中建立指定的链接
教学过程
计算机网络中的信息，就像大海一样浩瀚无边。怎样将相关的信息联系起来呢？在网页中可以使用“超链接”的方法来联系这些信息。
在网页中，除了文字可以定义链接外，图片、动画甚至是鼠标的一个特定动作都可以创建这样的链接，这就叫做“超链接”。
一、创建“超链接”
1、网页之间的链接
在制作网页之间的链接前，需要有两个以及两个以上的网页。
操作步骤
（1）、启动Microsoft Office Front Page 2003，单击菜单栏上的“文件”—“新建”（如下图所示）；
（2）、在程序窗口的编辑区中输入下面的文字；
大家好，我是一个计算机爱好者，成为一名计算机程序员是我的理想！
友情链接：新浪网
单击上面的图片放大
电子邮件：126@126.com
（3）、将文字“新浪网”用鼠标左键选中，然后单击鼠标右键，在弹出的右键快捷菜单中选择“超链接”（如下图所示），或者点击常用工具栏上的“插入超链接”按钮 ；
（4）、在“插入超链接”对话框中的“地址”输入框中输入新浪网的网站地址http://www.sina.com.cn，然后单击“确定”按钮（如下图所示）。
在“地址”输入框中，输入需要链接的网站地址即可完成超链接的设定 返回编辑窗口可以发现，编辑超链接后的文字下面增加了一条下划线（如下图所示）。
这样，当我们在IE浏览器中查看这个网页时，单击 ，网页就会跳转到新浪网的网站上。
小知识：
在网页的编辑过程中，对文字、图片等对象进行编辑，一般使用的操作方式有4种：使用菜单栏中的命令、使用工具栏上的工具按钮、使用键盘的组合按键以及使用鼠的右键盘快捷菜单。在实践中，可根据自己的使用习惯灵活迁用。编辑超链接后，文字下方会显示下划线，这是为了提示浏览网面页的人，这是超链接 2、电子邮件的链接
下面制作电子邮件的链接。
操作步骤
（1）、将文字126@126.com用鼠标左键选中，然后单击鼠标右键，在弹出的右键快捷菜单中选择“超链接”（如下图所示），或者点击常用工具栏上的“插入超链接”按钮。
（2）、在“插入超链接”对话框中的“地址”输入框中输入文字www.126.com，然后单击“确定”按钮（如下图所示）。
小知识：
在FrontPage 2003中的编辑状态下输入电子邮件的地址时，可以将程序设置为自动添加超链接，这样，当你输入电子邮件的地址后，程序会自动将文字添加相应的超链接。
返回编辑窗口可以发现，文字126@126.com变成了126@126.com，表示该文字具有了超链接属性。
这样制作的电子邮件链接，当你使用IE浏览器进行查看的时候，用鼠标左键单击该电子邮件地址，计算机会自动启动默认的电子邮件收发器来发送邮件。
二、把音乐链接到网页上
我们现在以给前面做好的网页添加背景音乐为例，介绍如何把音乐链接到网页上。
操作步骤
（1）、单击菜单栏上的“文件”—“属性”，弹出“网页属性”对话框；
（2）、在“网页属性”对话框中，单击“常规”选项卡，可以看见一个叫做“背景音乐”的选项（如下图所示）； （3）、在“位置”后面的输入框中输入背景音乐的地址路径，或者单击后面的“浏览”按钮，在弹出的“背景音乐”对话框中选择需要的背景音乐文件，然后单击“打开”按钮（如下图所示）；
（4）、返回“网页属性”对话框，单击“确定”按钮。
返回到编辑窗口中，这时还听不到背景音乐，单击编辑窗口左下方的 按钮，将编辑窗口从“设计”视图切换到“预览”视图状态，声音就播放出来了。
如果你的网页在制作完成后需要上传到网站上或者到其他人的计算机上演示，需要将声音文件一起保存带走，因为网页文件中不包含如声音、图片等文件，只是在网页中记录保存文件的链接地址。 三、把图片链接到网页上
图片在网页中占据着比较重要的位置，但是，图片所占用的数据空间也比文字大得多。在实际应用中，需要在网页上插入一张小的图片，以保证浏览的速度，在查看网页时单击这张小图片就可以打开比较大和清晰的另一张图片。
操作步骤
（1）、准备一张比较大的图片文件，在画图程序中将它转换为JPG格式的文件后以文件夹名“汽车（大图）”保存；
（2）、使用画图程序中的变形处理功能，将图片缩小，然后以文件夹名“汽车（小图）”保存，该小图的分辨率在200个像素左右；
（3）、在网页的编辑窗口中，将鼠标移到合适的位置后单鼠标左键，然后单击菜单栏中的“插入”—“图片”—“来自文件”（如下图所示）；
（4）、在“图片”对话框中选择保存的“汽车（小图）”，单击“插入”按钮；（如下图所示）
（5）、返回网页的编辑窗口，移动鼠标指针到小图上，单击鼠标右键，在弹出的右键快捷菜单中选择“超链接”（如下图所示），或者点击常用工具栏上的“插入超链接”按钮； （6）、在“插入超链接”对话框的“查找范围”中，选择保存的“汽车（大图）”，然后单击“确定”（如下图所示）
四、保存和浏览
现在完成了网页的编辑工作，适当调整文字和图片的大小以及位置后，单击菜单栏上的“文件”—“另存为”或者“保存”，将制作的网页以“超级链接”为名保存在计算机中。
当我们需要浏览保存的网页时，打开资源管理器，找到我们保存的网页“超级链接”，启动IE浏览器就可以查看网页中的各项链接。
单击网页上的小图，程序会自动打开另一幅比较大的图片
课堂总结：
当我们打开一个网站的时候，只是进入了这个网站的主页。但如果我们想要查看里面的内容时，就需要用鼠标去点击一下。其实我们刚点击的这里也就是我们所学的“超链接”。