DreamweaverCS3，FlashCS3，FireworksCS3网页制作培训教程第1课 Dreamweaver CS3基础.pptVIP

1.4.2 典型案例——制作简介页 案例小结 本例制作了一个简介页面，主要介绍了在文档中设置文本字号与颜色，以及插入背景图像和设置标题等操作。如果不要求图像的大小准确无误，用户也可以通过拖动选取图像时出现的控制点来调节图像的大小。 1.5 超链接的应用 超链接是支持网页跳转的技术之一。单击创建了超链接的文本或图像后，即可跳转到相应的页面。 1.5 超链接的应用 1.5.1 知识讲解 1.5.2 典型案例——为个人主页添加超链接 1.5.1 知识讲解 本节将介绍超链接类型及各类型超链接的创建方法。 1.5.1 知识讲解 1. 绝对超链接和相对超链接 2. 文本与图像链接 3. 热点链接 4. 锚记链接 5. 邮件链接 1. 绝对超链接和相对超链接 超链接根据链接的对象路径是否必须输入完整，可分为绝对超链接和相对超链接两种。 绝对超链接必须从计算机的盘符开始或从服务的根目录开始往下一直到指定的文件，如file:///C:/Documents and Settings/lfg-jj/Cookies/lfg-jj@interactual[1].txt或网址http:// /web/jian.html。如果要调用计算机中其他位置的文件，或希望链接到其他网站上的内容时，就必须使用绝对超链接。 1. 绝对超链接和相对超链接 相对超链接用于站点内的文件链接。只需要写出链接文件与当前文件路径中不同的部分即可。当链接文件和目标文件位于同一目录时，只需指出目标文件名即可，如jian.html。如果不是在同一个目录下时，必须把不同的层次结构指出，每向上进一级目录，就用一个“/”符号分隔，直到处于同一级目录为止，如img/line.jpg（相对文档，与img同级）、../img/4.JPG（相对文档，但在与img同级的一个目录中）或/img/line.jpg（相对站点根目录）。 2. 文本与图像链接 文本链接的对象是文本，图像链接的对象是图像，不论是文本还是图像，链接方法都是相同的，具体操作如下： （1）选取要添加超链接的文本或图像。 （2）在【属性】面板的【链接】下拉列表框（选择图像时则为【链接】文本框）中输入要链接到的文档路径或网址。 2. 文本与图像链接 （3）在【目标】下拉列表中指定链接后文档的打开方式，有“_blank”、“_self”、“_parent”和“_top”4种。其中，“_blank”方式表示在新窗口中打开目标网页；“_self”方式表示在当前窗口中打开目标网页；“_top”方式表示在顶层窗口中打开目标网页，常用在框架网页中；“_parent”方式表示在有框架存在的情况下，指定链接的内容在父框架中打开。 3. 热点链接 热点链接是为图像中的某区域创建超链接。热点链接的具体操作如下： （1）选取图像，在【属性】面板中选择 、 或 工具，在图像中要创建链接的位置绘制热区。 （2）选取一个热点，【属性】面板如下图所示。 【链接】文本框中有“#”符号，表示该热区的 超链接为空链接，拖动 图标与站内文件建立 链接，或输入链接路径即可。 3. 热点链接 （3）在【目标】下拉列表框中指定链接文件打开的方式。 4. 锚记链接 锚记是文档中用于定位的一种特殊标记。利用锚记创建的超链接，可以既快速又准确地跳转到目标位置。创建锚记链接的具体操作如下： （1）将鼠标光标定位在要插入锚记的位置。 （2）在插入栏的【常用】选项卡中单击 按钮，打开【命名锚记】对话框。 4. 锚记链接 （3）在【锚记名称】文本框中输入一个名称。锚记名称不能包含空格，且不能置于AP元素内。 （4）单击【确定】按钮，锚记 显示在鼠标光标处。 （5）选取文本、图像或热点，在【链接】文本框中输入“#锚记名称”，即如果锚记名称为“top”，则链接为“#top”，如果要在不同的文档间做锚记链接，需要先按相对链接或绝对链接的方式写出链接路径后再输入“#锚记名称”，如“jie1.html#top”。 5. 邮件链接 邮件链接即E-mail链接，主要是为了方便访问者进行邮件的发送操作。在制作网页时，常写出E-mail信息并添加超链接，让访问者通过单击该超链接，即可书写并发送邮件。 创建邮件链接的方法为：选取邮件地址，在【链接】文本框中输入“mailto:邮件地址”，如“mailto:richy_li@163.com”。 1.5.2 典型案例——为个人主页添加超链接 案例目标 本案例将为个人主页添加超链接。主要介绍给文本、热点和锚记添加超链接的方法，效果如右图所示。 1.5.2 典型案例——为个人主页添加超链接 操作思