周欣然《网页设计技术与应用》第4章　网页超链接 2013.pptVIP

第4章　网页超链接 4.1 编织网站链接—足球新闻 4.2?? 超链接构成及类别 4.3 管理超链接 4.1 编织网站链接—足球新闻 1 案例综述 “足球新闻”网页中的超链接 4.1 编织网站链接—足球新闻 2 实现步骤 1）准备网页内容 将素材文件夹中的相关文档复制到站点文件夹下。 2） 创建超链接 4.1 编织网站链接—足球新闻 3) 锚点链接 　　指同一个页面中的某位置，或其他页面中的某位置。 分为两步： 4.1 编织网站链接—足球新闻 4）E－mail链接 　　当浏览者单击电子邮件链接时，可即时打开浏览器默认的电子邮件程序处理程序。 　步骤： 选中文本和图像 插入栏｜常用｜电子邮件链接｜输入邮件地址 或在属性面板的链接栏中直接输入　　　　 4.1 编织网站链接—足球新闻 5) 下载链接 当被链接的文件是exe文件或rar文件等浏览器不支持的类型时，这些文件会被下载，这就是网页上下载文件的方法。 创建方法和链接到网页的方法完全一样。 4.1 编织网站链接—足球新闻 8） 跳转菜单 弹出式菜单，每一菜单项上有一链接。 DreamWeaver内置组件：下拉式列表框+JavaScript代码 操作方法： 插入栏｜表单｜跳转菜单 在“插入跳转菜单”对话框中，单击＋号添加菜单项 4.2 超链接构成及类别 4.2 超链接构成及类别 网页路径 （图片路径表示方法相同） 1）绝对路径：在链接中使用完整的URL地址。 a href=“/index.htm”中南大学/a 2）相对路径：相对于网页文件（位于当前目录）的位置 当前目录的文件引用方式： href=“*.*” …………的下级目录： href=“下级目录名/*.*” ………… 的上一级目录： href=“ ../当前文件夹名/*.*” 3）基于站点根目录的路径：以站点的根目录为参考点，用一个斜线“/”表示根目录。(要在web服务器上运行) 根目录的文件引用方式： href=“/*.*” …………的下级目录： href=“/下级目录名/*.*” 4.3 管理超链接 1 自动更新链接设置 在首选参数对话框中设置自动更新。 选择“编辑”|“首选参数”命令，打开“首选参数”对话框，在“移动文件时更新链接”选项的下拉列表中进行选择。 总是——每当移动或重命名选定文档时，Dreamweaver将自动更新其他文档中指向该文档的所有链接。 提示——将显示一个提示对话框，列出更改影响到的所有文件，以进行进一步选择，系统默认的选项是“提示”。 4.3 管理超链接 2 更改链接 1） 移动、更名文档时更新链接 如果对站点中的文档要进行移动、更名操作，Dreamweaver CS5会弹出“更新文件”对话框，点击“更新”按钮，则会修改文本框中文件的链接；点击“不更新”按钮，则不会修改文本框中文件的链接。 4.3 管理超链接 2) 改变链接 直接修改超链接（在编辑源文件的窗口） 使用菜单命令更改超链接 在“文件”面板中选择一个文件，如果更改电子邮件链接、FTP链接、空链接则不需要选择文件。 选择“站点”|“改变站点范围内链接”命令，出现“更改整个站点链接”对话框， 4.3 管理超链接 3 删除链接 1) 使用菜单命令删除超链接 点击“修改”菜单，选择“移除链接”命令，或者按Ctrl+Shift+L组合键即可删除或者取消一个超链接。 2) 使用快捷菜单删除超链接 点击鼠标右键，在弹出的子菜单上选择“删除标签a”命令即可删除超链接。 3) 使用属性面板删除超链接 单击属性面板中的“链接”下拉列表框，使之呈现为选择状态，按Delete键删除原来的链接地址即可。 4.3 管理超链接 4 检查链接 1) 检查当前文档中的链接 ① 在“文件”面板中，从“当前站点”弹出菜单中选择一个站点。 ② 在“本地”视图中，选择要检查的文件或文件夹。 ③ 选择“文件”｜“检查页”｜“链接”命令，或右键单击一个选定的文件，然后从上下文菜单中选择“检查链接”｜“选定的文件/文件夹”。 ④“断开的链接”报告出现在“链接检查器”面板中. ⑤在“链接检查器”面板中，从“显示”弹出菜单中选择“检查站点中所选文件的链接”以查看其结果报告. 4.3 管理超链接 5 修复断开的链接 1) 在链接检查器面板中修复链接 ① 运行链接检查报告。 ② 在“链接检查器”面板（在“结果”面板组中）中的“断开的链接”列（而不是“文件”列），选择该断开的链接。 ③ 单击断开的链接旁边的文件夹图标 ，以浏览到正确文件，或者键入正确的路径和文件名。 ④ 如果还有对同一文件的其它断开引用，会提示