dreamweaver flash photoshop网页设计从入门到精通.doc

第章
设计超链接和导航菜单
( 视频讲解:83分钟)
超链接也称网页链接,是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一幅图片、一个电子邮件地址、一个文件,甚至是一个应用程序。在一个网页中用来链接的对象,可以是一段文本或者是一幅图片,当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型打开或运行。
超链接是互联网的桥梁,网站与网站之间、网页与网页之间都是通过超链接建立联系。如果没有超链接,那么整个互联网将成为无数个数字孤岛,失去存在的意义。本章将详细讲解如何使用Dreamweaver设置各种类型的超链接,并利用这些超链接把整个网站融合在一起,形成一个统一的有机体。
学****重点:
: 在网页中插入超链接
: 创建不同类型的超链接
: 定义图像热点
: 设计网页超链接的基本样式
: 设计列表样式
: 设计列表版块样式
: 设计菜单样式
了解超链接
URL(Uniform Resource Locator,统一资源定位器)用于指定网上资源的位置和方式。在本地计算机中,定位一个文件需要路径和文件名,对于遍布全球的各个网站和网页来说,显然还需要知道文件存放在哪个网络的哪台主机中才行。
在本地计算机中,所有文件都由统一的操作系统管理,因而不必给出访问该文件的方法,但在互联网上,各个网络、各台主机的操作系统可能不一样,因此必须指定访问该文件的方法,这个方法就是使用URL定位技术。
一个URL一般由下列3部分组成。
协议(或服务方式)。
存有该资源的主机IP地址(有时也包括端口号)。
主机资源的具体地址,如目录和文件名等。
语法如下:
protocol://machinename[:port]/directory/filename
Protocol:访问该资源所采用的协议,即访问该资源的方法,常用网络协议包括以下7种。
http://:超文本传输协议,表示该资源是HTML文件。
ftp://:文件传输协议,表示用FTP传输方式访问该资源。
gopher://:表示该资源是Gopher文件。
news::表示该资源是网络新闻(不需要两条斜杠)。
mailto::表示该资源是电子邮件(不需要两条斜杠)。
::协议的互动会话(不需要两条斜杠)。
file://:表示本地文件。
machinename:表示存放该资源的主机的IP地址,通常以字符形式出现,例如,t。其中,port是服务器在该主机所使用的端口号,一般情况下不需要指定,只有当服务器使用的不是默认的端口号时才指定。
directory和filename:该资源的路径和文件名。
例如:http://news./s2005/。
这个URL表示搜狐路径及文件名取决于该。
路径包括3种基本类型:绝对路径、相对路径和根路径。
绝对路径
绝对路径就是被链接文件的完整URL,包括所使用的传输协议(对于网页通常是http://)。例如,http://news./。在设置外部超链接(从一个网站的网页链接到另一个网站的网页)时必须使用绝对路径。这与本地计算机中绝对路径、相对路径概念类似。
相对路径
相对路径是指以当前文件所在位置为起点到被链接文件经由的路径。例如,dreamweaver/ 。在把当前文件与处在同一文件夹中的另一文件链接,或者把同一网站下不同文件夹中的文件相互链接时,即可使用相对路径。
当设置网站内部超链接(同一站点内一个文件与另一个文件之间的超链接)时,一般可以不用指定被链接文件的完整URL,而是指定一个相对于当前文件或站点根文件夹的相对路径。
如果要把当前文件与同一文件夹中的另一文件链接,只要提供被链接文件的文件名即可,例如,filename。
如果要把当前文件与一个位于当前文件所在文件夹中的子文件夹中的文件链接,就需要提供子文件夹名、斜杠和文件名,例如,subfolder/filename。
如果要把当前文件与一个位于当前文件所在文件夹的父文件夹中的文件链接,则要在文件名前加上“../”(“..”表示上一级文件夹),例如,../filename。
如果在没有保存的网页上插入图片或增加链接,Dreamweaver会暂时使用绝对路径。保存网页后,Dreamweaver会自动将绝对路径转换为相对路径。当使用相对路径时,如果在Dreamweaver中改变了某个文件的存放位置,不需要手动修改链接路径,Dreamweaver会自动更新链接的路径。
根路径
根路径是指从站点根文件