制作超链接

制作超链接

作业：

1、超链接按链接目标可分为哪几类？按链接源又可分为哪几类？

2、什么是绝对路径，文档相对路径，站点根目录相对路径？

3、如何去除超链接的下划线？

实验内容

任务一制作本地链接

1、在Frontpage 2003中打开“tuwen”网站

2、将主页文件中原有的图片删除，新建一个1行3列的表格，其表格属性如下图。

3、将第2列拆分为6行，添加文本和单元格背景颜色，在第3列中添加文本和水平线，效果如下图

4、在第3列中插入一张图片，自选如下图

5、单击鼠标右键，在打开的快捷菜单中选择“网页属性”命令。在打开的“网页属性”对话框中选择“格式”选项卡，在“颜色”一栏中，打开“超链接”、“已访问的超链接”和“当前超链接”三个颜色下拉列表，选择合适的颜色，如下图

6、选中“文本”二字，单击常用工具栏中的“超链接”按钮或按+k 弹出“插入超链接”对话框，如下图

7、在对话框中查找并指定链接目标wenben.htm，单击“确定”完成超链接的制作，效果如下图，可以看到文本下加了下划线。

8、依次为“列表、图片库、表格、网页背景、Flash”添加超链接，链接目标分别为站点根

目录下的liebiao.htm、tupianku.htm、biaoge.htm、beijing.htm、flash.htm。

9、保存文件并预览

任务二制作电子邮件链接

1、打开站点根目录下的index.htm文件，选中“联系我”，单击常用工具栏中的“超链接按钮”或按+k 弹出“插入超链接”对话框，如下图

2、在“链接到”一栏中选择“电子邮件地址”，在“电子邮件地址”文本框中输入电子邮件地址，单击“确定”完成超链接的邮件。

3、保存并预览网页index.htm，尝试点击制作好的超链接。

任务三制作网络链接

1、打开站点根目录下的biaoge.htm文件，选中广告图片，单击常用工具栏中的“超链接按钮”或按+k，弹出“插入超链接”对话框

2、在“链接到”一栏中选择“原有文件或网页”，在“地址”文本框中输入网址，如下图，单击确定完成超链接的制作。如下图

3、保存文件并预览

任务四制作书签链接

1、将我提供的网页文件“shuqian.htm”复制到当前站点根目录下。

2、打开shuqian.htm网页文件，光标置于第一行内，打开“插入”，选择“书签”命令，弹出“书签”对话框，如下图。

3、在“书签名称”文本框中输入“文章头”，单击确定，完成第一个书签的插入，如下图。

4、选中第一本书《品三国》的书评标题“三国，如何写？如何品？”，打开“插入”菜单，选择“书签”命令，弹出“书签”对话框，在“书签名称”文本框中已经出现了书签名称“三国，如何写？如何品？”，单击确定完成第二个书签的插入。

5、依照上述方法，插入另外两本书的书签，书签名称为图书名。

6、在网页上部的“目录”中选中第一本书的书名“《品三国》”，单击常用工具栏中的“超链接按钮”或按+k，弹出“插入超链接”对话框。在“链接到”一栏中，选择“本文档中的位置”，如下图

7、在列表框中选择作为链接目标的书签“三国，如何写？如何品？”，单击“确定”完成超链接的制作。

8、依照上述办法，完成另外两本书的书签链接制作。

9、选择第一本书的书评末尾处的“返回目录”，单击常用工具栏中的“超链接按钮”或按+k，弹出“插入超链接”对话框。在“链接到”一栏中，选择“本文档中的位置”，在列表框中选择作为链接目标的书签“文章头”，单击确定，完成超链接的制作

10，依照上述办法，完成另外两本书的书评中“返回目录”的书签链接制作。

11、保存并预览网页shuqian.htm

任务五制作基于导航结构的导航栏

1、打开“tuwen”网站，依次打开各个网页，为每一个网页添加网页标题，如下图，并保存

2、打开“视图”菜单，选择“导航”命令，将打开导航视图，如下图

3、将文件夹列表中相应的网页拖到导航结构图中适当位置，如下图

4、打开liebiao.htm网页文件，将光标放置在网页的最下面，打开“插入”菜单，选择其中的“导航”命令，弹出“插入web插件”对话框，如下图。

5、在“组件类型”列表中选择“链接栏”选项，在“选择栏类型”中选择“基于导航结构的链接栏”选项，单击“下一步”选择栏样式，如下图

6、在列表框中选择“链接栏”选项，在“选择栏类型”中选择“基于导航结构的链接栏”选项，单击“下一步”选择栏样式，如下图

7、单击“完成”，打开“链接栏属性”对话框，如下图。在“要添加到网页的超链接”一栏中，选择“主页下面的子页”，勾选“附加网页”中的“主页”。

8、单击“确定”完成导航栏的制作

9、保存并预览网页文件liebiao.htm，尝试点击制作好的超链接

10、依照上述方法在除主页外所有网页的相同位置上放置基于导航结构的导航栏。