项目5超级连接概要.ppt

第5章超级链接 课前复习 一、表格 插入表格 选取表格 设置表格的属性 表格的操作 调整表格 二、在“布局模式”对页进行布局 “标准”模式和“布局”模式 绘制单元格和表格 调整布局单元格和表格的大小以及移动 本章要点 路径 超级链接的类型 创建内部超级链接 创建外部超级链接 创建电子邮件链接 创建锚记链接 图像映射 6.1超级链接的概念 什么是超级连接 是指从一个网页到另一个网页对象的链接关系，它还包括链接到图片、电子邮件、文档、媒体等。 超级链接的类型（P70） 网页中的超级链接一般分为外部链接、内部链接、邮件链接和锚点链接等四种类型。 路径（P70） 绝对路径 相对路径 站点根目录相对路径 my_site(根目录) 支持 cotnents.html(内容) houts.html（时间） resources（资源） tips.html（末端） 产品 catalog.html（目录） index.html（主页） 创建从contents.html到其他文 件的链接： 链接到houts.html（两个文件 在同一文件夹中），文件名 就是 相对路径：houts.html 链接到tips.html（在名为 resources的文件夹中），使 用相对路径： resources/tips.html(/表示在文 件夹层次结构中下移一级) 链接到“产品”（在父文件夹 的其他子文件夹中），路径 为：../产品/catalog.html(../ 向上移至父文件夹) 链接到主页，路径：../ index.html 6.2创建超级链接 使用属性检查器创建链接 1) 在“文档”窗口的“设计”视图中选择文本或图像。 2) 打开属性检查器（“窗口”“属性”），如图5-2所示。 单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件。或在“链接”文本框中键入文档的路径和文件名。 3) 从“目标”弹出菜单中，选择文档打开的位置。 若要使所链接的文档出现在当前窗口或框架以外的其它位置，可从属性检查器的“目标”弹出菜单中选择一个选项： _blank 将链接的文档载入一个新的、未命名的浏览器窗口。 _parent 将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。 _self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。 _top 将链接的文档载入整个浏览器窗口，从而删除所有框架。 使用“指向文件”图标创建链接 1．使用“指向文件”图标链接创建链接 1) 在“文档”窗口的“设计”视图中选择文本或图像。 2) 拖动属性检查器中“链接”文本框右侧的“指向文件”图标，然后指向另一个打开的文档、已打开文档中的可见锚记或者指向“文件”面板中的一个文档。 “链接”文本框将更新，以显示该链接。 4）释放鼠标按钮。 2．从已打开文档中的选定内容创建链接 1) 在“文档”窗口中选择文本。 2) 按下 Shift 键不放，从选定内容处开始拖动。 在拖动过程中，出现“指向文件”图标。 3) 指向其它打开的文档、已打开文档中的可见锚记，或者指向“文件”面板中的一个文档。 4）释放鼠标按钮 使用菜单命令创建链接 “超级链接”命令可以创建到图像、对象或其它文档或文件的文本链接。 1) 将插入点放在文档中希望出现超级链接的位置。 2) 选择“插入”“超级链接”或在“插入”栏的“常用”类别中，单击“超级链接”按钮。 出现“超级链接”对话框。 3) 完成对话框。 4) 单击“确定”。 例6-1 (6_1.html) 创建内部超级链接。 链接到文档中的特定位置 锚记的链接：链接到文档的特定部分。 创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。 １．创建命名锚记 选择“插入”“命名锚记”。 按下 Ctrl+Alt+A。 在“插入”栏的“常用”类别中，单击“命名锚记”按钮。 出现“命名锚记”对话框。如图6-4。 在“锚记名称”文本框中，键入锚记的名称，并单击“确定”。 ２．链接到命名锚记 选择文本或图像，在链接框输入：#+锚记名称 例6-2 (6_2.html) 创建命名锚记的链接 1) 在厦门特产网中打开xmtc.html。 2) 把鼠标光标放在网页上部“特产介绍”的旁边。 3) 在“插入”栏的“常用”类别中，单击“命名锚记”按钮，打开“命名锚记对话框，完成对话框。在文本框中输入：top。如图6-4所示。 4）单击“确定”按钮。 5) 在网页底部输入文字“返回头部”