《常用软件操作训练》网页制作（1）-知识点训练卷 吉林省高职分类考试《公共管理与服务类考纲百套卷》第39卷（原卷版+解析版）

编写说明：吉林省高职分类考试《公共管理与服务类考纲百套卷》，依据吉林省高职分类（对口招生）考试各类专业综合卷考试科目及纲要（2021版），应用文科类（公共管理与服务类）专业综合卷考试科目及纲要编写。本专辑共130份试卷两部分组成，第一部分是按考纲的考点要求编写的112份知识点训练卷，第二部分是针对6门课程的掌握要求，编写的18份常考题训练卷。 本试卷是吉林高职分类考试《公共管理与服务类考纲百套卷》的第39卷，是知识点训练卷。按《常用软件操作训练》考试纲要（五）网页制作的知识点要求编写，其要求是： 1.理解站点和网页的含义，了解Dreamweaver CS5的窗口组成。 2.掌握创建、保存、打开、预览网页的基本方法。 吉林省《公共管理与服务类考纲百套卷》 第39卷 《常用软件操作训练》 网页制作（1）知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 1、 选择题（本大题共15小题，每小题2分，共30分） 1.在 Dreamweaver CS5 中，以下关于站点的说法正确的是（ ）。 A. 站点就是一个单独的网页文件 B. 站点是一系列相关网页和资源的集合 C. 站点只能包含网页，不能包含图像等其他资源 D. 一个网站只能有一个站点 2.Dreamweaver CS5 的工作界面中，用于显示和编辑网页内容的区域是（ ）。 A. 菜单栏 B. 文档窗口 C. 属性面板 D. 面板组 3.在 Dreamweaver CS5 中，创建一个新的 HTML 网页文件，应选择（ ）菜单。 A. 文件 B. 编辑 C. 插入 D. 站点 4.在 Dreamweaver CS5 中，保存当前网页的快捷键是（ ）。 A. Ctrl + S B. Ctrl + N C. Ctrl + O D. Ctrl + P 5.在 Dreamweaver CS5 中，若要打开一个已有的网页文件，应选择（ ）菜单。 A. 文件 B. 编辑 C. 查看 D. 窗口 6.在 Dreamweaver CS5 中，以下哪种方式不能预览网页效果？（ ） A. 点击 “文件” 菜单中的 “在浏览器中预览” B. 按 F12 键 C. 点击文档窗口中的 “实时视图” 按钮 D. 点击 “编辑” 菜单中的 “预览” 7.在 Dreamweaver CS5 中，站点管理器主要用于（ ）。 A. 管理网页中的文字内容 B. 管理站点中的文件和文件夹 C. 管理网页的布局 D. 管理网页的颜色 8.在 Dreamweaver CS5 中，以下关于网页的说法错误的是（ ）。 A. 网页可以包含文字、图像、链接等元素 B. 网页的扩展名通常为.html 或.htm C. 一个站点只能有一个网页 D. 网页是通过浏览器展示给用户的页面 9.在 Dreamweaver CS5 中，文档窗口的 “代码” 视图主要用于（ ）。 A. 可视化编辑网页布局 B. 查看和编辑网页的 HTML 代码 C. 预览网页效果 D. 插入网页元素 10.在 Dreamweaver CS5 中，创建站点时，以下哪个信息不是必须设置的？（ ） A. 站点名称 B. 本地站点文件夹 C. 服务器技术 D. 以上都不是 11.在 Dreamweaver CS5 中，若要将网页保存为模板，应选择（ ）菜单。 A. 文件 B. 站点 C. 窗口 D. 命令 12.在 Dreamweaver CS5 中，以下哪种操作不能在属性面板中完成？（ ） A. 设置文字的字体 B. 设置图像的宽度和高度 C. 设置网页的背景颜色 D. 新建一个网页文件 13.在 Dreamweaver CS5 中，按 Ctrl + Shift + F12 组合键的作用是（ ）。 A. 保存网页 B. 打开网页 C. 在浏览器中预览网页，并选择浏览器 D. 新建网页 14.在 Dreamweaver CS5 中，若要在网页中插入一个图片，应选择（ ）菜单。 A. 文件 B. 插入 C. 编辑 D. 站点 15.在 Dreamweaver CS5 中，以下关于 “设计” 视图和 “代码” 视图的说法正确的是（ ）。 A. “设计” 视图只能进行可视化编辑，不能查看代码 B. “代码” 视图只能编辑代码，不能进行可视化操作 C. 在 “设计” 视图中修改内容，“代码” 视图中的代码会自动更新 D. 在 “代码” 视图中修改代码，“设计” 视图中的内容不会自动更新 2、 判断题（本大题共10小题，每小题1分，共10分） 1.在 Dreamweaver CS5 中，站点是由多个独立的网页文件组成，它们之间没有任何关联。（ ） 2.Dreamweaver CS5 的文档窗口只能在 “设计” 视图下编辑网页内容。（ ） 3.在 Dreamweaver CS5 中，创建新网页时只能选择新建空白 HTML 网页。（ ） 4.在 Dreamweaver CS5 中，按 Ctrl + S 快捷键可以保存当前正在编辑的网页。（ ） 5.站点管理器在 Dreamweaver CS5 中主要用于管理网页的布局设计。（ ） 6.在 Dreamweaver CS5 中，网页的扩展名只能是.html。（ ） 7.利用 Dreamweaver CS5 的属性面板可以查看和修改所选对象的属性。（ ） 8.在 Dreamweaver CS5 中，F12 键的功能是在浏览器中预览网页。（ ） 9.在 Dreamweaver CS5 中，“编辑” 菜单可以用来打开一个已有的网页文件。（ ） 10.在 Dreamweaver CS5 中，在 “设计” 视图下修改网页内容，“代码” 视图中的代码会同步更新。（ ） 3、 填空题（本大题共6小题，每空1分，共12分） 1.在 Dreamweaver CS5 中，站点是一系列相关______和______的集合。 2.Dreamweaver CS5 的文档窗口有 “设计” 视图、“代码” 视图和______视图，其中 “代码” 视图主要用于查看和编辑网页的______。 3.在 Dreamweaver CS5 中，创建新网页可以通过点击 “文件” 菜单选择 “新建”，也可以使用快捷键______；保存网页的快捷键是______。 4.若要在 Dreamweaver CS5 中打开一个已有的网页文件，应点击 “文件” 菜单中的______选项；预览网页效果可以按______键在默认浏览器中查看。 5.Dreamweaver CS5 的属性面板用于查看和设置______的属性，当选中图像时，可在属性面板中设置图像的______和高度等属性。 6.在 Dreamweaver CS5 中，网页常见的扩展名除了.html 还有______，创建站点时必须设置站点名称和______。 4、 简答题（本大题共4小题，每小题6分，共24分） 1. 请简述在 Dreamweaver CS5 中站点和网页的区别与联系。 2. 详细说明 Dreamweaver CS5 的窗口组成部分及其各自的功能。 3. 阐述在 Dreamweaver CS5 中创建一个新网页并保存的具体操作步骤。 4. 请描述在 Dreamweaver CS5 中打开一个已有的网页文件并进行预览的操作过程。 五、描述操作过程题 （本大题共2小题，每小题12分，共24分） 1.假设你要在 Dreamweaver CS5 中创建一个个人简历的站点，其中包含一个首页（index.html），请描述具体的操作过程。 2.你已经在本地创建了一个包含多个网页文件的站点，现在需要在 Dreamweaver CS5 中打开其中一个网页文件，并在不同浏览器中预览其效果，请描述操作过程。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$ 编写说明：吉林省高职分类考试《公共管理与服务类考纲百套卷》，依据吉林省高职分类（对口招生）考试各类专业综合卷考试科目及纲要（2021版），应用文科类（公共管理与服务类）专业综合卷考试科目及纲要编写。本专辑共130份试卷两部分组成，第一部分是按考纲的考点要求编写的112份知识点训练卷，第二部分是针对6门课程的掌握要求，编写的18份常考题训练卷。 本试卷是吉林高职分类考试《公共管理与服务类考纲百套卷》的第39卷，是知识点训练卷。按《常用软件操作训练》考试纲要（五）网页制作的知识点要求编写，其要求是： 1.理解站点和网页的含义，了解Dreamweaver CS5的窗口组成。 2.掌握创建、保存、打开、预览网页的基本方法。 吉林省《公共管理与服务类考纲百套卷》 第39卷 《常用软件操作训练》 网页制作（1）知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 1、 选择题（本大题共15小题，每小题2分，共30分） 1.在 Dreamweaver CS5 中，以下关于站点的说法正确的是（ ）。 A. 站点就是一个单独的网页文件 B. 站点是一系列相关网页和资源的集合 C. 站点只能包含网页，不能包含图像等其他资源 D. 一个网站只能有一个站点 【答案】B 解析：在 Dreamweaver CS5 中，站点是一系列相关网页、图像、脚本文件及其他资源的集合，它有助于组织和管理网站内容，并非一个单独的网页文件，也不仅限于网页，还能包含多种资源，且一个网站可以根据需求创建多个站点，所以 B 选项正确。 2.Dreamweaver CS5 的工作界面中，用于显示和编辑网页内容的区域是（ ）。 A. 菜单栏 B. 文档窗口 C. 属性面板 D. 面板组 【答案】B 解析：在 Dreamweaver CS5 中，菜单栏包含各种操作命令；文档窗口是用于显示和编辑网页内容的主要区域，用户可以在此进行文本输入、插入图片、设置链接等操作；属性面板用于设置和查看所选对象的属性；面板组包含了多个面板，如文件面板、代码面板等，辅助网页制作。所以 B 选项正确。 3.在 Dreamweaver CS5 中，创建一个新的 HTML 网页文件，应选择（ ）菜单。 A. 文件 B. 编辑 C. 插入 D. 站点 【答案】A 解析：在 Dreamweaver CS5 中，要创建新的 HTML 网页文件，通常点击 “文件” 菜单，选择 “新建”，在弹出的 “新建文档” 对话框中选择 “HTML” 类型，然后点击 “创建” 即可，所以 A 选项正确。编辑菜单主要用于复制、粘贴等操作；插入菜单用于插入各种元素，如图像、表格等；站点菜单用于管理站点相关操作。 4.在 Dreamweaver CS5 中，保存当前网页的快捷键是（ ）。 A. Ctrl + S B. Ctrl + N C. Ctrl + O D. Ctrl + P 【答案】A 解析：在 Dreamweaver CS5 中，Ctrl + S 是保存当前文件（包括网页）的快捷键；Ctrl + N 是新建文件的快捷键；Ctrl + O 是打开文件的快捷键；Ctrl + P 是打印的快捷键，所以 A 选项正确。 5.在 Dreamweaver CS5 中，若要打开一个已有的网页文件，应选择（ ）菜单。 A. 文件 B. 编辑 C. 查看 D. 窗口 【答案】A 解析：在 Dreamweaver CS5 中，打开已有的网页文件，需点击 “文件” 菜单，选择 “打开”，然后在弹出的对话框中找到对应的网页文件并打开，所以 A 选项正确。编辑菜单用于编辑操作；查看菜单用于调整视图等；窗口菜单用于管理各个面板和窗口的显示。 6.在 Dreamweaver CS5 中，以下哪种方式不能预览网页效果？（ ） A. 点击 “文件” 菜单中的 “在浏览器中预览” B. 按 F12 键 C. 点击文档窗口中的 “实时视图” 按钮 D. 点击 “编辑” 菜单中的 “预览” 【答案】D 解析：在 Dreamweaver CS5 中，点击 “文件” 菜单中的 “在浏览器中预览”，可以选择不同的浏览器来查看网页效果；按 F12 键也能快速在默认浏览器中预览网页；点击文档窗口中的 “实时视图” 按钮，可在软件内查看近似于浏览器中的网页效果。而 “编辑” 菜单中没有 “预览” 选项，不能用于预览网页，所以 D 选项符合题意。 7.在 Dreamweaver CS5 中，站点管理器主要用于（ ）。 A. 管理网页中的文字内容 B. 管理站点中的文件和文件夹 C. 管理网页的布局 D. 管理网页的颜色 【答案】B 解析：在 Dreamweaver CS5 中，站点管理器（通常在文件面板中体现）主要用于管理站点中的文件和文件夹，如创建、删除、移动文件和文件夹等操作，方便组织和管理整个站点的资源，所以 B 选项正确。管理网页中的文字内容主要在文档窗口中进行编辑；管理网页布局可通过布局工具和相关代码设置；管理网页颜色可在属性面板或代码中设置颜色属性。 8.在 Dreamweaver CS5 中，以下关于网页的说法错误的是（ ）。 A. 网页可以包含文字、图像、链接等元素 B. 网页的扩展名通常为.html 或.htm C. 一个站点只能有一个网页 D. 网页是通过浏览器展示给用户的页面 【答案】C 解析：在 Dreamweaver CS5 中，网页可以包含文字、图像、链接、音频、视频等多种元素，是通过浏览器展示给用户的页面，其扩展名通常为.html 或.htm。一个站点可以包含多个网页，这些网页相互关联，共同构成一个完整的网站，所以 C 选项错误。 9.在 Dreamweaver CS5 中，文档窗口的 “代码” 视图主要用于（ ）。 A. 可视化编辑网页布局 B. 查看和编辑网页的 HTML 代码 C. 预览网页效果 D. 插入网页元素 【答案】B 解析：在 Dreamweaver CS5 中，文档窗口有 “代码” 视图、“设计” 视图和 “拆分” 视图等。“代码” 视图主要用于查看和编辑网页的 HTML 代码，适合专业开发者对代码进行精细调整；“设计” 视图用于可视化编辑网页布局；“实时视图” 等用于预览网页效果；插入网页元素可在 “插入” 菜单或相关面板中操作，所以 B 选项正确。 10.在 Dreamweaver CS5 中，创建站点时，以下哪个信息不是必须设置的？（ ） A. 站点名称 B. 本地站点文件夹 C. 服务器技术 D. 以上都不是 【答案】C 解析：在 Dreamweaver CS5 中创建站点时，站点名称和本地站点文件夹是必须设置的。站点名称方便用户识别和管理站点，本地站点文件夹用于存储站点相关的文件和资源。而服务器技术在创建简单的静态网站时不是必须设置的，只有当网站涉及动态内容、数据库连接等情况时才需要设置服务器技术，所以 C 选项正确。 11.在 Dreamweaver CS5 中，若要将网页保存为模板，应选择（ ）菜单。 A. 文件 B. 站点 C. 窗口 D. 命令 【答案】A 解析：在 Dreamweaver CS5 中，将网页保存为模板，点击 “文件” 菜单，选择 “另存为模板”，然后在弹出的对话框中进行相关设置即可，所以 A 选项正确。站点菜单用于站点管理操作；窗口菜单用于管理窗口和面板；命令菜单包含一些自动化命令和扩展功能。 12.在 Dreamweaver CS5 中，以下哪种操作不能在属性面板中完成？（ ） A. 设置文字的字体 B. 设置图像的宽度和高度 C. 设置网页的背景颜色 D. 新建一个网页文件 【答案】D 解析：在 Dreamweaver CS5 中，属性面板用于设置和查看所选对象的属性。当选中文字时，可以在属性面板中设置文字的字体、字号、颜色等；选中图像时，可设置图像的宽度、高度、对齐方式等；选中页面元素时，也能设置网页的背景颜色等。而新建一个网页文件需要在 “文件” 菜单中操作，不能在属性面板中完成，所以 D 选项符合题意。 13.在 Dreamweaver CS5 中，按 Ctrl + Shift + F12 组合键的作用是（ ）。 A. 保存网页 B. 打开网页 C. 在浏览器中预览网页，并选择浏览器 D. 新建网页 【答案】C 解析：在 Dreamweaver CS5 中，Ctrl + Shift + F12 组合键的作用是在浏览器中预览网页，并可以选择不同的浏览器进行预览，方便用户查看网页在不同浏览器中的兼容性，所以 C 选项正确。Ctrl + S 是保存网页；Ctrl + O 是打开网页；Ctrl + N 是新建网页。 14.在 Dreamweaver CS5 中，若要在网页中插入一个图片，应选择（ ）菜单。 A. 文件 B. 插入 C. 编辑 D. 站点 【答案】B 解析：在 Dreamweaver CS5 中，要在网页中插入图片，点击 “插入” 菜单，选择 “图像”，然后在弹出的对话框中选择需要插入的图片文件即可，所以 B 选项正确。文件菜单主要用于文件的新建、打开、保存等操作；编辑菜单用于编辑内容；站点菜单用于站点管理。 15.在 Dreamweaver CS5 中，以下关于 “设计” 视图和 “代码” 视图的说法正确的是（ ）。 A. “设计” 视图只能进行可视化编辑，不能查看代码 B. “代码” 视图只能编辑代码，不能进行可视化操作 C. 在 “设计” 视图中修改内容，“代码” 视图中的代码会自动更新 D. 在 “代码” 视图中修改代码，“设计” 视图中的内容不会自动更新 【答案】C 解析：在 Dreamweaver CS5 中，“设计” 视图主要用于可视化编辑网页布局，但也可以通过切换到 “拆分” 视图查看代码；“代码” 视图主要用于编辑代码，在 “拆分” 视图下也能进行一定的可视化操作。并且在 “设计” 视图中修改内容，“代码” 视图中的代码会自动更新；在 “代码” 视图中修改代码，“设计” 视图中的内容也会自动更新，保持两者的同步，所以 C 选项正确。 2、 判断题（本大题共10小题，每小题1分，共10分） 1.在 Dreamweaver CS5 中，站点是由多个独立的网页文件组成，它们之间没有任何关联。（ ） 【答案】× 解析：在 Dreamweaver CS5 中，站点是一系列相关网页和资源的集合，网页之间通常通过链接等方式相互关联，共同构成一个完整的网站结构，并非相互独立，所以该题错误。 2.Dreamweaver CS5 的文档窗口只能在 “设计” 视图下编辑网页内容。（ ） 【答案】× 解析：Dreamweaver CS5 的文档窗口有 “设计” 视图、“代码” 视图和 “拆分” 视图等。在 “设计” 视图下可进行可视化编辑，在 “代码” 视图下能编辑 HTML 代码，“拆分” 视图则兼顾两者。所以文档窗口并非只能在 “设计” 视图下编辑网页内容，该题错误。 3.在 Dreamweaver CS5 中，创建新网页时只能选择新建空白 HTML 网页。（ ） 【答案】× 解析：在 Dreamweaver CS5 中，点击 “文件” 菜单选择 “新建” 后，不仅可以创建空白 HTML 网页，还能基于模板创建网页，或者选择创建其他类型的网页文件，如 ASP、PHP 等动态网页文件（前提是安装了相应插件或环境支持），所以该题错误。 4.在 Dreamweaver CS5 中，按 Ctrl + S 快捷键可以保存当前正在编辑的网页。（ ） 【答案】√ 解析：在 Dreamweaver CS5 中，Ctrl + S 是保存当前文件的通用快捷键，对于正在编辑的网页同样适用，按下该组合键可保存网页，所以该题正确。 5.站点管理器在 Dreamweaver CS5 中主要用于管理网页的布局设计。（ ） 【答案】× 解析：在 Dreamweaver CS5 中，站点管理器（一般在文件面板体现）主要用于管理站点中的文件和文件夹，如创建、删除、移动等操作，方便组织站点资源。而管理网页布局设计主要通过文档窗口的 “设计” 视图和相关布局工具以及代码来实现，所以该题错误。 6.在 Dreamweaver CS5 中，网页的扩展名只能是.html。（ ） 【答案】× 解析：在 Dreamweaver CS5 中，网页常见的扩展名有.html 和.htm，这两种扩展名都表示 HTML 格式的网页文件，所以网页扩展名不只是.html，该题错误。 7.利用 Dreamweaver CS5 的属性面板可以查看和修改所选对象的属性。（ ） 【答案】√ 解析：在 Dreamweaver CS5 中，属性面板的主要功能就是查看和设置所选对象的属性，比如选中文字可设置字体、字号等，选中图像可设置宽度、高度等，所以该题正确。 8.在 Dreamweaver CS5 中，F12 键的功能是在浏览器中预览网页。（ ） 【答案】√ 解析：在 Dreamweaver CS5 中，按下 F12 键能够快速在默认浏览器中预览当前网页的效果，方便查看网页实际呈现状态，所以该题正确。 9.在 Dreamweaver CS5 中，“编辑” 菜单可以用来打开一个已有的网页文件。（ ） 【答案】× 解析：在 Dreamweaver CS5 中，打开已有的网页文件需要在 “文件” 菜单中选择 “打开” 选项，“编辑” 菜单主要用于复制、粘贴、剪切等编辑操作，不能打开网页文件，所以该题错误。 10.在 Dreamweaver CS5 中，在 “设计” 视图下修改网页内容，“代码” 视图中的代码会同步更新。（ ） 【答案】√ 解析：在 Dreamweaver CS5 中，“设计” 视图和 “代码” 视图是相互关联的。在 “设计” 视图下对网页内容进行修改，“代码” 视图中的 HTML 代码会自动更新，反之亦然，以保持两者的一致性，所以该题正确。 3、 填空题（本大题共6小题，每空1分，共12分） 1.在 Dreamweaver CS5 中，站点是一系列相关______和______的集合。 【答案】网页；资源 解析：站点在 Dreamweaver CS5 中并非孤立的存在，它整合了多个相互关联的网页，同时还涵盖了图像、脚本文件等各类资源，这些元素共同构成了一个完整的站点，方便用户进行统一管理和维护。 2.Dreamweaver CS5 的文档窗口有 “设计” 视图、“代码” 视图和______视图，其中 “代码” 视图主要用于查看和编辑网页的______。 【答案】拆分；HTML 代码 解析：Dreamweaver CS5 的文档窗口提供了多种视图模式以满足不同用户的操作需求。“拆分” 视图将可视化编辑区域和代码编辑区域同时展示，方便用户对照操作。而 “代码” 视图专注于网页 HTML 代码的查看与编辑，专业开发者常在此视图下对代码进行精细调整。 3.在 Dreamweaver CS5 中，创建新网页可以通过点击 “文件” 菜单选择 “新建”，也可以使用快捷键______；保存网页的快捷键是______。 【答案】Ctrl + N；Ctrl + S 解析：在 Dreamweaver CS5 的日常操作中，熟练掌握快捷键能大幅提升工作效率。Ctrl + N 快捷键可快速唤起新建文件的对话框，方便用户创建新网页。Ctrl + S 则是保存当前文件的通用快捷键，无论是新建的网页还是正在编辑的已有网页，按下此组合键都能及时保存文件，防止数据丢失。 4.若要在 Dreamweaver CS5 中打开一个已有的网页文件，应点击 “文件” 菜单中的______选项；预览网页效果可以按______键在默认浏览器中查看。 【答案】打开；F12 解析：在处理网页文件时，打开已存在的网页是常见操作，通过 “文件” 菜单中的 “打开” 选项，用户可轻松找到并打开所需的网页文件。而在设计网页过程中，需要随时查看网页在浏览器中的实际效果，按下 F12 键即可快速在默认浏览器中预览当前网页，方便用户及时发现问题并进行调整 。 5.Dreamweaver CS5 的属性面板用于查看和设置______的属性，当选中图像时，可在属性面板中设置图像的______和高度等属性。 【答案】所选对象；宽度 解析：属性面板是 Dreamweaver CS5 中一个非常实用的工具，它主要用于查看和修改用户所选对象的相关属性。当用户在文档窗口中选中图像时，属性面板会显示与图像相关的属性选项，其中包括图像的宽度、高度、对齐方式等，用户可根据需求进行相应设置。 6.在 Dreamweaver CS5 中，网页常见的扩展名除了.html 还有______，创建站点时必须设置站点名称和______。 【答案】.htm；本地站点文件夹 解析：在网页制作领域，.html 和.htm 是两种常见的网页文件扩展名，它们都代表 HTML 格式的网页文件。而在 Dreamweaver CS5 中创建站点时，站点名称和本地站点文件夹是两个必填项。站点名称便于用户识别和管理站点，本地站点文件夹则用于存储站点相关的所有文件和资源，为站点的构建和管理提供基础支持。 4、 简答题（本大题共4小题，每小题6分，共24分） 1.请简述在 Dreamweaver CS5 中站点和网页的区别与联系。 【答案】在 Dreamweaver CS5 中，站点和网页有着明显的区别与紧密的联系。区别在于：站点是一系列相关网页和资源的集合，它就像是一个大的容器，不仅包含网页，还涵盖图像、脚本文件、样式表等各种资源。而网页是站点的基本构成元素，是通过浏览器展示给用户的单个页面，包含文字、图像、链接等具体内容。联系是：网页是站点的重要组成部分，多个网页通过链接等方式相互关联，共同构成一个完整的站点。一个站点可以包含多个网页，这些网页在风格、内容等方面相互协调，共同为站点的主题和功能服务。例如，一个电商网站的站点中，包含首页、商品详情页、购物车页面等多个网页，它们共同为用户提供购物相关的服务。 2.详细说明 Dreamweaver CS5 的窗口组成部分及其各自的功能。 【答案】Dreamweaver CS5 的窗口主要由以下部分组成：菜单栏：包含了各种操作命令，如 “文件” 菜单用于文件的新建、打开、保存等操作；“编辑” 菜单用于复制、粘贴、查找替换等编辑操作；“插入” 菜单用于插入图像、表格、链接等网页元素；“修改” 菜单用于修改网页元素的属性、样式等。文档窗口：是显示和编辑网页内容的主要区域，有 “设计” 视图、“代码” 视图和 “拆分” 视图。“设计” 视图用于可视化编辑网页布局，直接拖拽元素即可排版；“代码” 视图用于查看和编辑网页的 HTML 代码，方便专业开发者进行精细调整；“拆分” 视图将 “设计” 视图和 “代码” 视图同时展示，便于对照操作。属性面板：用于查看和设置所选对象的属性。当选中文字时，可设置字体、字号、颜色等属性；选中图像时，能设置图像的宽度、高度、对齐方式等属性；选中表格时，可设置表格的行数、列数、边框等属性。面板组：包含多个面板，如 “文件” 面板用于管理站点中的文件和文件夹，可进行新建、删除、移动等操作；“CSS 样式” 面板用于创建和管理 CSS 样式，控制网页的外观显示；“行为” 面板用于添加 JavaScript 行为，实现网页的交互效果等。 3.阐述在 Dreamweaver CS5 中创建一个新网页并保存的具体操作步骤。 【答案】在 Dreamweaver CS5 中创建新网页并保存的具体操作步骤如下： 创建新网页：方法一：点击 “文件” 菜单，选择 “新建”，在弹出的 “新建文档” 对话框中，选择 “空白页”，文档类型选择 “HTML”，然后点击 “创建” 按钮，即可创建一个新的空白 HTML 网页。方法二：使用快捷键 Ctrl + N，同样会弹出 “新建文档” 对话框，按照上述步骤选择相关选项后点击 “创建”。保存网页：点击 “文件” 菜单，选择 “保存”（如果是新建网页首次保存，会弹出 “另存为” 对话框）。在 “另存为” 对话框中，选择网页要保存的位置，即本地站点文件夹中的某个具体文件夹。为网页命名，注意网页的扩展名通常为.html 或.htm。点击 “保存” 按钮，完成网页的保存操作。 4.请描述在 Dreamweaver CS5 中打开一个已有的网页文件并进行预览的操作过程。 【答案】在 Dreamweaver CS5 中打开已有的网页文件并进行预览的操作过程如下：打开网页文件：点击 “文件” 菜单，选择 “打开”，在弹出的 “打开” 对话框中，找到网页文件所在的位置，这个位置通常是在本地站点文件夹中。选中要打开的网页文件，文件扩展名一般为.html 或.htm。点击 “打开” 按钮，该网页文件就会在 Dreamweaver CS5 的文档窗口中打开。预览网页：方法一：点击 “文件” 菜单中的 “在浏览器中预览”，会弹出一个子菜单，显示已安装的浏览器列表，选择想要使用的浏览器，即可在该浏览器中预览网页效果。方法二：直接按 F12 键，网页会在默认浏览器中打开进行预览，方便快捷地查看网页在浏览器中的实际显示效果，以便及时发现问题并进行调整。 五、描述操作过程题 （本大题共2小题，每小题12分，共24分） 1.假设你要在 Dreamweaver CS5 中创建一个个人简历的站点，其中包含一个首页（index.html），请描述具体的操作过程。 【答案】新建站点：打开 Dreamweaver CS5 软件，点击 “站点” 菜单，选择 “新建站点”。 在弹出的 “站点设置对象” 对话框中，在 “站点名称” 处输入 “个人简历站点”（可根据自己喜好命名）。在 “本地站点文件夹” 处，点击 “浏览” 按钮，选择一个本地磁盘上的文件夹作为站点的存储位置，例如在 D 盘创建一个名为 “PersonalResumeSite” 的文件夹并选择它，然后点击 “保存”。其他设置可保持默认，最后点击 “保存” 按钮完成站点的创建。创建首页：站点创建完成后，在 “文件” 面板（通常在软件的右侧，若未显示可通过 “窗口” 菜单 - “文件” 打开）中，右键点击站点名称，选择 “新建文件”。 此时会生成一个新的文件，将其命名为 “index.html”，这就是个人简历站点的首页。 双击 “index.html” 文件，在文档窗口中开始编辑首页内容。可以切换到 “设计” 视图，通过 “插入” 菜单插入文本框输入个人信息，如姓名、联系方式、教育背景等；插入图像，如个人照片；还可以插入表格来整理信息，让页面布局更清晰。编辑完成后，点击 “文件” 菜单中的 “保存” 或按 Ctrl + S 快捷键保存网页。 2.你已经在本地创建了一个包含多个网页文件的站点，现在需要在 Dreamweaver CS5 中打开其中一个网页文件，并在不同浏览器中预览其效果，请描述操作过程。 【答案】打开网页文件：启动 Dreamweaver CS5 软件，点击 “文件” 菜单，选择 “打开”。 在弹出的 “打开” 对话框中，找到本地站点所在的文件夹并打开。例如站点文件夹存放在 E 盘的 “WebSite” 文件夹中，就依次展开找到该文件夹。在站点文件夹中找到需要打开的网页文件，假设文件名为 “about.html”，选中它后点击 “打开” 按钮，该网页文件就会在 Dreamweaver CS5 的文档窗口中显示出来。在不同浏览器中预览：点击 “文件” 菜单中的 “在浏览器中预览”，会弹出一个子菜单，其中列出了电脑上已安装的浏览器。若要在 Chrome 浏览器中预览，就在子菜单中选择 Chrome 浏览器选项（前提是电脑已安装 Chrome 浏览器），网页就会在 Chrome 浏览器中打开，展示其实际效果。若还想在 Firefox 浏览器中预览，重复上述步骤，在 “在浏览器中预览” 的子菜单中选择 Firefox 浏览器即可。通过在不同浏览器中预览，可以检查网页在不同浏览器中的兼容性，如页面布局是否错乱、样式显示是否正常等，并及时进行调整。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$