Dreamweaver网页制作基础教程项目四制作链接培训资料.pptVIP

王焕杰 电话 邮箱:cnsyjsj@163.com Dreamweaver网页制作基础教程 沈阳市信息工程学校 项目四 制作链接 任务一 创建不同的超级链接 任务描述 由于网页limingli.html的内容过多，造成网页的高度比较大，为便于用户的浏览，需要根据网页的内容进行简单的分类并制作锚点，进行链接。 知识准备 1．链接地址中的参数 一个链接的代码中一般由超级链接标识符a/a、链接地址、链接的目标窗口、链接的提示、链接的主体几部分构成，如图4.2.1所示。 标识符 链接地址 目标窗口 链接提示 链接主体 1）标识符 标识符是在HTML代码中用于识别其内容为超级链接的标志，a与/a总是成对出现。 链接地址可以是绝对路径，也可以是相对路径。可以是网页的地址，也可以是图片、文件、视频、音频和动画。 2）链接地址 链接地址分为绝对路径与相对路径，对本网站中的网页链接一般使用相对路径，对其他网站的网页的引用一般使用绝对路径。 当链接地址为“#”时，代表是一个空链接。空链接一般在没有确定具体的链接目标，但仍显示为链接时，或者需要预览最后的制作效果时是一个很方便的方法。空链接有的时候也作为调用网页前台JavaScript代码或者VBScript代码的一种手段。 3）目标窗口 目标窗口一般分为_blank、_parent、_self、_top四种。 _blank：在新窗口中打开链接。 _self：在当前窗口中打开链接（默认的链接方式）。 _parent：在父窗口中打开链接。 _top：在最外层框架中打开链接（当用框架结构时可以使用）。 4）链接提示 超级链接的提示信息一般是当鼠标移到链接时显示的提示信息，由于网络的因素或者其他因素往往会导致一些进行链接的图片无法正常显示，设置超级链接的提示信息便于用户在发生故障时及时了解失效链接的作用。或者当图片无法充分表达正确的意图时，提示信息也能起到一定程度的补充作用。 2．锚点链接 锚点链接是一种特殊的链接，当一个网页中的内容过多时，网页的高度将会变得很大。不仅不便于浏览，也不便于用户对信息进行查找和分类。在这种情况下，可以对网页进行简单的标注。标注的点称为锚点，通过链接可以直接跳转到这些标注所对应的内容上。 步骤3：单击“从四岁起”，把光标停留在“从四岁起学习音乐的我”前面，插入锚点，命名为“小时候”。 步骤4：在“从初中开始”插入锚点，命名为“初中”。 步骤5：在“三年前”插入锚点，命名为“高中”，如图4.2.6所示。 步骤6：在网页中插入“格言”、“小学”、“初中”、“高中”。 图4.2.6 文字处理 步骤7：选择“格言”，制作超级链接，链接目标为“#人生格言”，如图4.2.7所示。 图4.2.7 设置内部链接 链接目标可以手工输入，也可以通过拖动“指向文件”按钮到锚点上来指定。 链接目标 步骤8：依次指定下列链接地址。 “小学”的链接地址为“#小时候”；“初中”的链接地址为“#初中”；“高中”的链接地址为“#高中”。 步骤9： 按“F12”键在浏览器中浏览limingli.html文件，分别单击“格言”、“小学”、“初中”、“高中”链接，查看链接的效果。 知识拓展 1．URL地址解析 URL，Uniform Resource Locator的缩写，统一资源定位符，也称为网页地址，是因特网上标准的资源地址，也就是通常所说的网页地址，如384278875.shtml。它从左到右由下述部分组成。 Internet资源类型：指出WWW客户程序用来操作的工具。如“http：//”表示WWW服务，“ftp：//”表示FTP服务器，其他的服务也会有相应的类型，但一般用得不多。 服务器地址（host）：指出WWW页所在的服务器域名，或者是IP地址或主机地址。 端口（port）：有时对某些资源的访问来说，需给出相应服务器某种服务的端口号。 路径（path）：指明服务器上某资源的位置（通常由目录/子目录/文件名这样的结构组成）。与端口一样，路径并非总是必需的。