W的eb开发基础_第6讲.pptx

第5章主要内容（1）普通图像的使用方法和特殊图像元素插入的方法（2）图像属性的设置：属性面板和CSS样式表（3）图像地图的创建（4）Flash元素、音频、视频等多媒体元素的插入方法及属性设置网页元素文字：表达了网站内容和作用，也具有传达情感的功能；图像：能够极大地吸引浏览者的注意力；多媒体元素：让网页变得“有声有色”，使静态网页具有动感，增强了网页魅力。超链接第6章 网页中超链接的应用本章主要内容超链接概述链接路径创建超链接创建网站导航6.1 超链接概述 超链接是指从一个网页指向一个目标的连接关系，由源端点和目标端点两部分组成，其中设置了链接的一端称为源端点，跳转到的页面或对象称为链接的目标端点。源端点：创建超链接的对象目标端点：被链接的对象6.1 超链接概述一个网页中用来创建超链接的对象（源端点），可以是文本、图像或其他网页元素。当浏览者将鼠标指针移至有超链接的网页元素上时，指针会变为手形，在状态栏中将显示连接目标的地址，单击链接后，链接目标将显示在浏览器上，并根据目标的类型来打开或运行。6.1 超链接概述目标端点可以是任何网络资源，如一个网页、相同网页上的不同位置、一张图片、一个电子邮件地址、多媒体文件，甚至是一个应用程序等。根据目标端点的不同，链接可以分为几种类型：内部链接：链接站点内的文件外部链接：链接目标文件不在站点内，而在远程的Web服务器上锚点链接：使链接指向当前文档或不同文档中的指定位置E-mail链接：脚本链接：空链接：文件下载链接： 6.2 链接路径 路径是指从源端点指向目标端点的一种途径。链接路径可以分为3种形式：绝对路径文档相对路径站点根目录相对路径6.2.1 绝对路径每个网页都有一个唯一的地址，称作统一资源定位符URL。URL：应用协议类型://信息资源所在主机名（域名或IP地址）/路径名/…/文件名/support/dreamweaver/contents.html绝对路径提供所链接文档的完整URL，包括所使用的协议，如： c:/website/web/index.htm链接到 和 c:/website/img/photo.jpg6.2.1 绝对路径采用绝对地址的好处是，它同链接的源端点无关，只要网站的地址不变，无论文件在站点中如何移动，都可以正常实现跳转，如果希望链接其他站点上的内容，即在创建外部链接时必须需使用绝对路径绝对路径也会出现在尚未保存的网页上，如果在没有保存的网页上插入图像或添加链接，Dreamweaver会暂时使用绝对路径，网页保存后，Dreamweaver会自动将绝对路径转换为相对路径。如： file:///D|/chapter7/示例文件/images/doudou.gif6.2.2 相对路径相对路径：是指以当前文件所在位置为起点到被链接文件经由的路径。当把当前文件与处于同一文件夹的另一文件链接，或者把同一网站下不同文件夹中的文件相互链接时，可使用相对路径，即位于同一站点内的文件进行超链接的设置，通常采用相对路径，具体的路径显示由源端点和目标端点在站点内的位置关系决定。6.2.2 相对路径链接到同一目录下，只需输入链接文档的名称：如从“link”文件夹中的7-1.html链接到7-2.html：6.2.2 相对路径链接到下一级目录，需先输入目录名，然后加”/”，再输入文件名：从“link”文件夹中的7-1.html链接到该文件夹下images文件夹中的某个文件：6.2.2 相对路径链接到上一级目录中的文件，先输入“../”，再输入目录名、文件名：将“link”文件夹下images文件夹中的文件page1.html链接到“link”文件夹中的page2.html： 采用相对路径的特点：只要站点的结构和文档的位置不变，那么链接就不会出错，否则链接就会失效。6.2.3 根路径根路径：是指从站点根文件夹到被指文件经由的路径。在这种路径表达式中，所有的路径都是从站点根目录开始的，同源端点的位置无关。根路径由斜杠“/”开头，代表站点根文件夹。在网站内链接文件时一般使用根路径的方法。6.3 创建超链接 网页中的常见链接可以分为文本超链接、图像超链接、E-mail超链接、锚记超链接、下载文件链接、脚本链接、空链接等。 6.3.1 创建文本超链接即以文本作为媒介的链接，是网页中最常被使用的链接方式，具有文件小、制作简单和便于维护的特点。其创建方法：（1）打开需要编辑的网页文件，在设计视图中选择要创建链接的文本。（2）使用【属性】面板创建超链接：在【属性】面板中激活HTML按钮，如果知道目标端点网页文档的确切路径，可以直接在【链接】文本框中输入该文档的路径，如果要创建站点外部的链接，则必须输入绝对路径。如果创建站点内部链接，也可单击【链接】文本框右侧的【链接文件】按钮，打开【选择文件】对话框，从本