第四章网页元素的运用研讨.pptVIP

二、路径 1.绝对路径 绝对路径是指包含了协议名和域名并含有文件名及文件夹名的完整的链接路径。 2.相对路径 相对路径是省略掉对于当前文档和所链接的文档都相同的绝对路径部分，而只提供不同的路径部分。 三、链接目标 三、链接目标 所谓链接目标，就是超链接中单击链接文字或图像，可以到达的目标文件，这个文件一般是网页，但也可以是mp3、jpg等其他的图像格式或多媒体文件格式。 第五节 创建超链接 一、创建文本超链接 一、创建文本超链接 选择要创建超链接的文本。然后，执行下列操作之一； 在属性面板中的“链接”文本框中直接输入链接文件的路径。 单击属性面板中的“链接”文本框右边的“文件夹”图标，在弹出的“选择文件”对话框中选择链接文件。 将属性面板中“链接”文本框右边的“指向文件”图标拖到链接文件上，释放鼠标左键即可。 二、创建图像超链接 二、创建图像超链接 选择要添加超链接的图像。然后执行下列操作之一： 在属性面板中的“链接”文本框直接输入路径。 单击属性面板中的“链接”文本框后面的“文件夹”框后面的“文件夹”图标，在弹出的“选择文件”对话框中选择链接文件。 将“属性”面板中“链接”文本框后面的“指向文件”图标拖到链接文件上，释放鼠标左键即可。 三、创建图像地图 三、创建图像地图 创建图像地图的操作步骤如下： （1）在文档窗口中，选择要创建图像地图的图像。 （2）在属性面板中，单击右下角的展开箭头，可以查看到图像地图的属性。 （3）在“地图名称”文本框中为该图像地图输入唯一的名称。 （4）执行下列操作之一： 选择圆形工具，创建一个圆形热点。 选择矩形工具，创建一个矩形热点。 选择多边形工具，定义一个不规则形状的热点。 创建热点后，出现热点属性面板。 （5）在热点属性面板中设置热点属性。 在热点属性面板的“链接”文本框中，单击文件夹图标，在打开的对话框中选择用户单击该热点时要打开的文件，或者输入此文件的名称。 在“目标”下拉列表框中选择文件打开的窗口。 在“替换文本”文本框中，设置图像无法显示时，用于替代图像的文本。 （6）完成图像地图的绘制后，在该文档的空白区域单击即可。 四、创建电子邮件超链接 四、创建电子邮件超链接 创建电子邮件链接的操作步骤如下： （1）把光标定位在页面中。 （2）单击插入栏“常用”类别中单击“电子邮件链接”按钮 ，弹出“电子邮件链接”设置对话框。 （3）在“文本”文本框中，输入要在文档中作为电子邮件链接出现的文本。 （4）在“电子邮件”文本框中，输入该邮件将发送到的电子邮件地址。 （5）单击“确定”按钮。 五、制作导航栏 五、制作导航栏 创建导航条的操作步骤如下： （1）执行下列操作之一： 执行“插入”→“图像对象”→“导航条”命令。 在插入栏的“常用”类别中，单击“插入导航条”按钮 打开“插入导航条”对话框。 五、制作导航栏 （2）在“插入导航条”对话框中设置各选项。 单击加号（+）按钮向导航条添加另一个项目 输入导航条项目的名称 选择最初显示的图像 选择鼠标滑过图时所切换显示的图像 选择用户单击项目后显示的图像 选择当用户将鼠标指针滑过按下图像时所显示的图像 当用户将鼠标指针滑过导航条项目时显示替换文本 选择要打开的链接文件 （3）单击“确定”按钮，即制作完成。 THE END 网页设计与制作 学时：60学时 第四章 网页元素的运用 了解：Dreamweaver CS4中文字的创建 熟练掌握：掌握Dreamweaver CS4中图像的插入；掌握Dreamweaver CS4中Flash动画的插入；掌握超链接的相关内容。 掌握：掌握在网页中添加各种文本的方法；掌握插入图像、多媒体对象的方法；创建各种超链接的方法。 第一节 添加文本内容 一、添加文本 一、添加文本 在Dreamweaver中添加文本有以下3种方式： 1.直接输入文本 在Dreamweaver的文档窗口中，直接输入文本，这种方式只适合输入短文本。 2.复制粘贴文字 当从其他网页或Word等软件中复制文本时，先在记事本程序中粘贴文本，再在Dreamweaver中进行粘贴。 3.执行“编辑”→“选择性粘贴”命令 从其他网页或Word等软件中复制文本后，在Dreamweaver中执行“编辑”→“选择性粘贴”命令，在弹出的对话框中选择“仅文本”选项，按“确定”即可。 二、设置文本格式 二、设置文本格式 使用属性面板中的“格式”下拉列表框或“格式”→“段落格式”子菜单可以应用标准段落和标题标签。 若要应用段落或标题标签，可执行以下操作： （1）将插入点放在段落中，或者选择段落中的一些文本。 （2）使用“格式”→“段落格式”子菜单或在属性面板中的“格式”下拉菜单中选择一个选项。 三、插入列表 三、插入列表 1.创建新列表