《网页设计与制作》建立网页超链接（1）（举一反三考点练）-课后自测（卷2）

举一反三考点练 《网页设计与制作》建立网页超链接-课后自测 知识点一 超链接类型与适用场景 1.（简答题）请简述“内部链接”与“外部链接”在目标端点及路径表达上的区别。 2.（简答题）说明“锚点链接”在网页中的两个典型应用场景，并写出其 href 基本格式。 3.（简答题）“下载链接”与“空链接”在功能上有何不同？ 4.（简答题）使用“E-mail 链接”时，如何预先填写主题与抄送地址？请写出完整 href 示例。 5.（综合应用题）某中职学校“招生信息网”需在一级页面完成以下功能，请给出每种功能应采用的超链接类型及核心代码片段： ①导航栏跳转到“专业介绍.html”页面；②点击“在线咨询”打开邮件客户端，预填主题“招生咨询”；③点击“下载招生简章”获取同目录下的 zsb.zip；④点击“返回顶部”实现瞬间滚动；⑤点击“教育部官网”跳转到 https://www.moe.gov.cn 并保留原页面。 知识点二 链接路径表达与选取策略 1.（简答题）写出文档相对路径的三种基本写法并各举一例。 2.（简答题）简述“绝对路径”在网页应用中的两条优点与两条缺点。 3.（简答题）何时应优先选用“站点根目录相对路径”？写一条示例路径。 4.（简答题）在 Dreamweaver 中移动文件后，如何确保所有相对路径链接保持有效？ 5.（综合应用题）站点结构如下： /root 　├─index.html 　├─css/style.css 　└─download/soft.zip 请按以下要求写出 index.html 中对应链接的 href 值（使用文档相对路径）： ①链接到同级文件 about.html；②链接到 css 文件夹内 style.css；③链接到 download 子目录下的 soft.zip；④从 index.html 跳转到上级（假设存在）文件 old.html；⑤设置一个空链接用于 JS 展开菜单。 知识点三 创建、管理与修复超链接全流程 1.（简答题）写出创建超链接的三个基本步骤（按顺序）。 2.（简答题）简述“链接检查器”面板的三项核心功能。 3.（简答题）如何一次性将站点内所有指向 old.pdf 的链接改为 new.pdf？写出菜单路径。 4.（简答题）修复断开链接时，在“链接检查器”面板中直接修改路径后，为何仍会提示“更新其他文件”？ 5.（综合应用题）某站点搬迁后，about 文件夹更名 intro，导致大量链接失效。请按顺序写出完整的修复流程（含菜单、面板操作及注意事项）。 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $ 举一反三考点练 《网页设计与制作》建立网页超链接-课后自测 知识点一 超链接类型与适用场景 1.（简答题）请简述“内部链接”与“外部链接”在目标端点及路径表达上的区别。 【答案】内部链接的目标端点位于同一站点内，路径使用相对路径即可；外部链接的目标端点在本站点之外，必须给出完整 http(s):// 域名的绝对路径。 2.（简答题）说明“锚点链接”在网页中的两个典型应用场景，并写出其 href 基本格式。 【答案】场景：①长文档内部快速定位；②跨页面直达指定位置。格式：<a href="#锚点名">文本</a>。 3.（简答题）“下载链接”与“空链接”在功能上有何不同？ 【答案】下载链接指向 .zip/.exe/.pdf 等资源，浏览器弹出下载框；空链接无实际指向（href="#" 或 javascript:;），仅用于绑定行为（如展开菜单、触发 JS）。 4.（简答题）使用“E-mail 链接”时，如何预先填写主题与抄送地址？请写出完整 href 示例。 【答案】<a href="mailto:service@abc.com?subject=咨询&cc=info@abc.com">联系我们</a>。 5.（综合应用题）某中职学校“招生信息网”需在一级页面完成以下功能，请给出每种功能应采用的超链接类型及核心代码片段： ①导航栏跳转到“专业介绍.html”页面；②点击“在线咨询”打开邮件客户端，预填主题“招生咨询”；③点击“下载招生简章”获取同目录下的 zsb.zip；④点击“返回顶部”实现瞬间滚动；⑤点击“教育部官网”跳转到 https://www.moe.gov.cn 并保留原页面。 【答案】 ①内部链接：<a href="专业介绍.html">专业介绍</a> ②E-mail 链接：<a href="mailto:zsb@school.com?subject=招生咨询">在线咨询</a> ③下载链接：<a href="zsb.zip" download>下载招生简章</a> ④锚点链接：<a href="#top">返回顶部</a>（需在顶部放置 <a name="top"></a>）⑤外部链接：<a href="https://www.moe.gov.cn" target="_blank" rel="nofollow">教育部官网</a> 知识点二 链接路径表达与选取策略 1.（简答题）写出文档相对路径的三种基本写法并各举一例。 【答案】同级直接写文件名：href="news.html"；下级文件夹：href="images/banner.jpg"；上级文件夹：href="../about.html"。 2.（简答题）简述“绝对路径”在网页应用中的两条优点与两条缺点。 【答案】优点：①可引用任意站点资源；②本地移动文件不影响链接。缺点：①域名更换后全部失效；②本地预览需联网。 3.（简答题）何时应优先选用“站点根目录相对路径”？写一条示例路径。 【答案】大型多子站或模板被不同层级页面引用时，优先使用，如：href="/news/2025/0501.html"。 4.（简答题）在 Dreamweaver 中移动文件后，如何确保所有相对路径链接保持有效？ 【答案】必须通过“文件”面板完成移动/重命名，并事先在“编辑→首选项”中将“移动文件时更新链接”设为“总是”或“提示”。 5.（综合应用题）站点结构如下： /root 　├─index.html 　├─css/style.css 　└─download/soft.zip 请按以下要求写出 index.html 中对应链接的 href 值（使用文档相对路径）： ①链接到同级文件 about.html；②链接到 css 文件夹内 style.css；③链接到 download 子目录下的 soft.zip；④从 index.html 跳转到上级（假设存在）文件 old.html；⑤设置一个空链接用于 JS 展开菜单。 【答案】 ①href="about.html" ②href="css/style.css" ③href="download/soft.zip" ④href="../old.html" ⑤href="#" 或 href="javascript:;" 知识点三 创建、管理与修复超链接全流程 1.（简答题）写出创建超链接的三个基本步骤（按顺序）。 【答案】①选中链接热区（文本/图片）；②在属性面板“链接”框输入或浏览目标路径；③设定目标窗口（如 _blank）及其他属性。 2.（简答题）简述“链接检查器”面板的三项核心功能。 【答案】①扫描断掉的链接；②列出孤立文件；③支持一键修复或批量更新路径。 3.（简答题）如何一次性将站点内所有指向 old.pdf 的链接改为 new.pdf？写出菜单路径。 【答案】使用“站点→改变站点范围的链接”，在“更改所有的链接”中选择 old.pdf，在“变成新链接”中选择 new.pdf，点击“确定”后 Dreamweaver 自动全站更新。 4.（简答题）修复断开链接时，在“链接检查器”面板中直接修改路径后，为何仍会提示“更新其他文件”？ 【答案】因其他页面同样引用该错误路径，Dreamweaver 提供一键更新全部引用，确保全站一致性，避免遗漏。 5.（综合应用题）某站点搬迁后，about 文件夹更名 intro，导致大量链接失效。请按顺序写出完整的修复流程（含菜单、面板操作及注意事项）。 【答案】 ①打开“链接检查器”面板：窗口→结果→链接检查器； ②点击“检查链接”→“检查整个本地站点”，筛选“断掉的链接”； ③在“断掉的链接”列中找到旧路径 about/xxx.html，单击右侧文件夹图标，浏览到新路径 intro/xxx.html，确认； ④系统提示“是否更新其他引用同一文件的页面”，选择“是”，实现批量修正； ⑤若路径规则需统一，可用“站点→改变站点范围的链接”，将旧前缀 about/ 整体改为 intro/，确保相对路径类型不变； ⑥保存报告 CSV 备份，再次运行检查，确认 0 断链； ⑦上传更新后的文件至远程服务器。 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $