《Dreamweaver CS3网页设计与制作教程 第2版 教学课件 ppt 作者申莉莉教案第6章》由会员分享，可在线阅读，更多相关《Dreamweaver CS3网页设计与制作教程 第2版 教学课件 ppt 作者申莉莉教案第6章（15页珍藏版）》请在金锄头文库上搜索。
1、第6章 建立链接,案例1：带链接的网页,【案例目的】为文字和图片创建链接，效果如图所示。 【核心知识】使用不同方法为文字和图片创建链接。,1使用属性面板创建链接,是最常用的一种方法，使用“属性面板”可以把当前文档中的文本或图像链接到另一个文档。 （1） 选择需要创建链接的文本或图像，例如选择文字“灌高人物”如图所示,1使用属性面板创建链接,（2） 在“属性面板”的“链接”中输入要链接到的文件名称如图所示。,1使用属性面板创建链接,（3） 或单击浏览文件图标打开“选择文件”对话框，选择要链接的文件“people.htm”，如图所示,1使用属性面板创建链接,（4） 选择链接文档的载入方式，如图所示
2、选择“_blank”方式。,2使用指向文件图标创建链接,（1） 在文档窗口选择文档或图像，例如选择图像“灌高人物”如图6-2所示。 （2） 在“属性面板”中，拖动链接域右边的指向文件图标，按住鼠标左键并拖动连向“站点面板”中的一个文档，如“people.htm”。如图所示。 （3） 释放鼠标左键，链接被创建，在属性面板的链接地址框中出现已链接的地址即可。,3直接为页面元素创建链接,（1） 在文档窗口选择文本，按住Shift键，在选定的文本上拖动鼠标指针，拖动时指向文件图标出现，如图所示： （2） 指定链接到目标，例如链接到“people.htm”，释放鼠标，链接被建立，链接创建成功。 提示：给
3、图像建立链接的方法与上相同。,案例2：锚点链接,锚点是指在文档中设置位置标记，并给这些标记命名，以便于引用。通过创建锚点，可以设置当前文档或不同文档内容的链接，锚点一般用于跳转到特定的主题或文档的顶部，使访问者能够快速浏览到选定的位置，加快信息检索的速度。 （1） 在文档窗口中，将光标置于需要创建的锚点的位置。选择“查看”菜单下“可视化助理”中的“不可见元素”命令，显示即将要创建的锚点。 （2）使用“插入记录”菜单下的“命名锚记”命令或Ctrl+Alt+A快捷键创建一个命名锚点，或者也可以单击“插入栏”上“命名锚记”按钮，创建一个命名锚点。 （3） 选择要建立链接的文本或图像，在链接地址栏录入
4、#锚点名。,案例3：设定图片热点链接,图片热点链接就是在一个图片中创建多个链接的功能。在图片的不规则部分上创建链接时，可以有效使用该功能。图片热点链接是将整张图片作为链接的载体，将图片的某一部分设置为链接，这些链接区域就是所谓的热点。 在网页中文字作为超链接的触发点是网页上创建链接的主要方式，Dreamweaver CS3允许使用图像或图像中的某些区域来创建超级链接。假若有一幅图像，像平时用的地图一样，可以把它分为若干区域，每个区域对应不同的URL，这便是影像地图。影像地图是一幅被划分为若干区域或“热区”的图像，单击“热区”时即可显现其链接的影响地图。,案例3：设定图片热点链接,使用“图像属性
5、面板”可以以图形方式方便地创建客户端影像地图，操作步骤如下： （1） 选择要编辑图像，在“属性面板”右下角的“地图”中输入影像地图名。如果在同一文档使用多个影像地图则必须每个地图起一个惟一的名称。 （2）执行下面操作之一，可以定义影像地图的热区： 选择矩形工具，在选定图像上拖动鼠标指针，创建矩形热区。 选择圆形工具，在选定图像上拖动鼠标指针，创建圆形热区。 选择多边形工具，在选定图像上每个转折点单击一次，定义一个不规则的热区。单击箭头工具，结束多边形的定义。 （3） 当编辑好的热区被选中后在四周出现方块，没有被选中的则无方块。,案例3：设定图片热点链接,（4） 在“热区检查器”中，单击文件夹图
6、标，浏览并选取当热区被选中时要打开的文件，单击“确定”按钮或在“链接”直接输入文件名。 （5） 在“热区检查器”中的“目标”栏中“_self”方式链接的文档在当前窗口或框架中打开，“_blank”是将被链接文档载入到新的未命名浏览器窗口中，“_parent”是将被链接文档载入到父框架集或包含该链接的框架窗口中，“_top”是将被链接文档载入到整个浏览器窗口并删除所有框架。 （6） 在“替代”框为所定义的热区输入替代的文本，供文本浏览器显示。当用户在热区上暂停鼠标时显示替代的文本。 （7） 要在影像地图中选择多处热区，在保持整幅图像被选择的状态下，按住Shift键单击想选择的其他热区或按Ctrl
7、+A组合键选择。,案例4：设置email链接,在网页上创建电子邮件链接，可以方便用户意见反馈。当浏览者单击电子邮件链接时，可打开浏览器默认的电子邮件处理程序，收件人邮件地址被电子邮件链接中指定的地址自动更新，无须浏览者手工输入。 1. 使用菜单选项：选择主菜单中的“插入记录”选项中的“电子邮件链接”，出现电子邮件对话框，填写链接文本和email内容。 2. 用“插入面板”中的“常用”中的“电子邮件链接”：选择“插入面板”中的“常用”中的“电子邮件链接”如图所示。 单击“电子邮件链接”按钮，出现电子邮件对话框，填写链接文本和email内容。 3. 使用“属性检查器”为对象加电子邮件链接：选中所要链接的文本或图像，在“链接”栏中输入邮箱地址mailto:邮箱地址，即对所选文本或图像建立链接。,检查管理链接,当用户在设计整个网站或一个大型网站时，可能会由于链接较多，有时会出现链接中断或链接错误的情况，在对整个站点进行拷贝、粘贴等操作时，改变原来的URL路径设置后这更是经常会发生的错误。若想避免这种错误就必须进行链接的检查。 （1） 在“站点”栏中选择“检查站点范围内的链接”如图所示,检查管理链接,（2） 单击后系统要经过一段时间自动完成站点中链接的检测，并将检查结果显示出来，如图所示。这时读者可以根据里面出现的错误，如断掉的链接对网页进行修改。,
