网页制作技能训练 教学课件 作者 高津 许晓斌项目五.ppt

《网页制作技能训练 教学课件 作者 高津 许晓斌项目五.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目五DreamweaverCS3创建超级链接网页制作技能训练项目五任务一创建超级链接的方法任务二文字超级链接任务三任务四任务五图片超级链接创建E-mail链接创建锚点链接网页网页制作技能训练项目五任务一创建超级链接的方法课程导航任务一任务描述任务说明操作步骤任务一小张要建立一个美观的网页需要加入许多图片、文字资料、影像、音乐等，下面我们就学习有关创建超级链接的操作界面。任务描述课程导航任务一任务描述任务说明实现过程任务一通过使用使用菜单创建链接。任务说明课程导航任务一任务描述任务说明操作步骤任务一1）在菜单栏中选择“插

2、入记录”“超级链接”，弹出“超级链接”对话框，在对话柜中输入相应的链接文件，或者单击“常用”插入栏中的“超级链接”按钮，也会打开“超级链接”对话框，如图5-1所示。操作步骤课程导航任务一任务描述任务说明操作步骤任务一操作步骤图5-1超级链接对话框课程导航任务一任务描述任务说明操作步骤任务一在“超级链接”对话框中可以设置的参数如下：①“文本”:设置超级链接显示的文本。②“链接”:设置超级链接链接到的路径，最好输入相对路径而不是绝对路径。③“目标”:设置在何处打开网页，包括4个选项，这四个选项是“_blank”；“_par

3、ent”；“_self”；“_top”,如图5-2所示,具体的功能如下。操作步骤课程导航任务一任务描述任务说明操作步骤任务一“_blank”:在弹出的新窗口中打开所链接的目标。“_parent”:如果是嵌套的框架，表示在父框架“_self”:浏览器默认的设置，在当前网页所在的窗口中打开链接的网页。“_top”:在完整的浏览器窗口的顶层打开链接目标。课程导航任务一任务描述任务说明操作步骤任务一图5-2目标选项操作步骤课程导航任务一任务描述任务说明操作步骤任务一④“标题”:设置超链接的标题。当鼠标悬停在超级链接上时出现的说明

4、文字。⑤“访问键”:设置键盘快捷键，设置好后，如果按键盘上的快捷键将选中这个超级链接。⑥“Tab键索引”:设置在网页中用Tab键选中这个超链接的顺序。2）完成参数设置后，单击“确定”按钮，即可完成链接。操作步骤课程导航任务一任务描述任务说明操作步骤任务一①使用“属性”面板创建链接。“属性”面板面板中的“链接”文本框可用于创建链接，在【文档】中选择图像或文本，打开“属性”面板，在“链接”文本框中输入链接的文件，从“目标”下拉列表框中选择文档位置，如图5-3所示。课程导航任务一任务描述任务说明操作步骤任务一图5-3属性面板课

5、程导航任务一任务描述任务说明操作步骤任务一②使用指向文件图标创建链接在“属性”面板中，单击“链接”文本框右侧的指向文件图标，拖动鼠标时会出现一条带箭头的细线，指示到链接的文件后，释放鼠标，可以链接该文件⑻如图5-4所示。课程导航任务一任务描述任务说明操作步骤任务一图5-4创建指向文件图标链接课程导航任务二任务描述任务说明操作步奏任务二小张在浏览网页时，看见鼠标经过某些文本时，会出现一个小手，点击后会出现新的窗口，自己也想试一试。任务描述课程导航任务二任务描述任务说明操作步骤任务二任务说明当浏览网页时，鼠标经过某些文本时，

6、会出现一个小手，提示浏览者这是带链接的文本。此时单击鼠标左键，会打开所链接的网页。这就是文本超级链接。课程导航任务二任务描述任务说明操作步骤任务二操作步骤1）打开网页文档，选中要创建链接的文本，如图5-5所示。图5-5打开网页文档选中文本课程导航任务二任务描述任务说明操作步骤任务二操作步骤：2）打开“属性”面板，在面板中单击“链接”文本框右边的文件夹图标，在弹出的对话框中选择链接的文件，将文件添加到“链接”文本框中，如图5-6所示。图5-6创建链接课程导航任务二任务描述任务说明操作步骤任务二操作步骤：（3)按F12键，保

7、存网页文档并在浏览器中检验该文档，如图5-7所示。图5-7浏览效果课程导航任务三任务描述解决方案操作步骤任务三任务描述：小张在浏览网页时，单击网页中的某个小图片时，会在新窗口中打开一幅大图片，自己也想试一试。课程导航任务三任务描述任务说明操作步骤任务三制作一个浏览网页时，经常会用到图片链接，单击网页中的某个小图片时，会在新窗口中打开一幅大图片，这就是图片链接。任务说明：课程导航任务三任务描述任务说明操作步骤任务三操作步骤：1）打开网页文档，选中要创建链接的图片，在“源文件”文本框中显示文件名，如图5-8所示。图5-8选中

8、创建链接的图片课程导航任务三操作步骤：2）在“属性”面板上的“链接”文本框中将链接目标设置为图像文件或其他文件就可以了，如图5-9所示。任务三任务描述任务说明操作步骤图5-9设置链接目标课程导航任务三操作步骤：3)按F12键，保存网页文档并在浏览器中检验该文档。任务三任务描述任务说明操作步骤课程导航任务四任务描述：小