第4章网页超链接2013题材.ppt

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