07网页超链接设计.pptVIP

DW插入超链接 书签链接 文件下载链接 实验练习 超链接简介 网页设计基础 耿晓利 建立超链接 超链接概念 链接标记属性 链接路径设置 链接类型 浏览者通过单击链接文字或图片，可以从一个页面跳到另一个页面，实现这样的功能的对象称之为超链接 超链接概念 创建超链接的条件：必须同时存在两个端点。一个是源端点；另一个是目标端点。 源端点：指网页中的链接单击的对象，如链接文本或链接图像 目标端点：指链接跳过去的页面或位置，如某网页、书签等 超链接标记属性 超链接标记 A属性 属 性 描 述 href 指定链接路径（必设属性） name 定义书签名称 target 指定链接目标文件打开的窗口 title 设置链接提示文字 target属性值 属 性 描 述 _blank 在新窗口中打开链接文档 _self 在同一个帧或窗口中打开链接文档（默认属性） _parent 在上一级窗口中打开链接文档 _top 在浏览器的整个窗口中打开链接文档 框架窗口名 在指定的框架窗口中打开链接文档 链接目标窗口示例 超链接标记属性 绝对路径: 指文件的完整路径 文件相对路径：指相对于当前文件的路径。使用方法有： 链接到同一目录下，则只需输入要链接文档的名称 链接到下一级目录中的文件， 则需在链接文件名前输入“下一级目录名/” 链接到上一级目录中的文件， 则应在链接文件名前输入“../” 根路径：指相对于站点根目录的路径，书写方法：首先以斜杠开头，代表根目录，然后书写文件名，最后书写文件名，如/highlight/main.html 链接路径设置 链接路径示例 根据超链接的目标端点来分，超链接可分为： 内部链接 外部链接 书签链接 文件下载链接 根据超链接的源端点来分，超链接可分为： 文本链接 图像链接 超链接类型 Dw编辑超链接 打开DW，选中要设计链接的文本或图片，【属性】面板中的“链接”列表中输入链接地址，并可设定“目标” Dw编辑超链接 打开DW，选中要设计链接的文本或图片，【插入】菜单中选择的“超级链接”命令，或在【插入】面板的“常用”标签选择“超级链接”按钮 Dw编辑超链接 在弹出超级链接对话框中设置相关链接内容选项，如下图。 内部链接 内部链接是指在同一个网站内部，不同网页之间的链接关系 基本语法 a href=“file_name”链接文字/a 语法解释 通过“href”属性指定目标端点， “file_name”为要链接文件的路径，“链接文字”设置源端点，即提供给鼠标单击的内容 例子 外部链接 外部链接是指跳转到当前网站外部，和其他网站中的页面或其他元素之间的链接关系，一般情况下，这种链接需要使用绝对路径 基本语法 a href=“URL”链接文字/a 语法解释 通过“href”属性指定目标端点， “file_name”为要链接文件的路径，“链接文字”设置源端点，即提供给鼠标单击的内容 语法解释 URL格式 服 务 URL格式 描 述 WWW http:// 进入到万维网站点 Ftp ftp:// 进入文件传输服务器 News News:// 启动新闻讨论组 Telnet telnet:// 启动TELNET方式 Gopher Gopher:// 访问GOPHER服务器 E-mail mailto:// 启动邮件发送系统 外部链接 启动邮件系统设置语法：a href=“mailto:邮址1？Subject=contentcc=邮址2 bcc=邮址3”链接文字/a 参 数 描 述 Subject 电子邮件主题 cc 抄送收件人 bcc 暗送收件人 邮件参数 外部链接 例子 DW编辑E-mail链接 选择【插入】面板中的E-mail链接按钮，如下图，在弹出的电子邮件链接对话框中设置链接的E-mail地址。 书签链接 书签链接：指目标端点为网页中的某个设置了称为书签标记的位置的链接 创建书签链接步骤： 创建书签 为书签制作链接 建立书签 基本语法 a name=“书签名”文字/a 语法解释 在“文字”处建立一个名为“name”属性值所规定的书签。 书签链接 DW建立书签名 选择【插入】面板中的“命名锚记”按钮，如下图，在弹出的命名锚记对话框中设置书签名。 建立书签链接 基本语法: a href=“#书签名”链接文/a（链接到同一页面中的书签） a href=“file_name#书签名”链接文字/a（链接到其他页面中的书签） 语法解释 “书签名”是已定义的书签名，“f