边用边学Dreamweaver网页设计与制作教学课件 作者 李彪 杨仁毅 第7章.pptVIP

边学边用Dreamweaver CS4网页制作 教师： 职务： ——教育部实用型信息技术人才培养系列教材 第7章 层与超级链接 学习目标： 网页要成为网络中的一员，都是超级链接的功劳，如果没有超级链接，它就成了孤立文件，无人问津。因此要学习网站设计先应学习好超级链接的建立。本章就介绍了层与超级链接在网页中的应用。希望读者通过本章内容的学习，能掌握层的创建方法与基本操作，以及超级链接的创建方法等知识。 第7章 层与超级链接 本章知识点： 层的特点 层的基本操作 超级链接 使用层创建网页特殊文字效果 运用电子邮件链接与下载链接创建网页 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 第7章 层与超级链接 * 7.1 层的特点 层在网页中有以下几个特点： （1）层的可浮动性 （2）层的可隐藏性 （3）层的可重叠性 （4）层的可剪切性 （5）层的可滚动性 7.2 层的基本操作 层是一种HTML页面元素，也叫AP元素，可以将它定位于页面上的任意位置。层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。 7.2.1 创建层 7.2.2 设置层参数 使用“首选参数”对话框中的“AP元素”类别选项可确定层的默认设置。执行“编辑→首选参数”命令，打开“首选参数”对话框。 7.2.3 层面板 “层”面板也叫“Ap元素”面板，通过“层”面板可以管理文档中的层，防止层重叠，更改层的可见性，以及选择多个层。 7.2.4 编辑层 1．选择层 2．选择多层 3．移动层 4．对齐层 5．重设层的大小 7.3 超级链接 超级链接简称超链接，它是网页中用于从一个页面跳转到另一个页面或从页面中的一个位置跳转到另一个位置的途径和方式。 7.3.1 URL简介 URL（Universal Resource Location）中文翻译为统一资源定位器。URL是Internet上用来描述信息资源的字符串。一个URL分为3个部分：协议代码、装有所需文件的计算机地址和主机资源的具体地址。 7.3.2 超级链接路径 一个站点中经常遇到的有以下3种类型的文件路径： 1．绝对路径 2．相对文档路径 3．相对站点链接 7.3.3 网站内部链接 一个网站通常会包含多个网页，各个网页之间可以通过内部链接使得彼此之间产生联系。在Dreamweaver中，可以为文本或图片创建内部链接。 7.3.4 网站外部链接 网站的外部链接就是指用户将自己制作的网页与Internet建立的链接。 7.3.5 创建电子邮件链接 电子邮件链接是一种特殊的链接，使用mailto协议。在浏览器中单击邮件链接时，将启动默认的邮件发送程序。 7.3.6 创建空链接 我们有时制作网页只是为了测试一下页面，只要文本、图片等像是被加上了超级链接。这时，我们就需要创建空链接。 7.3.7 创建下载链接 当用户希望浏览者从自己的网站上下载资料时，就需要为文件提供下载链接。网站中的每一个下载文件必须对应一个下载链接。 7.4 应用实践 任务1——使用层创建网页特殊文字效果 Dreamweaver CS4不是一个文字编辑软件，也不能直接在图片上输入宣传文字。要在图片上制作特殊文字效果，可以首先在网页中插入层，然后在层中输入宣传文字，最后通过复制并移动层来完成。完成后的效果如下图所示。 7.4 应用实践 任务2——运用电子邮件链接与下载链接创建网页 本例首先插入表格，再在表格中插入图像，然后通过表格与嵌套表格来制作网页主体部分，最后通过创建电子邮件链接与下载链接来实现用户在网站上下载产品资料和给公司客服部门发送邮件的效果。完成后的效果如下图所示。 7.5 知识拓展 7.5.1 脚本链接 脚本链接执行JavaScript代码或调用JavaScript函数。它非常有用，能够在不离开当前网页的情况下，为访问者提供有关某项的附加信息。脚本链接还可用于在访问者单击特定项时，执行计算、表单验证和其他处理任务。 *