第4章创建网页链接.ppt

《网页制作基础教程（Dreamweaver CS4）》电子教案;第四章　建立网页链接;第四章　建立网页链接;4.1 编织网站链接—足球新闻;4.1 编织网站链接—足球新闻;4.1 编织网站链接—足球新闻;1、创建内部链接 　　－－网站内部页面之间创建相互链接关系 步骤1　选中页面中的文字或图像，在属性面板中单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件 步骤2　从“目标”下拉菜单中，选择文档的打开位置。 _blank :新打开的空窗口 _parent：如果是嵌套的框架，则在父框架中打开。 _self：会在当前网页所在的窗口或框架中打开。 _top：会在完整的浏览器窗口中打开。;2、创建外部链接 　　－－创建链接到绝对地址的外部链接 选中文字或图像之后，直接在属性面板的“链接”文本框中输入外部的链接地址，如 然后在“目标”下拉菜单中设置这个链接的目标窗口。;3、创建E－mail链接 　　－－当浏览者单击电子邮件链接时，可即时打开浏览器默认的电子邮件程序处理程序。 　方法： 选中文本和图像 插入栏｜常用｜电子邮件链接｜输入邮件地址 或在属性面板的链接栏中直接输入 　　　　　;4、锚点链接 　　－－是指同一个页面中的不同位置链接。 分为两步： 创建命名锚记，就是在文档中设置位置标记，并给该位置一个名称，以便引用。 创建到命名锚记的链接;创建命名锚记 将光标定位在要设置标记的位置， 插入栏｜命名锚记｜输入锚记名称（注意：区分大小写） 创建到命名锚记的链接 选择要创建链接的文本或图像 在属性面板的链接文本框中，键入＃号和锚记名称 或在浏览对话框中，选中要链接的文件后加＃和锚记名称。;5、创建其他类型的链接 （1）创建下载链接 当被链接的文件是exe文件或zip文件等浏览器不支持的类型时，这些文件会被下载，这就是网上下载的方法。 链接到下载文件的方法，和链接到网页的方法完全一样。;5、创建其他类型的链接 （2）、创建空链接 空链接用来激活页面中的对象或文本。当文本或对象被激活后，可以为之添加行为。 方法：选中要制作空链接的对象，在链接文本框中直接输入＃。 在一般站点首页的导航栏中的首页链接，就可以是一个空链接;6、创建跳转菜单 跳转菜单是文档中的弹出式菜单，可以创建到可在浏览器中打开的任何文件类型的链接。 方法： 插入栏｜表单｜跳转菜单 在“插入跳转菜单”对话框中，单击＋号添加菜单项 在“选择时。转到URL”文本框中，输入该文件的路径。;7、创建图像地图 图像地图指已被分为多个区域（热点）的图像。当用户单击某个热点时，会发生某种操作。 方法： 选中图像 在图像属性面板中，使用热区工具（矩形、椭圆、多边形），在图像上划分热区。 为绘制的每一个热区设置不同的链接地址和替代文字。;4.2 超链接概述 ;4.2 超链接概述 ;4.2 超链接概述 ;4.2 超链接概述 ;4.2.4 插入导航条 导航条中按钮图像的状态根据浏览者的鼠标动作而改变。 方法： 1、将光标放到要插入导航条的位置； 2、选择插入|图像对象|导航条命令 ； 3、或选择插入|常用|图像|导航条命令。;4.3.1 自动更新链接 在首选参数对话框中设置自动更新 选择“编辑”|“首选参数”命令，打开“首选参数”对话框，在“移动文件时更新链接”选项的下拉列表中进行选择。 总是——每当移动或重命名选定文档时，Dreamweaver将自动更新该文档的所有链接。 提示——将显示一个提示对话框，列出更改影响到的所有文件，以进行进一步选择，系统默认的选项是“提示”。 ;4.3.1 自动更新链接 在“站点定义”对话框中设置缓存 Dreamweaver创建缓存文件，主要用以存储有关本地文件夹中所有链接的信息，可以加快更新过程。 选择“站点”|“管理站点”命令，出现“编辑站点”对话框。选择一个站点，然后单击“编辑”按钮，出现“站点定义”对话框。 “高级”|“本地信息”。 在“本地信息”选项组中，选择“启用缓存”复选框。 注意：启动Dreamweaver之后，第一次更改或删除指向本地文件夹中文件的链接时，Dreamweaver会提示载入缓存。 ;4.3.2 在整个站点范围内更改链接 ① 在“文件”面板中选择一个文件，如果更改电子邮件链接、FTP链接、空链接则不需要选择文件。 ② 选择“站点”|“改变站点范围内链接”命令，出现“更改整个站点链接”对话框， ③ 单击“确定”按钮，会出现“更新文件”对话框，其中列出了需要更新的链接文件，单击“更新”按钮。 ;4.3.3 查找断开的、外部的和孤立的链接 检查当前文档中的链接 ① 将此文件保存在本地站点中的某个位置。 ② 选择“文件”｜“检查页”｜“链接”命令。 ③ 在“链