《网页制作教案第五单元.docVIP

第五章 链接 Macromedia Dreamweaver MX提供多种创建超文本链接的方法，可创建到文档、图像、多媒体文件或可下载的链接。可以建立到文档内任意位置的文本或图像（包括标题、列表、表、层或框架中的文本或图像）的链接。 若要直观地查看文件是怎样链接在一起的，可使用站点地图。在站点地图中，可以向站点添加新文档、创建和删除文档链接以及检查到相关文件的链接。 链接的创建与管理有几种不同的方法。有些Web设计者喜欢在工作时创建一些指向尚未建立的页面或文件的链接；而另一些设计者则倾向于首先创建所有的文件和页面，然后再添加相应的链接。另一种管理链接的方法是创建代替最终文件的【占位符】页面，使用这种方法可以快速添加链接，还可在实际完成所有页面之前对这些链接进行检查。 本章重点： ●了解链接、路径与锚的使用条件 ●掌握链接的设置方法 ●学会使用特殊链接 ●掌握链接目标的指定 课时教案 （总第 课时 ） 教案内容：课题，教学目标，教学重点、难点、教学流程（教法、学法）， 板书设计，作业设计，教学反思 一、课题 创建文字超链接 二、教学目标 1、了解超链接 2、学会建立文本超链接 三、教学重点 1、超链接简介 2、建立文本超链接 四、教学难点 创建文字超链接 五、教学流程 （一）导入 提问： 1、什么是超链接 2、怎样创建超链接 （二）知识点讲解与操作演示 5.1 创建文字超链接 5.1.1 超链接简介 超链接是WWW技术的核心，是网页中最重要、最根本的元素之一。超链接能够使多个孤立网页之间产生一定的相互联系，从而使单独的网页形成一个有机整体，真正实现网络互连。 1.什么是超链接 所谓超链接是指从一个网页指向一个目标的链接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。在一个网页中用来超链接的对象，可以是一段文本或一个图片。当浏览者单击已经链接的文字或图片后，锭接目标将显示在浏览器上，可根据目标的类型来打开或运行。 按锭接路径的不同，网页中的超链接一般分为3种类型：内部链接、锚点链接和外部链接。 按使用对象的不同，网页中的链接又可以分为文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接和空链接等。 2.合理安排超链接 5.1.2 建立文本超链接 在创建超链接之前，首先了解网站中3种类型的文档路径：绝对路径、根目录相对路径以及文档相对路径。 ●绝对路径:是包含服务器协议(对于网页来说,通常是http://或ftp://)的完全路径。绝对路径包含精确地址而不用考虑源文件的位置。但是如果目标文件被移动，则链接无效。创建外部超链接时，必须用绝对路径。 ●根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。 ●文档相对的路径：是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径，可以用来链接和当前文档处于同一文件夹下的文档。 1.创建文本超链接 创建文本超链接的操作方法如下： （1）在网页上选择需要添加超链接的文本，此时属性面板成为文本【属性】面板，如图所示。 （2）在【属性】面板上指定文本的链接文档，可按以下4种方法指定文本的超链接。 方法一：单击【链接】下拉列表框右侧的文件夹，在弹出的【选择文件】对话框中选择链接的目标文件。 方法二：在【链接】下拉列表框中直接输入目标的绝对路径。如链接到index.htm文档的效果如图所示。 方法三：利用【属性】面板上的【指向文件】按钮，为文字加入超链接。但必须要建立本地站点，且本地站点上还要有文件存在，才能使用此方法。 方法四：执行【修改】｜【创建链接】命令，在打开的【选择文件】对话框中选择被链接的文档。 （3）完成链接文档后，可在【目标】下拉列表框中选择目标文件打开方式。 【目标】表示所链接的目标文件在浏览器中打开的方式，在其下拉列表框中一共有4个选项，如图所示。 ●blank：将目标文件载入到新的未命名浏览器窗口中。 ●parent：将目标文件载入到父框架集或包含该链接的框架窗口中。 ●self：将目标文件载入与该链接相同的框架或窗口中。 ●top：将目标文件载入到整个浏览器窗口并删除所有框架。 设置结束后，在网页中被选择的文字颜色变为蓝色，且在文字底部出现一条下划线，即文字的超链接设置完成，如图所示。 2.编辑文本超链接 一个未被访问过的链接与一个被激活的链接在形式上肯定会有所区别，链接被访问过了也会发生变化，提示用户这是一个已经点击过的链接，所有这些都是链接的状态。通过设置不同的文本颜色可以使各个状态区别开来。 设置文本超