网页设计与制作第2章 dreamweaver MX基本操作.ppt

2.5创建网站相册 用Dreamweaver用制作电子相册，实际上通过JavaScript调用Fireworks来处理一系列的图像，自动为图像创建，并自动完成缩略图与原始图片的链接。在创建电子相册前，要先作一些准备工作，在站点根目录下建立两个文件夹，一个用来存放原始图片，我们假设为“firstpic”，另一个用来存放处理后的图像，假定为“secondpic”。并把原始图片放在firstpic下，原始图片的格式应为GIF或JPEG格式。 2.6 超级链接 1.本地链接 对同一台机器上的不同文件进行的链接称为本地链接。 超级链接是网页中最重要的元素，是Internet的中流砥柱。没有链接，网页之间失去了联系，也就不能称为网。通过链接我们可以从一个网站转到另一个网站，也可从一个页面转到另一个页面，或在同一个页面中移动。链接的形式有很多种，对链接的样式也可进行各种设置，但是，无论它们的动作或样式是怎样的，大多数链接都是创建一点到另一点的路径。网页中链接的路径有3种： 绝对路径（URL）（例如： ） 文档相对路径 （例如：/newchanping.htm） 站点根目录相对路径（例如：/chanping/newchanping.htm） 2.6 超级链接 绝对地址和相对地址 绝对地址：是指能够绝对搜寻某一具体文件的地址；如　； 如c:\myweb\index.htm　　等都是绝对地址。 相对地址：相对于当前页面而言，搜寻某一页面所需的路径。如URL为home.htm　时，说明超链接到当前网页所在目录下的一个名为?home.htm的网页文件；若ＵRL为wwwroot/home.htm时，说明超链接到当前网页文件所在目录的下一级目录wwwroot下的名为home.htm的网页文件；若URL为../wwwroot/home.htm的网页文件，说明超链到当前网页文件所在目录同一级的另外一个名为wwwroot目录下的名为homt.htm的网页文件。 提醒：在网站设计中，网站内部的链接和文件调用均要采用相对地址链接，否则当网站发生迁移（网站上传或拷贝到其他磁盘）时，网站内部的链接会出现中断，有些图片文件会无法显示。 2.6 超级链接 其实以上链接都是网页的统一资源定位（URL），只不过后两种路径将URL的通信协议和主机名省略掉了。后两种路径必须有参照物：一种是以文档为参照物，另一种是以站点的根目录为参照物。当目标页面在站点之外，使用绝对路径；在站点内创建的本地链接都是文档相对路径（文档对文档）。站点根目录相对路径则比较少用。 2.6 超级链接 2.URL链接 如果链接的文件在其他服务器上，就要弄清 我们所指向的文件是采用哪一种URL地址。 URL的意思是统一资源定位器，通过它可以 以多种通信协议与外界沟通来存取信息。 URL链接的形式是： 协议名：//主机域名/路径/文件名。 其中协议包括：F ile（本地系统文件 ）、 http(www服务器)、FTP(ftp服务器)、 telnet( 基于telnet的协议)、mailto(电子邮件)、news(usenet新闻组) 2.6 超级链接 2.URL链接 例如： telnet:// mailto:lundy@126.com 2.6 超级链接 2.6.1 创建文本链接 2.6.2 创建电子邮件链接 2.6.3 链接到命名锚记 2.6.4 空链接 2.6.5 创建图像链接 2.6.6 图像映射 2.6.1 创建文本链接 大多数Web页面都包含超文本链接，默认情况下，文本链接的地方会出现下划线，而且最开始呈现为蓝色文本，以后，当目标页面被访问过后，访问后的文本链接呈现为紫色。当在浏览器中单击文本链接时，链接暂时会变成红色或其他颜色，表示这是一个可激活的链接。通过在【页面属性】的设置可以改变链接的默认颜色，也可使用层叠样式表（CSS）控制链接的外观。现在我们来介绍文本链接方法。 2.6.1 创建文本链接 1、添加文本链接 创建链接，相当于在文本中插入标签a……/a。 创建链接有两种方法，一种是选择法，另一种是指向法。 具体步骤如下： (1) 打开如图2-15所示页面，选定要链接的文本“产品中心”。单击【属性】面板浏览图标，打开【选择文件】对话框 2.6.1 创建文本链接 (2) 选择要链接的文件名，在【URL】的文本框中会自动产生链接路径。选择链接文件相当于链接标签中的href属性，该属性是链接必不可少的。 (3) 【相对于】文本框中的两个选项：【文档】、【站点根目录】。【文档】选项和【站点根目录】选项都是使用相对路径的链接，但两者的参照物不同。 选择【文档】选项，是使用当前文档作