1 主 要 教 学 环 节 2 3 4 5
项目背景 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
项目活动七 超级链接与导航栏
1 主 要 教 学 环 节 2 3 4 5
项目背景 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
项目活动七 超级链接与导航栏
还可以选中图片或者文字，直接在属性面板链接框中填写“mailto：邮件 地址”，如下图所示
3.创建完成后，保存页面，按F12预览网页效果。
页面之间的超级链接 【操作步骤】 1．选择“文件”---“打开”命令，打开网页“index.asp”文件，单 击“打开”按钮打开文件。 2．在网页中选中要做超级链接的文字或者图片。 3．在属性面板中单击黄色文件夹图标，在弹出的对话框里选中相应 的网页文件就完成了。做好超级链接属性面板出现链接文件显示， 如下图所示
图7-2-2 插入导航条
图7-2-3 选择图像源文件
3．单击状态图像后面的浏览，找到图片1.jpg ，如图7-2-3所示。 4．单击确定，点击鼠标经过图片后面的浏览选择1.jpg如图7-2-4所示。
图7-2-4 插入导航条
5．在下方插入选项中选择水平选项 6．单击最上方的小加号 再添加一个新项目，如图7-2-5所示
通过学习本案例，能够学会超链接的设置，特别是学会 文本的设置、电子邮件的设置、导航栏的设置及创建超链接的 多种方法。
返回
（二）项目分析
项目活动目标：网页各种超链接的设置方法，能够独立 根据操作要求完成。
重点：1.理解超链接的概念 2.掌握几种超链接的设置 3.熟练掌握水平导航条的设置及超链接的设置 难点：多种方法的设置
1 主 要 教 学 环 节 2 3 4 5
项目背景 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
项目活动七 超级链接与导航栏
1 主 要 教 学 环 节 2 3 4 5
项目背景 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
项目活动七 超级链接与导航栏
返回
（三）任务实施
根据DREAMWEAVER 为“欢迎您来信赐教！”创建电子邮件超链接，效果如图所示。
电子邮件超链接的设置 【操作步骤】 1.选择“文件”---“打开”命令，打开网页“index.asp”文件，单击“打开”按钮打 开文件。 在编辑状态下，先选定要链接的文字“欢迎您来信赐教！”。 2.单击“插入”菜单选择“电子邮件链接”弹出如下图7-1-1对话框，填入E-Mail 地址即可
水平导航条超链接的设置 为脸谱艺术页面添加导航条，并设置超链接，效果如图所示。
【操作步骤】 1.打开dreamweaver CS3，设置上IIS并建好站点。插入脸谱素材，然后将光标 放在第二行的表格中，如图7-2-1所示
图7-2-1 导入素材
1.单击常用菜单栏中的图像
按钮右侧的下拉
按钮，右键单击在下拉菜选中导航条， 然后弹出对话框如图7-2-2所示
项目活动七 超级链接与导航栏
复习回顾:
如何新建框架？ 1.创建一个站点， 按ctrl+n 新建命令，弹出新建文档的对话框，在左侧 的列表中选择“示例中的页”选项，然后选择框架集，在右侧的“示例 页”中选择“上方固定，下方固定”的选项，点击创建。 2.保存框架集。 3.设置页面属性。 4.插入图片
项目活动七 超级链接与导航栏
4．按F12预览网页，在浏览器里光标移到超级链接的地方就会变 成手型。
图片超级链接的设置 1．选择“文件”中“打开”命令，打开网页“index.asp”文件， 单击“打开”按钮打开文件。 2．在网页中插入图片，单击图片，用展开的属性面板上的绘图工 具在画面上绘制热区，如图
3．属性面板改换为热点面板如图7-1-5链接输入框：填入相应的链接。
1 主 要 教 学 环 节 2 3 4 5
项目背景） 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
项目活动七 超级链接与导航栏
1 主 要 教 学 环 节 2 3 4 5
项目背景 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
项目活动七 超级链接与导航栏
1 主 要 教 学 环 节 2 3 4 5
项目背景 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
（一）项目背景
网络中的每个网页都是通过超链接的形式关联在一起的， 超链接是网页中最重要、最根本的元素之一。浏览者可以通过 鼠标单击网页中的某个元素，轻松地实现网页之间的转换或下 载文件、收发邮件等。
图7-2-5 插入导航条
7．按照上次的步骤再添加几次直到将导航图片全部添加上，如图7-2-6所示
替代框：填入你的提示的文字说明。目标框：不作选择则默认在新浏览器窗 口打开。
4.保存页面， 按F12预览，用鼠标在设置的热区检验效果。
1.超级链接的概念与路径知识： 超链接的主要作用是将物理上无序的内容组成一个有机的统一体。 超链接对象上存放某个网页文件的地址，以便用户打开相应的网页文件。 在浏览网页时，当用户将鼠标指针移到文字或图像上时，鼠标指针会改变 形状或颜色，这就是在提示用户：此对象为链接对象。。 2.超级链接属性面板中的目标选项: “目标”我们称它为目标区。也就是超级链接指向的页面出现 在什么目标区域。默认的情况下域中总有四个选项。 ①_blank ：单击链接以后，指向页面出现在新窗口中。 ②_parent：用指向页面替换他外面所在的框架结构。 ③_self： 将连接页面显示在当前框架中。 ④_top： 跳出所有框架，页面直接出现在浏览器中。
1 主 要 教 学 环 节 2 3 4 5
项目背景） 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
项目活动七 超级链接与导航栏
1 主 要 教 学 环 节 2 3 4 5
项目背景 项目分析
任务实施
任务拓展 作品展评 项目小结 布置作业 反思感悟
6
7 8
项目活动七 超级链接与导航栏