《常用软件操作训练》网页制作（1） -知识点训练卷 2026版吉林省公共管理与服务类专业 考纲百套卷 第14卷

编写说明：2026版吉林省《公共管理与服务类考纲百套卷》，是依据吉林省职教高考《公共管理与服务知识考试标准》编写，本套试卷共95份，由三个部分组成。第一部分是知识点训练卷，共65份；第二部分是常考题训练卷，共20份；第三个部分是专业综合训练卷，参考历年来公共管理与服务类专业知识真题试卷，编写的10份专业综合训练卷。 本试卷是《公共管理与服务类考纲百套卷》知识点训练卷的第14卷，按《常用软件操作训练》中的知识模块6网页制作要求编写。 2026版吉林省《公共管理与服务类考纲百套卷》 第14卷 知识模块6 网页制作（1） 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项题（本题共10题，每题2分，共20分） 1.在 Dreamweaver CS5 中，“站点” 的核心作用是（ ） A. 仅用于存放单个网页文件 B. 管理网页制作相关的所有文件（如 HTML、图像、CSS），确保文件路径正确 C. 仅用于预览网页效果 D. 仅用于创建表格布局 【答案】B 【解析】Dreamweaver 中的 “站点” 并非单一文件存储，而是一个文件管理系统，用于统一管理网页项目的所有关联文件（包括 HTML 文档、图像、动画、样式表等）。通过站点管理，可确保文件间的引用路径（如图像链接、超链接）始终正确，避免因文件移动导致链接失效。A 选项 “单个网页” 表述错误，C 选项 “仅预览”、D 选项 “仅表格布局” 均局限了站点功能，因此正确答案为 B。 2.在 Dreamweaver CS5 的默认界面中，用于显示当前网页 HTML 代码的面板是（ ） A. “设计” 视图 B. “代码” 视图 C. “拆分” 视图 D. “文件” 面板 【答案】B 【解析】Dreamweaver CS5 提供三种网页编辑视图：“设计” 视图是可视化编辑界面，无需编写代码即可添加元素；“代码” 视图仅显示网页的 HTML（或 CSS、JavaScript）代码，适合手动编写或修改代码；“拆分” 视图同时显示设计界面和代码，便于对照编辑；“文件” 面板用于管理站点文件，不显示代码。因此正确答案为 B。 3.下列哪种方法不能在 Dreamweaver CS5 中创建新的网页文档（ ） A. 点击 “文件”→“新建”→选择 “HTML”→“创建” B. 点击 “文件” 面板中的 “新建文件” 按钮（+ 号图标） C. 按 Ctrl+N 组合键→选择 “HTML”→“创建” D. 按 Ctrl+O 组合键→选择 “新建 HTML 文件” 【答案】D 【解析】A 选项通过菜单命令新建 HTML 文档，是标准方法；B 选项通过 “文件” 面板快速创建新文件，默认生成 HTML 格式；C 选项 Ctrl+N 是新建文件的快捷键，后续选择 “HTML” 即可创建网页；D 选项 Ctrl+O 是 “打开” 文件的快捷键，用于打开已有的文件，无法创建新文件，因此正确答案为 D。 4.在 Dreamweaver CS5 中，使用表格布局网页时，若要合并两个相邻的单元格，正确的操作是（ ） A. 选中两个单元格→点击 “属性” 面板中的 “合并单元格” 按钮 B. 选中两个单元格→按 Delete 键 C. 右键点击单个单元格→选择 “合并单元格” D. 选中表格→点击 “插入”→“合并单元格” 【答案】A 【解析】合并单元格的前提是选中需要合并的相邻单元格（横向或纵向），然后在 “属性” 面板（默认位于底部）中找到 “合并单元格” 按钮（图标为两个合并的矩形），点击即可完成合并。B 选项按 Delete 键仅删除单元格内容，无法合并；C 选项右键菜单无单独的 “合并单元格” 选项，需选中多个单元格后右键选择；D 选项 “插入” 菜单中无 “合并单元格” 命令，因此正确答案为 A。 5.在 Dreamweaver CS5 中，插入本地图像到网页时，图像文件的最佳存放位置是（ ） A. 电脑桌面任意位置 B. 站点文件夹外的其他文件夹 C. 站点文件夹内的专门 “images” 子文件夹 D. C 盘根目录 【答案】C 【解析】插入图像时，若图像文件不在站点文件夹内，Dreamweaver 会提示 “复制文件到站点根目录”，若不复制，后续移动站点文件时图像链接会失效。将图像存放在站点内的 “images” 子文件夹（常规命名习惯），可规范文件管理，确保图像路径始终正确。A、B、D 选项均可能导致路径错误，因此正确答案为 C。 6.在 Dreamweaver CS5 中，创建 “电子邮件链接” 时，需在 “插入超链接” 对话框的 “链接” 栏中输入的格式是（ ） A. http:// 邮箱地址 B. mailto: 邮箱地址 C. email: 邮箱地址 D. 直接输入邮箱地址 【答案】B 【解析】电子邮件链接的专用格式为 “mailto: 邮箱地址”（如mailto:test@163.com），在 “插入超链接” 对话框中输入该格式后，预览网页时点击链接会自动打开电脑默认邮件客户端（如 Outlook），并填写好收件人邮箱。A 选项是网页链接格式，C 选项格式错误，D 选项直接输入邮箱无法实现链接功能，因此正确答案为 B。 7.在 Dreamweaver CS5 中，预览网页在浏览器中的效果，应使用的快捷键是（ ） A. F12 B. Ctrl+S C. Ctrl+N D. F5 【答案】A 【解析】F12 是 Dreamweaver 中 “在浏览器中预览” 的默认快捷键，按下后会用系统默认浏览器打开当前网页，查看实际显示效果；Ctrl+S 是保存文件快捷键；Ctrl+N 是新建文件快捷键；F5 是刷新浏览器页面的快捷键，并非 Dreamweaver 预览快捷键，因此正确答案为 A。 8.在 Dreamweaver CS5 中，若要制作 “滚动文字” 效果（文字从右向左移动），应使用的功能是（ ） A. 插入 “marquee” 标签 B. 插入 “div” 标签 C. 插入 “table” 标签 D. 插入 “img” 标签 【答案】A 【解析】“滚动文字” 效果需通过 HTML 的<marquee>标签实现，在 Dreamweaver 中可直接插入该标签：点击 “插入”→“标签”→在 “HTML 标签” 中找到 “marquee”→设置滚动方向（direction="left"）、速度等属性。“div” 标签用于布局，“table” 标签用于表格，“img” 标签用于插入图像，均无法实现滚动文字，因此正确答案为 A。 9.在 Dreamweaver CS5 中，选中网页中的文本后，创建 “文本超链接” 的正确操作是（ ） A. 按 Ctrl+K 组合键→在 “链接” 栏输入目标路径→“确定” B. 按 Ctrl+L 组合键→在 “链接” 栏输入目标路径→“确定” C. 右键点击文本→选择 “超链接”→输入目标路径→“确定” D. 点击 “插入”→“文本链接”→输入目标路径→“确定” 【答案】A 【解析】创建文本超链接的标准方法：选中文本后，按 Ctrl+K 组合键（或点击 “插入”→“超链接”）打开 “插入超链接” 对话框，在 “链接” 栏输入目标路径（如其他 HTML 文件路径、网页 URL），点击 “确定” 即可。B 选项 Ctrl+L 并非超链接快捷键；C 选项右键菜单无 “超链接” 直接选项；D 选项 “插入” 菜单中是 “超链接” 而非 “文本链接”，因此正确答案为 A。 10.在 Dreamweaver CS5 中，创建站点的核心步骤不包括（ ） A. 设置站点名称 B. 指定站点文件夹路径 C. 选择网页编辑视图（设计 / 代码 / 拆分） D. 配置服务器（可选，用于远程发布） 【答案】C 【解析】创建站点的步骤为：点击 “站点”→“新建站点”，在对话框中设置 “站点名称”（便于识别）、“本地站点文件夹”（存放站点文件的路径），若需远程发布可配置服务器，完成后即可创建站点。网页编辑视图是编辑网页时的显示模式，与创建站点无关，因此正确答案为 C。 二、多选题（本题共10题，每题3分，共30分） 1.在 Dreamweaver CS5 的界面中，默认包含的面板有（ ） A. “文件” 面板 B. “属性” 面板 C. “CSS 样式” 面板 D. “代码” 面板 【答案】ABCD 【解析】Dreamweaver CS5 默认界面中，“文件” 面板位于右侧，用于管理站点文件；“属性” 面板位于底部，显示选中元素（文本、表格、图像等）的属性；“CSS 样式” 面板默认在右侧，用于管理样式表；“代码” 面板在切换到 “代码” 视图或 “拆分” 视图时显示，用于编辑 HTML 代码。四个面板均为默认包含的核心面板，因此正确答案为 ABCD。 2.在 Dreamweaver CS5 中，保存网页文档的方法有（ ） A. 点击 “文件”→“保存” B. 按 Ctrl+S 组合键 C. 点击 “快速访问工具栏” 中的 “保存” 按钮（若已添加） D. 按 Ctrl+Shift+S 组合键（另存为） 【答案】ABCD 【解析】A 选项是菜单命令保存，适用于首次保存或覆盖保存；B 选项 Ctrl+S 是保存快捷键，常用且高效；C 选项快速访问工具栏的 “保存” 按钮可直接点击保存；D 选项 Ctrl+Shift+S 是 “另存为” 快捷键，用于将网页保存为新文件名或新路径，四种方法均能实现保存，因此正确答案为 ABCD。 3.在 Dreamweaver CS5 中，表格的属性设置包括（ ） A. 设置表格宽度（如 100% 或 800 像素） B. 设置表格边框粗细（如 0、1 像素） C. 设置单元格间距（表格单元格之间的距离） D. 设置单元格边距（单元格内容与边框的距离） 【答案】ABCD 【解析】选中表格后，“属性” 面板会显示表格的核心属性：宽度可设为百分比（适应浏览器宽度）或固定像素；边框粗细控制表格边框显示（设为 0 可隐藏边框）；单元格间距是单元格之间的空白距离；单元格边距是单元格内部内容与边框的距离，四个属性均能在 “属性” 面板中设置，因此正确答案为 ABCD。 4.在 Dreamweaver CS5 中，插入到网页的图像格式可以是（ ） A. JPEG B. PNG C. GIF D. PSD 【答案】ABC 【解析】网页支持的常用图像格式为 JPEG（适合照片，支持压缩）、PNG（支持透明背景，适合图标）、GIF（支持动画和透明，适合简单图形）。PSD 是 Photoshop 的原生格式，包含图层等编辑信息，无法直接在网页中显示，需导出为 JPEG、PNG 等格式后才能插入，因此正确答案为 ABC。 5.在 Dreamweaver CS5 中，创建超链接的目标路径类型包括（ ） A. 绝对路径（如https://www.baidu.com） B. 相对路径（如 “about.html”“images/logo.png”） C. 根相对路径（如 “/news/index.html”，基于站点根目录） D. 邮件路径（如mailto:test@163.com） 【答案】ABCD 【解析】超链接的路径类型分为四类：绝对路径用于链接外部网站（如其他网页 URL）；相对路径用于链接站点内的文件（基于当前网页位置）；根相对路径基于站点根目录，适合复杂站点的文件引用；邮件路径即电子邮件链接格式，用于启动邮件客户端。四种路径类型均能在 Dreamweaver 中使用，因此正确答案为 ABCD。 6.在 Dreamweaver CS5 中，预览网页的方式包括（ ） A. 按 F12 键在默认浏览器中预览 B. 点击 “文件”→“在浏览器中预览”→选择指定浏览器（如 Chrome、Edge） C. 点击 “实时视图” 按钮（界面顶部），在 Dreamweaver 内预览 D. 直接双击本地 HTML 文件，用默认浏览器打开预览 【答案】ABCD 【解析】A 选项是默认浏览器预览的快捷键；B 选项可选择非默认浏览器预览，适合测试兼容性；C 选项 “实时视图” 是 Dreamweaver 内置的预览模式，无需打开外部浏览器；D 选项直接双击 HTML 文件预览，适合快速查看效果，四种方式均能实现网页预览，因此正确答案为 ABCD。 7.在 Dreamweaver CS5 中，使用表格布局网页的优势包括（ ） A. 可精确控制网页元素的位置（如文本、图像的对齐） B. 兼容性好，在不同浏览器中显示效果一致 C. 操作直观，适合新手快速搭建网页结构 D. 可嵌套使用（表格内插入表格），实现复杂布局 【答案】ABCD 【解析】表格布局是传统网页布局方式，优势在于：位置控制精确，通过单元格划分区域放置元素；浏览器兼容性强，无需担心样式兼容问题；可视化操作门槛低，新手易上手；支持表格嵌套，可实现多列多行的复杂结构（如导航栏 + 内容区 + 侧边栏），因此正确答案为 ABCD。 8.在 Dreamweaver CS5 中，编辑网页文字时可设置的属性包括（ ） A. 字体（如宋体、微软雅黑） B. 字号（如 12px、16px） C. 颜色（如 #FF0000、红色） D. 对齐方式（如左对齐、居中对齐） 【答案】ABCD 【解析】选中文本后，“属性” 面板会显示文字属性：字体可选择系统或自定义字体；字号常用像素（px）作为单位；颜色可通过颜色拾取器选择或输入十六进制代码；对齐方式包括左对齐、居中、右对齐、两端对齐，四种属性均能直接设置，因此正确答案为 ABCD。 9.在 Dreamweaver CS5 中，创建 “图像链接” 的操作包括（ ） A. 选中插入的图像 B. 按 Ctrl+K 组合键打开 “插入超链接” 对话框 C. 在 “链接” 栏输入目标路径（如其他网页 URL 或本地文件路径） D. 点击 “确定” 完成链接创建 【答案】ABCD 【解析】图像链接的创建逻辑与文本链接一致：先选中图像（确保图像处于选中状态），通过 Ctrl+K 打开 “插入超链接” 对话框，输入目标路径（如链接到首页、产品页面），确认后图像会添加链接效果（预览时鼠标悬停显示手型图标），四个步骤均不可或缺，因此正确答案为 ABCD。 10.在 Dreamweaver CS5 中，制作 “滚动文字” 效果时，可设置的参数包括（ ） A. 滚动方向（如向左、向右、向上、向下） B. 滚动速度（如慢速、中速、快速） C. 滚动次数（如无限循环、仅滚动 3 次） D. 滚动文字的颜色和字号 【答案】ABCD 【解析】通过<marquee>标签制作滚动文字时，可设置多个参数：direction 属性控制滚动方向（left/right/up/down）；speed 属性控制速度（数值越大越快）；loop 属性控制滚动次数（loop="3" 表示 3 次，不设置则无限循环）；滚动文字的颜色和字号可通过文本属性设置，与普通文字格式设置方法一致，因此四个参数均能设置，正确答案为 ABCD。 三、判断题（本题共10题，每题2分，共20分） 1.在 Dreamweaver CS5 中，创建站点后，所有网页相关文件（如 HTML、图像）必须存放在站点文件夹内，否则链接会失效。（ ） 【答案】√ 【解析】Dreamweaver 的站点通过相对路径管理文件关联，若文件存放在站点外，插入图像或超链接时虽可临时显示，但移动站点文件夹后，路径会断裂导致链接失效。将所有文件放入站点文件夹，可确保路径始终正确，因此该说法正确。 2.Dreamweaver CS5 的 “拆分” 视图只能显示 HTML 代码，无法进行可视化编辑。（ ） 【答案】× 【解析】“拆分” 视图的核心特点是 “左右分栏”：左侧（或上侧）显示可视化设计界面，可直接添加文本、图像等元素；右侧（或下侧）显示对应的 HTML 代码，修改一侧内容时另一侧会同步更新，支持可视化编辑，因此该说法错误。 3.在 Dreamweaver CS5 中，删除表格中的某个单元格时，需先选中单元格，然后点击 “属性” 面板中的 “删除单元格” 按钮。（ ） 【答案】√ 【解析】删除单元格的操作步骤为：选中需要删除的单元格，在 “属性” 面板中找到 “删除单元格” 按钮（图标为带叉号的矩形），点击后会弹出对话框确认删除方式（如 “左侧单元格右移”“上方单元格下移”），确认后即可删除单元格，因此该说法正确。 4.Dreamweaver CS5 中，插入到网页的 GIF 动画图像无法自动播放，需手动添加播放代码。（ ） 【答案】× 【解析】GIF 动画图像的播放属性已嵌入文件本身，在 Dreamweaver 中插入 GIF 动画后，预览网页时会自动播放（无需额外代码）；若预览时不播放，通常是 GIF 文件本身问题（如未制作动画帧），而非需要手动添加代码，因此该说法错误。 5.在 Dreamweaver CS5 中，创建 “锚点链接”（同一网页内跳转）时，需先在目标位置插入锚点，再创建指向该锚点的链接。（ ） 【答案】√ 【解析】锚点链接用于实现同一网页内不同位置的跳转，创建需两步：第一步，将光标定位到目标位置（如 “顶部”“联系方式” 区域），点击 “插入”→“命名锚记”，输入锚点名称（如 “top”），插入锚点；第二步，选中链接文本（如 “返回顶部”），按 Ctrl+K 打开 “插入超链接” 对话框，在 “链接” 栏输入 “# 锚点名称”（如 “#top”），完成链接创建。缺少插入锚点步骤无法实现跳转，因此该说法正确。 6.Dreamweaver CS5 中，网页文档的默认扩展名为.html，无法修改为其他扩展名（如.htm）。（ ） 【答案】× 【解析】Dreamweaver 中网页文档默认扩展名为.html，但可通过 “另存为” 修改：点击 “文件”→“另存为”，在 “文件名” 栏输入 “文件名.htm”（如 “index.htm”），点击 “保存” 即可将扩展名改为.htm；.html 和.htm 均为合法的 HTML 文件扩展名，浏览器均可识别，因此该说法错误。 7.在 Dreamweaver CS5 中，使用 “属性” 面板可修改插入图像的大小，若勾选 “约束比例”，调整宽度时高度会自动按比例变化，避免图像变形。（ ） 【答案】√ 【解析】选中插入的图像后，“属性” 面板会显示图像的宽度和高度参数，勾选 “约束比例”（默认勾选）后，修改宽度或高度时，另一参数会自动按原图像比例计算并更新，确保图像不会因尺寸调整出现拉伸或压缩变形；取消勾选则可自由调整宽高，可能导致图像变形，因此该说法正确。 8.Dreamweaver CS5 中，创建的文本超链接只能链接到其他网页，无法链接到本地计算机中的文档（如 Word 文档、Excel 表格）。（ ） 【答案】× 【解析】文本超链接支持链接本地文档：在 “插入超链接” 对话框的 “链接” 栏，点击 “浏览文件” 按钮，选择本地计算机中的 Word 文档（.docx）、Excel 表格（.xlsx）等文件，确定后生成链接；预览网页时点击该链接，会下载或打开对应的本地文档（取决于浏览器设置），因此该说法错误。 9.在 Dreamweaver CS5 中，若要修改表格的行数，可选中表格后，在 “属性” 面板的 “行数” 栏直接输入目标行数，按 Enter 键确认。（ ） 【答案】√ 【解析】选中表格后，“属性” 面板会显示 “行数” 和 “列数” 参数，直接在 “行数” 栏输入数值（如将 3 行改为 5 行），按 Enter 键后，表格会自动添加或删除行（输入数值大于当前行数则添加行，小于则删除行），操作便捷且精准，因此该说法正确。 10.Dreamweaver CS5 中，预览网页时发现文字滚动效果不显示，一定是因为滚动文字的代码编写错误。（ ） 【答案】× 【解析】滚动文字效果不显示的原因可能有多种：除代码错误外，还可能是浏览器兼容性问题（部分现代浏览器对<marquee>标签支持不佳）、预览时未保存网页文件（导致代码未更新）、滚动文字颜色与背景色一致（视觉上无法分辨）等。不能仅归因于代码错误，因此该说法错误。 四、填空题（本题共5题，每题2分，共10分） 1.在 Dreamweaver CS5 中，若要打开已有的网页文档，可按________组合键，在弹出的 “打开” 对话框中选择目标文件。 【答案】Ctrl+O 【解析】Ctrl+O 是 Dreamweaver 及多数软件中 “打开” 文件的通用快捷键，按下后弹出 “打开” 对话框，可浏览本地计算机中的文件，选择需要打开的 HTML 文档（或其他支持格式文件），点击 “打开” 即可加载文档，是打开已有文件的高效操作。 2.Dreamweaver CS5 中，插入表格时，可通过 “插入” 菜单→________→“表格” 命令，在弹出的对话框中设置表格的行数、列数、宽度等参数。 【答案】表格 【解析】插入表格的标准菜单路径为 “插入”→“表格”，选择该命令后会弹出 “表格” 对话框，用户可根据需求设置行数（如 5 行）、列数（如 3 列）、表格宽度（如 800 像素或 100%）、边框粗细等基础参数，点击 “确定” 即可在网页中插入对应规格的表格。 3.在 Dreamweaver CS5 中，若要修改插入图像的 “替代文本”（鼠标悬停时显示的文字，提升 accessibility），可在选中图像后，在 “属性” 面板的________栏中输入文本。 【答案】替代 【解析】“替代文本” 是图像的重要属性，用于在图像无法加载时显示文字说明，同时方便屏幕阅读器识别图像内容。选中图像后，“属性” 面板中会有 “替代” 文本栏，输入文字（如 “公司 logo”）后，预览网页时鼠标悬停在图像上会显示该文本，符合网页 accessibility 规范。 4.Dreamweaver CS5 中，创建 “锚点链接” 时，在 “插入超链接” 对话框的 “链接” 栏中，需输入 “________+ 锚点名称” 的格式（如 “#top”）。 【答案】#（井号） 【解析】锚点链接的核心标识是前缀 “#”，该符号用于告知浏览器链接目标位于当前网页内。在 “链接” 栏输入 “# 锚点名称”（如锚点名为 “contact”，则输入 “#contact”），浏览器会自动定位到当前网页中名称为 “contact” 的锚点位置，实现同一网页内的跳转。 5.在 Dreamweaver CS5 中，若要将制作好的网页文件导出为其他格式（如 PDF），可通过 “文件”→________→“导出为 PDF” 命令实现。 【答案】导出 【解析】Dreamweaver 支持将网页导出为 PDF 格式，操作路径为 “文件”→“导出”→“导出为 PDF”，选择该命令后，系统会将当前网页的内容（文本、图像）转换为 PDF 文件，适合用于文档存档或分享；除 PDF 外，部分版本还支持导出为其他格式（如 XML），因此此处应填 “导出”。 五、简答题（本题共1题，每题15分，共15分） 简述在 Dreamweaver CS5 中，创建一个包含 “首页”“关于我们”“产品展示”“联系我们” 文本超链接的导航栏（使用表格布局）的核心操作步骤。 【答案】操作步骤如下： 1.新建 HTML 文档并保存（如命名为 “index.html”），确保已创建站点且文档存放在站点文件夹内； 2.插入导航栏表格：点击 “插入”→“表格”，在对话框中设置 “行数” 为 1、“列数” 为 4、“表格宽度” 为 800 像素、“边框粗细” 为 0（隐藏边框），点击 “确定” 插入表格； 3.输入导航文本：在表格的 4 个单元格中，分别输入 “首页”“关于我们”“产品展示”“联系我们”； 4.创建 “首页” 链接：选中文本 “首页”，按 Ctrl+K 打开 “插入超链接” 对话框，若 “首页” 链接到当前文档，在 “链接” 栏输入 “#”（空链接，后续可替换为实际路径），点击 “确定”； 5.创建其他页面链接：同理，选中 “关于我们”，在 “链接” 栏输入 “about.html”（需提前创建该文档）；选中 “产品展示” 输入 “products.html”；选中 “联系我们” 输入 “contact.html”，分别点击 “确定”； 6.美化导航栏（可选）：选中表格，在 “属性” 面板设置 “对齐” 为 “居中”；选中文本，设置字体为 “微软雅黑”、字号为 “14px”、颜色为 “#333333”，完成导航栏制作。 六、描述操作过程题（本题共1题，每题15分，共15分） 请描述在 Dreamweaver CS5 中，插入本地 GIF 动画图像到网页，并为该图像创建链接到 “产品详情.html” 文档的完整操作过程。 【答案】操作过程如下： 1.准备工作：确保已创建站点，将需要插入的 GIF 动画图像存放在站点文件夹内的 “images” 子文件夹中（如 “images/product.gif”），并新建 “产品详情.html” 文档存放在站点根目录； 2.打开目标网页：在 Dreamweaver 中打开需要插入 GIF 图像的 HTML 文档（如 “index.html”），将光标定位到需要插入图像的位置（如产品展示区域）； 3.插入 GIF 图像：点击 “插入”→“图像”，在 “选择图像源文件” 对话框中，找到站点内 “images” 文件夹中的 “product.gif”，点击 “确定”；若弹出 “图像标签辅助功能属性” 对话框，可在 “替代文本” 栏输入 “产品动画”，点击 “确定”，此时 GIF 图像已插入网页； 4.调整图像属性（可选）：选中插入的 GIF 图像，在 “属性” 面板中勾选 “约束比例”，设置 “宽度” 为 200 像素（根据需求调整），高度会自动按比例变化，避免图像变形； 5.为图像创建链接：保持 GIF 图像处于选中状态，按 Ctrl+K 组合键打开 “插入超链接” 对话框； 6.设置链接目标：在 “插入超链接” 对话框中，点击 “浏览文件” 按钮，选择站点根目录中的 “产品详情.html” 文档，此时 “链接” 栏会显示 “产品详情.html”（相对路径）； 7.完成链接创建：点击 “确定” 按钮，此时 GIF 图像已添加链接效果（预览时鼠标悬停在图像上会显示手型图标）； 8.测试效果：按 F12 键在浏览器中预览网页，点击 GIF 图像，若能跳转到 “产品详情.html” 页面，且 GIF 图像正常播放，说明操作完成。 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$ 编写说明：2026版吉林省《公共管理与服务类考纲百套卷》，是依据吉林省职教高考《公共管理与服务知识考试标准》编写，本套试卷共95份，由三个部分组成。第一部分是知识点训练卷，共65份；第二部分是常考题训练卷，共20份；第三个部分是专业综合训练卷，参考历年来公共管理与服务类专业知识真题试卷，编写的10份专业综合训练卷。 本试卷是《公共管理与服务类考纲百套卷》知识点训练卷的第14卷，按《常用软件操作训练》中的知识模块6网页制作要求编写。 2026版吉林省《公共管理与服务类考纲百套卷》 第14卷 知识模块6 网页制作（1） 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项题（本题共10题，每题2分，共20分） 1.在 Dreamweaver CS5 中，“站点” 的核心作用是（ ） A. 仅用于存放单个网页文件 B. 管理网页制作相关的所有文件（如 HTML、图像、CSS），确保文件路径正确 C. 仅用于预览网页效果 D. 仅用于创建表格布局 2.在 Dreamweaver CS5 的默认界面中，用于显示当前网页 HTML 代码的面板是（ ） A. “设计” 视图 B. “代码” 视图 C. “拆分” 视图 D. “文件” 面板 3.下列哪种方法不能在 Dreamweaver CS5 中创建新的网页文档（ ） A. 点击 “文件”→“新建”→选择 “HTML”→“创建” B. 点击 “文件” 面板中的 “新建文件” 按钮（+ 号图标） C. 按 Ctrl+N 组合键→选择 “HTML”→“创建” D. 按 Ctrl+O 组合键→选择 “新建 HTML 文件” 4.在 Dreamweaver CS5 中，使用表格布局网页时，若要合并两个相邻的单元格，正确的操作是（ ） A. 选中两个单元格→点击 “属性” 面板中的 “合并单元格” 按钮 B. 选中两个单元格→按 Delete 键 C. 右键点击单个单元格→选择 “合并单元格” D. 选中表格→点击 “插入”→“合并单元格” 5.在 Dreamweaver CS5 中，插入本地图像到网页时，图像文件的最佳存放位置是（ ） A. 电脑桌面任意位置 B. 站点文件夹外的其他文件夹 C. 站点文件夹内的专门 “images” 子文件夹 D. C 盘根目录 6.在 Dreamweaver CS5 中，创建 “电子邮件链接” 时，需在 “插入超链接” 对话框的 “链接” 栏中输入的格式是（ ） A. http:// 邮箱地址 B. mailto: 邮箱地址 C. email: 邮箱地址 D. 直接输入邮箱地址 7.在 Dreamweaver CS5 中，预览网页在浏览器中的效果，应使用的快捷键是（ ） A. F12 B. Ctrl+S C. Ctrl+N D. F5 8.在 Dreamweaver CS5 中，若要制作 “滚动文字” 效果（文字从右向左移动），应使用的功能是（ ） A. 插入 “marquee” 标签 B. 插入 “div” 标签 C. 插入 “table” 标签 D. 插入 “img” 标签 9.在 Dreamweaver CS5 中，选中网页中的文本后，创建 “文本超链接” 的正确操作是（ ） A. 按 Ctrl+K 组合键→在 “链接” 栏输入目标路径→“确定” B. 按 Ctrl+L 组合键→在 “链接” 栏输入目标路径→“确定” C. 右键点击文本→选择 “超链接”→输入目标路径→“确定” D. 点击 “插入”→“文本链接”→输入目标路径→“确定” 10.在 Dreamweaver CS5 中，创建站点的核心步骤不包括（ ） A. 设置站点名称 B. 指定站点文件夹路径 C. 选择网页编辑视图（设计 / 代码 / 拆分） D. 配置服务器（可选，用于远程发布） 二、多选题（本题共10题，每题3分，共30分） 1.在 Dreamweaver CS5 的界面中，默认包含的面板有（ ） A. “文件” 面板 B. “属性” 面板 C. “CSS 样式” 面板 D. “代码” 面板 2.在 Dreamweaver CS5 中，保存网页文档的方法有（ ） A. 点击 “文件”→“保存” B. 按 Ctrl+S 组合键 C. 点击 “快速访问工具栏” 中的 “保存” 按钮（若已添加） D. 按 Ctrl+Shift+S 组合键（另存为） 3.在 Dreamweaver CS5 中，表格的属性设置包括（ ） A. 设置表格宽度（如 100% 或 800 像素） B. 设置表格边框粗细（如 0、1 像素） C. 设置单元格间距（表格单元格之间的距离） D. 设置单元格边距（单元格内容与边框的距离） 4.在 Dreamweaver CS5 中，插入到网页的图像格式可以是（ ） A. JPEG B. PNG C. GIF D. PSD 5.在 Dreamweaver CS5 中，创建超链接的目标路径类型包括（ ） A. 绝对路径（如https://www.baidu.com） B. 相对路径（如 “about.html”“images/logo.png”） C. 根相对路径（如 “/news/index.html”，基于站点根目录） D. 邮件路径（如mailto:test@163.com） 6.在 Dreamweaver CS5 中，预览网页的方式包括（ ） A. 按 F12 键在默认浏览器中预览 B. 点击 “文件”→“在浏览器中预览”→选择指定浏览器（如 Chrome、Edge） C. 点击 “实时视图” 按钮（界面顶部），在 Dreamweaver 内预览 D. 直接双击本地 HTML 文件，用默认浏览器打开预览 7.在 Dreamweaver CS5 中，使用表格布局网页的优势包括（ ） A. 可精确控制网页元素的位置（如文本、图像的对齐） B. 兼容性好，在不同浏览器中显示效果一致 C. 操作直观，适合新手快速搭建网页结构 D. 可嵌套使用（表格内插入表格），实现复杂布局 8.在 Dreamweaver CS5 中，编辑网页文字时可设置的属性包括（ ） A. 字体（如宋体、微软雅黑） B. 字号（如 12px、16px） C. 颜色（如 #FF0000、红色） D. 对齐方式（如左对齐、居中对齐） 9.在 Dreamweaver CS5 中，创建 “图像链接” 的操作包括（ ） A. 选中插入的图像 B. 按 Ctrl+K 组合键打开 “插入超链接” 对话框 C. 在 “链接” 栏输入目标路径（如其他网页 URL 或本地文件路径） D. 点击 “确定” 完成链接创建 10.在 Dreamweaver CS5 中，制作 “滚动文字” 效果时，可设置的参数包括（ ） A. 滚动方向（如向左、向右、向上、向下） B. 滚动速度（如慢速、中速、快速） C. 滚动次数（如无限循环、仅滚动 3 次） D. 滚动文字的颜色和字号 三、判断题（本题共10题，每题2分，共20分） 1.在 Dreamweaver CS5 中，创建站点后，所有网页相关文件（如 HTML、图像）必须存放在站点文件夹内，否则链接会失效。（ ） 2.Dreamweaver CS5 的 “拆分” 视图只能显示 HTML 代码，无法进行可视化编辑。（ ） 3.在 Dreamweaver CS5 中，删除表格中的某个单元格时，需先选中单元格，然后点击 “属性” 面板中的 “删除单元格” 按钮。（ ） 4.Dreamweaver CS5 中，插入到网页的 GIF 动画图像无法自动播放，需手动添加播放代码。（ ） 5.在 Dreamweaver CS5 中，创建 “锚点链接”（同一网页内跳转）时，需先在目标位置插入锚点，再创建指向该锚点的链接。（ ） 6.Dreamweaver CS5 中，网页文档的默认扩展名为.html，无法修改为其他扩展名（如.htm）。（ ） 7.在 Dreamweaver CS5 中，使用 “属性” 面板可修改插入图像的大小，若勾选 “约束比例”，调整宽度时高度会自动按比例变化，避免图像变形。（ ） 8.Dreamweaver CS5 中，创建的文本超链接只能链接到其他网页，无法链接到本地计算机中的文档（如 Word 文档、Excel 表格）。（ ） 9.在 Dreamweaver CS5 中，若要修改表格的行数，可选中表格后，在 “属性” 面板的 “行数” 栏直接输入目标行数，按 Enter 键确认。（ ） 10.Dreamweaver CS5 中，预览网页时发现文字滚动效果不显示，一定是因为滚动文字的代码编写错误。（ ） 四、填空题（本题共5题，每题2分，共10分） 1.在 Dreamweaver CS5 中，若要打开已有的网页文档，可按________组合键，在弹出的 “打开” 对话框中选择目标文件。 2.Dreamweaver CS5 中，插入表格时，可通过 “插入” 菜单→________→“表格” 命令，在弹出的对话框中设置表格的行数、列数、宽度等参数。 3.在 Dreamweaver CS5 中，若要修改插入图像的 “替代文本”（鼠标悬停时显示的文字，提升 accessibility），可在选中图像后，在 “属性” 面板的________栏中输入文本。 4.Dreamweaver CS5 中，创建 “锚点链接” 时，在 “插入超链接” 对话框的 “链接” 栏中，需输入 “________+ 锚点名称” 的格式（如 “#top”）。 5.在 Dreamweaver CS5 中，若要将制作好的网页文件导出为其他格式（如 PDF），可通过 “文件”→________→“导出为 PDF” 命令实现。 五、简答题（本题共1题，每题15分，共15分） 简述在 Dreamweaver CS5 中，创建一个包含 “首页”“关于我们”“产品展示”“联系我们” 文本超链接的导航栏（使用表格布局）的核心操作步骤。 六、描述操作过程题（本题共1题，每题15分，共15分） 请描述在 Dreamweaver CS5 中，插入本地 GIF 动画图像到网页，并为该图像创建链接到 “产品详情.html” 文档的完整操作过程。 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$