第8章 超链接、模板和库.ppt

第 8 章 超链接、模板和库 8.1 【案例 37】“中国名胜图像浏览 6”网页 相关知识 超链接是网络中的重要内容。有了超链接，用户在浏览网页时，就可以方便地跳转到所要浏览的页面。在网 页中可以使用超链接来跳转到其他网页，可以跳转到当前网页或其他网页的某一个位置，还可以使用超链接打开 电子邮件程序来编辑电子邮件。 Dreamweaver 提供多种创建超文本链接的方法，可以创建链接到网页文档、图像、动画或可下载软件的链接 等。根据创建链接的对象不同，超链接可分为图像链接（包括 GIF 动画对象）、文本链接、按钮表单链接三种， 根据链接到目标点的位置和方式不同可分为外部链接（网站与网站之间）、内部链接（同一网站内）、局部链接（网 页内指定位置）和电子邮件链接四种。 创建与管理链接的方法有多种。用户可以创建一些指向尚未建立的页面或文件的链接，再创建链接的页面或 文件，使用这种方法可以快速添加链接，而且可在实际完成所有页面之前对这些链接进行检查。也可以先创建所 有页面和文件，再添加相应的链接。 1．利用“属性”栏创建链接 （1）利用“属性”栏内“链接”文本框和其右侧的 按钮创建链接，拖动选中源文件中要链接的文字或单击 选中要链接的图像等对象。然后，单击“属性”面板中的“链接”右侧的文件夹按钮 ，弹出“选择文件”对话 框，利用该对话框选择要链接的 HTML 文件或图像文件（即目标文件）。也可以直接在“链接”文本框内输入要链 接的网页文件或图像文件的路径与文件名。使用路径时一定要注意相对路径与绝对路径的使用方法，最好使用相 对路径。 （2）利用“属性”栏内“链接”文本框右侧的指向图标 创建链接，同时打开要建立链接的源文件和链接的 目标网页文件，如图 8-1-10 所示，选中建立链接的源文件中的文字或图像等对象（例如，单击选中图 8-1-10 中左边网页中的图像内的圆形热区）。然后，拖动“属性”栏内“链接”文本框右侧的指向图标 ，到图 8-1-10 中右边的网页编辑窗口内。这时会产生一个从指向图标 指向目标文件的箭头，如图 8-1-10 所示。然后释放鼠标 左键，即可完成链接。 图 8-1-10 利用“属性”栏内“链接”文本框右侧的指向图标 建立链接的方法 2．创建电子邮件、无址和远程链接 （1）创建电子邮件链接：电子邮件链接是指在单击电子邮件超链接或图像等对象时，可以打开邮件窗口。在 打开的邮件程序窗口（通常是 Outlook Express）中的“收件人”文本框内会自动填入链接时指定的 E-mail 地 址。在选定源文件页面内的文字或图像后，建立电子邮件链接的方法有两种。具体操作如下： ① 在 其 “ 属 性 ” 栏 的 “ 链 接 ” 文 本 框 内 输 入 ：“ mailto ：” 加 E-mail 地 址 ， 例 如 ：“ mailto ： shendalin2006@”，如图 8-1-6 所示。 图 8-1-11 “电子邮件链接”对话框 ② 单击“插入”（常用）栏内的“电子邮件链接”图标按钮 ，弹出“电子邮件链接”对话框，如图 8-1-11 所示。然后，在“电子邮件链接”对话框内的“文本”文本框中输入链接的超链接，“E-mail”文本框中输入要 链接的 E-mail 地址，例如：“mailto：shendalin2006@”。单击“确定”按钮，即可完成插入电子 邮件链接的操作。 （2）创建无址链接：无址链接是指产生链接，但不会跳转到其他任何地方的链接。它并不一定是针对文本或 图像等对象，而且也不需要用户离开当前页面，只是使页面产生一些变化效果，即产生动感。 这种链接只是链接到一个用 JavaScript 定义的事件。例如，对于大多数浏览器，鼠标指针经过图像或文字等 对象时，图像或文字等对象不会发生变化（能发生变化的事件是 OnMouseOver 事件），为此必须建立无址链接才 能实现 OnMouseOver 事件。在 Dreamweaver CS3 中的翻转图像行为就是通过自动调用无址链接来实现的。建立无 址链接的操作方法是：单击选择页面内的文字或图像等对象，然后在其“属性”栏的“链接”文本框内输入“#” 号。 （3）远程登录：远程登录是指单击页面内的文字或图像等对象，即可链接到 Internet 的一些网络站点上。 远程登录的操作方法是：选择页面内的文字或图像等对象，再在其“属性”栏的“链接”文本框内输入“telnet://” 加网站站点的地址。 3．创建与编辑热区及创建热区链接 图像热区也叫图像映射图，即在源文件内的图像中划定一个区域，使该区域与目标网页文件产生链接。图像 热区可以