创建超级链接.ppt

课堂案例——美容护肤网页 实验任务2：图像超级链接练习 通过创建锚点，可以使链接指向当前文档或不同文档中的指定位置。 ● 作用 4.5 创建锚点链接 锚点常常被用来跳转到特定的主题或文档的顶部，使访问者能够快速浏览到选定的位置，加快信息检索速度。 4.5 创建锚点链接 在网页中输入文字，并排版。 ● 步骤一 将光标移动到右边的“教育背景”文字前面。 执行【插入】|【命名锚记】命令，或者单击【常用】工具栏中的【命名锚记】按钮。弹出【命名锚记】对话框，在文本框内输入“1”。 ● 步骤二 选中左边的“教育背景”，按下【属性】面板中的【指向文件】按钮不放，拖动鼠标直到指向刚刚建立的锚点上为止。 可以直接在【链接】后的文本框中输入“#1”，其中“1”就是刚刚定义的锚记名称。 ● 步骤三 4.5 创建锚点链接 要改变锚记的名称，只要选中要修改的锚点，在【属性】面板中修改【名称】。 在创建锚点链接的时候，将【链接】文本框内的锚记名称也进行相应的修改就可以了。 ● 修改修改锚点名称 执行【编辑】|【首选参数】命令，弹出【首选参数】对话框。 选择【分类】中的【不可见元素】选项，取消选中【命名锚记】前面的复选框。 ●去掉锚点标记 4.5 创建锚点链接 实验任务3：锚记超级链接练习 课堂小结 了解和理解超级链接的定义和作用。 掌握各种常用超级链接的使用方法和综合使用。 学习情境3- 创建超级链接与使用表格 主讲教师：张劲勇教学部门：计算机工程系 温故知新 知识回顾 在网页中插入图像，以及图像的相关综合操作。 多媒体元素在网页中的综合运用。 本节知识要点 超级链接的基本概念和定义。 常见超级链接的基本使用方法和综合运用。 引例：超级链接在网页中的应用 引例：超级链接在网页中的应用 引例：超级链接在网页中的应用 引例：超级链接在网页中的应用 概念 URL是Uniform Resource Locator的缩写，中文意思是“统一资源定位器”，指WWW网页的地址。 1.1 URL简介 1 举例 如/pc/index.htm。 “http://”表示Internet资源类型是HTTP服务 ”是站点名，用来指出WWW页所在的服务器域名，也可以是一台服务器的名字。 “pc”是指信息存放的文件夹。 最后一项是想要访问的具体文件名。 2 4.1 超级链接的应用 URL结构 一个完整的URL应该有以下几个部分组成：资源类型+主机名+子目录（可选）+文件名（可选）。 3 4.1.1 URL简介 除了 “http://”表示WWW服务器外，还有“ftp://”表示FTP服务器，“gopher://”表示Gopher服务器，“news://”表示Newsgroup新闻组等。 4.1 超级链接的应用 基本概念 超级链接是“超文本链接”的缩略语。 4.1.2 超级链接的概念 4 可以迅速从服务器的某一页转到另一页，也可以转到其他服务器页。 表示超级链接点的信息可以是文字或图像，甚至是动画。 它提供了通过单击超级链接点将用户从WWW文档某一部分连接到同一文档或不同文档的其他部分。 4.1 超级链接的应用 绝对路径 5 绝对路径是包含服务器协议的完全路径，是一种与源地址文件无关的路径形式。 绝对路径包含的是精确地址，创建对当前站点以外文件的链接时必须使用绝对路径。 一般最常见的是URL，就是通常所说的网址。 格式： /pc/index.htm 在网址前一定要加上协议名，如http、ftp等。 另外一种是文档的绝对路径，一般格式如下： file:///E:/Documents and Settings/lm/桌面 /images/1.gif 4.1 超级链接的应用 相对路径 6 和文档相对的路径是指和当前文档所在的文件夹相对的路径。 ●和文档相对的路径 Back.gif:指定的是当前文件夹的图片文档； ../back.gif：指定的是当前文件夹上级目录的图片文档； Images/back.gif:当前文件夹下images文件夹的文档。 4.1 超级链接的应用 课堂案例——咖啡销售网页 4.2 超级链接的基本操作 4.2.1 创建文本链接 浏览网页时，鼠标指针经过某些文本的时候，形状会发生变化，同时文本也可能发生相应的变化。 单击它，可以打开所链接的网页。 ● 原理 4.2.1 创建文本链接 创建文本链接的方法 选中要链接的文本，在【属性】面板的【链接】文本框内输入链接地址，如“index.htm” ● 方法一 选择文字，在【属性】面板