项目6.pptVIP

实现网页间的跳转——超级链接 6.1 网页展示：在“目的地”页面中应用超级链接 网页的最大特点体现在它可以通过超链接功能在众多的网页中互相跳转，在“乐途网”的“目的地”页面中分别应用了网页之间超链接，插入文本超链接、锚记超链接、外部超链接、图像超链接、导航工具条超链接、邮件超链接和下载文件超链接，“目的地”页面效果如图所示。 6.2 网页制作 6.2.1 设置导航条超链接 步骤1 启动Dreamweaver CS4后，在letuweb站点中创建新文档。 步骤2 在destination文档中绘制表格布局页面，输入相应的文字、选择图像等素材，插入页面顶部Logo及其他元素。 步骤3 在表格的第3行定位光标，执行【插入】|【图像对象】|【导航条】菜单命令，弹出【插入导航条】对话框。 步骤4 在【插入导航条】对话框中输入“首页”项目名称；分别单击“状态图像”及“鼠标经过图像”右侧的“浏览”按钮，选择所需要的图像。 6.2 网页制作 步骤5 在【插入导航条】对话框中单击“按下时，前往的URL” 右侧的“浏览”按钮，选择超链接的目标文件。 步骤6 单击“”按钮，输入“目的地”项目名称，选择“目的地”项的“状态图像”及“鼠标经过图像”图像；在【插入导航条】对话框中的参数设置。 步骤7 单击“”按钮，输入“酒店机票”项目名称，用与“首页”相同的方法选择所需要的图像，【插入导航条】对话框中的参数设置。 6.2 网页制作 步骤8 用同样的方法添加导航条中的其他项目，添加完6个项目后，单击“确定”按钮，完成导航条的插入，保存网页在letuweb\ch5文件夹中，并命名为：destination.htm。 步骤9 单击“预览”按钮，在浏览页面的导航条上移动光标，导航条会产生相应的变化，单击可以跳转到相应的页面上。 6.2 网页制作 6.2.2 创建文本与图片超链接 步骤1 创建文本超链接。在【属性】面板上单击“页面属性”按钮，设置文本链接的属性，参数设置。 步骤2 在“目的地”页面中选择文本“预订酒店”；在【属性】面板上单击“链接（L）”右侧的“浏览文件”按钮。 步骤3 在弹出的【选择文件】对话框中，选择文件：QA.htm，单击“确定”按钮。 6.2 网页制作 步骤4 单击“预览”按钮，当鼠标指向文本“预订酒店”时，单击即可跳转到“酒店预订”页面上。 步骤5 创建图片超链接。在“目的地”页面上单击“黄山”图像。 步骤6 在【属性】面板上单击“链接（L）”右侧的“浏览文件”按钮，或直接输入超链接的目标文件名。 步骤7 单击“预览”按钮，当鼠标指向文本“黄山”图片时，单击即可跳转到“黄山”页面上。 6.2 网页制作 6.2.3 创建图像映像超链接 步骤1 在“目的地”页面上单击“地图”图片，在【属性】面板单击“矩形热点工具”按钮，在地图上的“北京”处绘制“矩形。 步骤2 在【属性】面板上单击“链接（L）”右侧的“浏览文件”按钮，或直接输入超链接的目标文件名。 步骤3 单击“预览”按钮，当鼠标指向地图上的“北京”时，单击即可跳转到“北京”页面上。 6.2 网页制作 步骤4 在“目的地”页面上单击“地图”图片，在【属性】面板单击“多边形热点工具”按钮，在地图上的“广西”处绘制“多边形”。 步骤5 在【属性】面板上“链接（L）”文本框中直接输入超链接的目标文件名。 步骤6 单击“预览”按钮，当鼠标指向地图上的“广西”时，单击即可跳转到“广西”页面上。 6.2 网页制作 6.2.4 插入锚记超链接 步骤1 在“目的地”页面上，将光标定位在第1行左边（目标端点）。 步骤2 执行【插入】︱【命名锚记】菜单命令，弹出【命名锚记】对话框，输入锚记名称。 步骤3 单击“确定”按钮，在光标定位处会出现一个“锚记”。 6.2 网页制作 步骤4 在“目的地”页面上选择源端点文本“返回到顶部”。 步骤5 在【属性】面板上“链接（L）”文本框中输入锚记名称：#page_top。 步骤6 单击“预览”按钮，当鼠标指向页面底部“返回到顶部”文本时，浏览页面将返回到顶部“锚记”处。 6.2 网页制