《网页设计与制作》创建本地站点（1）（举一反三考点练）-讲义

举一反三考点练 《网页设计与制作》创建本地站点-讲义 1. 理解Dreamweaver 站点概念与三种类型 2. 掌握新建本地站点的方法 3. 掌握站点日常管理与文件操作 知识点一 Dreamweaver 站点概念与三种类型 1.本地站点 （1）定义 ① 存储于本地磁盘或网络驱动器，用于日常设计、调试。 ② Dreamweaver 称该文件夹为“Local Site”，是开发主战场。 （2）作用 ① 脱离外网，随时修改、预览、测试页面。 ② 与远程数据隔离，避免半成品影响线上用户。 （3）设置要点 ① 路径勿含中文与空格，防止跨平台出错。 ② 建议单独分区或磁盘根目录，便于备份与迁移。 2.远程站点 （1）定义 ① 位于 Web 服务器，供全球用户访问。 ② 通过 FTP/SFTP 与本地站点双向同步。 （2）作用 ① 发布最终文件，实现线上更新。 ② 团队协作时，作为集中存储仓库。 （3）配置要点 ① 提前获取主机 IP、用户名、密码、端口号。 ② 测试“连接”成功后，再执行批量上传，减少失败。 3.测试服务器 （1）定义 ① 专用于运行动态脚本（PHP/ASP/JSP）的本地或局域网服务器。 ② Dreamweaver 把结果实时显示在浏览器中。 （2）作用 ① 在真环境下调试数据库、表单、权限等逻辑。 ② 避免直接上线因脚本错误导致停机。 （3）配置要点 ① 确保本地已装对应语言运行环境（如 XAMPP、WAMP）。 ② 在“服务器”类别中填写 URL 前缀与根目录，保持与远程一致。 （多项选择题）关于 Dreamweaver 站点的三种类型，以下说法正确的是（ ） A. 本地站点主要用于日常设计与调试，存储于本地磁盘或网络驱动器 B. 远程站点位于 Web 服务器，通过 FTP/SFTP 与本地站点双向同步 C. 测试服务器用于运行动态脚本，如 PHP/ASP/JSP D. 本地站点和远程站点的配置要点完全相同 【答案】ABC 【解析】本地站点、远程站点和测试服务器各有不同的定义、作用和配置要点。本地站点主要用于日常设计与调试，存储于本地磁盘或网络驱动器；远程站点位于 Web 服务器，通过 FTP/SFTP 与本地站点双向同步；测试服务器用于运行动态脚本，如 PHP/ASP/JSP。而本地站点和远程站点的配置要点并不完全相同，例如，远程站点需要提前获取主机 IP、用户名、密码、端口号等信息。 【要点】考查对 Dreamweaver 站点三种类型的理解。 1.（单项选择题）在 Dreamweaver 中，本地站点文件夹的路径设置时，以下说法正确的是（ ） A. 可以包含中文字符和空格 B. 建议包含中文字符以便识别 C. 建议不包含中文字符和空格 D. 只能包含英文字符 【答案】C 【解析】在 Dreamweaver 中设置本地站点文件夹路径时，建议不包含中文字符和空格，以防止跨平台出错。 【要点】考查本地站点文件夹路径设置的要点。 2.（单项选择题）以下关于远程站点的说法，错误的是（ ） A. 远程站点位于 Web 服务器，供全球用户访问 B. 远程站点通过 FTP/SFTP 与本地站点双向同步 C. 远程站点的配置要点包括提前获取主机 IP、用户名、密码、端口号 D. 远程站点主要用于日常设计与调试 【答案】D 【解析】远程站点主要用于发布最终文件，实现线上更新，而不是用于日常设计与调试。本地站点才是用于日常设计与调试的。 【要点】考查对远程站点作用的理解。 3.（多项选择题）关于测试服务器，以下说法正确的是（ ） A. 测试服务器是专用于运行动态脚本的本地或局域网服务器 B. 测试服务器可以实时将结果显示在浏览器中 C. 测试服务器的作用是在真实环境下调试数据库、表单、权限等逻辑 D. 测试服务器的配置要点包括确保本地已装对应语言运行环境 【答案】ABCD 【解析】测试服务器是专用于运行动态脚本的本地或局域网服务器，可以实时将结果显示在浏览器中，其作用是在真实环境下调试数据库、表单、权限等逻辑，配置要点包括确保本地已装对应语言运行环境，如 XAMPP、WAMP 等。 【要点】考查对测试服务器的理解。 1.（填空题）在 Dreamweaver 中，本地站点文件夹建议单独分区或存放在磁盘的______，便于备份与迁移。 【答案】根目录 【解析】在 Dreamweaver 中，为了便于备份与迁移，建议将本地站点文件夹单独分区或存放在磁盘的根目录。 【要点】考查本地站点文件夹存放位置的建议。 2.（填空题）远程站点通过______与本地站点双向同步。 【答案】FTP/SFTP 【解析】远程站点通过 FTP/SFTP 与本地站点双向同步，实现文件的上传和下载。 【要点】考查远程站点与本地站点同步的方式。 3.（判断题）测试服务器可以避免直接上线因脚本错误导致停机（ ） 【答案】√ 【解析】测试服务器的作用之一就是在真实环境下调试数据库、表单、权限等逻辑，避免直接上线因脚本错误导致停机。 【要点】考查测试服务器的作用。 · 本地站点：存在本机，用于日常设计与调试，路径忌中文。 · 远程站点：Web 服务器空间，通过 FTP 同步，供访客访问。 · 测试服务器：跑 PHP/ASP/JSP 的本地环境，真机调试数据库与逻辑。 知识点二 新建本地站点的方法 1.前期准备 （1）创建根目录 ① 在硬盘新建文件夹，命名与项目相关，如“travel_site”。 ② 内部再建 images、css、js、templates 等子目录，保持树状清晰。 （2）收集资源 ① 把首页草图、Logo 原图、色彩规范放入 reference 文件夹。 ② 统一图片命名规则，避免中文与特殊符号。 2.软件内设置 （1）打开站点向导 ① 启动 Dreamweaver → 菜单“站点”→“新建站点”。 ② 也可在“文件”面板点击“管理站点”→“新建”。 （2）填写基本信息 ① “站点名称”仅用于软件识别，可写中文。 ② “本地站点文件夹”通过浏览按钮指向第 1 步创建的根目录。 （3）高级选项 ① “默认图像文件夹”指向 images，插入图片时自动归位。 ② 勾选“启用缓存”，加快链接检查与资源管理速度。 3.完成与验证 （1）保存 ① 单击“保存”后，站点自动出现在“文件”面板。 ② 根目录所有文件即时加载，可双击开始编辑。 （2）初步检查 ① 新建 index.html，看能否正常打开代码/设计双视图。 ② 在浏览器中预览，确认路径无 404 或中文乱码。 （多项选择题）在创建本地站点时，以下关于前期准备的说法正确的是（ ） A. 创建根目录时，文件夹命名应与项目相关，如“travel_site” B. 在硬盘新建文件夹后，无需在内部再建子目录 C. 收集资源时，首页草图、Logo原图等应放入reference文件夹 D. 图片命名规则应避免中文与特殊符号 【答案】ACD 【解析】创建根目录时，文件夹命名应与项目相关，且内部需再建如images、css、js等子目录，保持树状清晰。收集资源时，首页草图、Logo原图等应放入reference文件夹，图片命名规则应避免中文与特殊符号。 【要点】考查创建本地站点前期准备的正确操作。 1.（单项选择题）在Dreamweaver中新建本地站点时，打开站点向导的正确操作是（ ） A. 启动Dreamweaver → 菜单“文件”→“新建站点” B. 启动Dreamweaver → 菜单“站点”→“新建站点” C. 启动Dreamweaver → 菜单“编辑”→“新建站点” D. 启动Dreamweaver → 菜单“窗口”→“新建站点” 【答案】B 【解析】在Dreamweaver中，应通过菜单“站点”→“新建站点”打开站点向导。 【要点】考查打开站点向导的操作路径。 2.（单项选择题）在新建本地站点的软件内设置中，以下说法错误的是（ ） A. “站点名称”仅用于软件识别，可写中文 B. “本地站点文件夹”通过浏览按钮指向创建的根目录 C. “默认图像文件夹”必须指向根目录下的images文件夹 D. 勾选“启用缓存”可加快链接检查与资源管理速度 【答案】C 【解析】“默认图像文件夹”通常指向根目录下的images文件夹，但并不是必须的，可以根据实际需求进行设置。 【要点】考查新建本地站点时软件内设置的注意事项。 3.（多项选择题）在新建本地站点的完成与验证阶段，以下操作正确的是（ ） A. 单击“保存”后，站点自动出现在“文件”面板 B. 根目录所有文件即时加载，可双击开始编辑 C. 新建index.html后，无需在浏览器中预览，直接开始编辑代码 D. 在浏览器中预览时，若出现404或中文乱码，说明路径设置有误 【答案】ABD 【解析】单击“保存”后，站点自动出现在“文件”面板，根目录所有文件即时加载，可双击开始编辑。新建index.html后，应在浏览器中预览，确认路径无404或中文乱码，若出现这些问题，说明路径设置有误。 【要点】考查新建本地站点完成与验证阶段的操作要点。 1.（填空题）在创建本地站点时，新建根目录后，内部通常会再建images、css、js、templates等子目录，其中images子目录用于存放______。 【答案】图片 【解析】在创建本地站点时，新建根目录后，内部通常会再建images、css、js、templates等子目录，其中images子目录用于存放图片。 【要点】考查子目录的用途。 2.（填空题）在Dreamweaver中新建本地站点时，“站点名称”仅用于软件识别，填写时______（可/不可）写中文。 【答案】可 【解析】在Dreamweaver中新建本地站点时，“站点名称”仅用于软件识别，填写时可写中文。 【要点】考查“站点名称”的填写要求。 3.（判断题）新建本地站点时，勾选“启用缓存”会降低链接检查与资源管理速度（ ） 【答案】× 【解析】勾选“启用缓存”可加快链接检查与资源管理速度，而不是降低速度。 【要点】考查“启用缓存”的作用。 · 硬盘建根目录与常用子文件夹。 · 启动 DW →"站点">"新建站点"。 · 填站点名 + 选本地文件夹。 · 设默认图像目录，勾"启用缓存"。 · 保存后文件面板即时加载，新建 index.html 验证路径。 知识点三 站点日常管理与文件操作 1.站点级维护 （1）编辑属性 ① “管理站点”→选中名称→“编辑”可修改路径、服务器信息。 ② 无需重建，即可把项目迁移到新磁盘或云盘。 （2）复制与删除 ① “复制”可快速生成测试分支，原配置全部保留。 ② “删除”仅断开软件关联，不删除硬盘实体文件，可恢复。 （3）导入导出 ① 导出为 *.ste 文件，方便团队共享或在不同电脑重建环境。 ② 接收方导入后，只需重新填写 FTP 密码即可同步。 2.文件与文件夹操作 （1）新建 ① 右击“文件”面板→“新建文件/文件夹”，即时生成并命名。 ② 新建位置=右击位置，合理利用可减少拖拽步骤。 （2）移动与复制 ① 拖拽或“剪切/粘贴”均可；Dreamweaver 自动提示是否更新内部链接。 ② 选择“更新”可防止路径失效，保持站内外链接一致。 （3）删除 ① Delete 键删除会入回收站，彻底删除前会二次确认。 ② 删除模板或库项目时，需检查引用页面是否报错。 3.最佳实践 （1）定期备份 ① 用 Git 或复制整个根目录到云盘，保留历史版本。 ② 上传远程前，先在本地生成“测试服务器”快照。 （2）命名规范 ① 文件夹小写英文，单词用“_”分隔；文件同名再加序号。 ② 统一首页、列表页、详情页文件名，方便后期脚本批量处理。 （多项选择题）关于站点日常管理与文件操作，以下说法正确的是（ ） A. 编辑站点可以修改站点的路径、服务器信息等配置，方便将项目迁移到新位置 B. 删除站点会同时删除硬盘上的实体文件，无法恢复 C. 在“文件”面板中新建文件或文件夹时，右击的位置即为创建后的位置 D. 移动或复制文件后，Dreamweaver CC会弹出“更新文件”对话框，提示更新链接信息 【答案】ACD 【解析】选项A正确，编辑站点可以修改站点的路径、服务器信息等配置，方便将项目迁移到新位置，而无需重建站点。选项B错误，删除站点仅断开软件与站点的关联，硬盘上的实体文件不会被删除，可以恢复。选项C正确，在“文件”面板中新建文件或文件夹时，右击的位置即为创建后的位置。选项D正确，移动或复制文件后，Dreamweaver CC会弹出“更新文件”对话框，提示更新链接信息，以确保站内外链接的一致性。 【要点】考查站点日常管理与文件操作的基本概念和操作。 1.（单项选择题）在Dreamweaver中，新建本地站点时，以下关于“默认图像文件夹”的说法正确的是（ ） A.必须指向站点根目录下的“images”文件夹 B.可以指向任意文件夹，但建议指向存放图像文件的文件夹 C.不能设置，默认为站点根目录 D.设置后无法更改 【答案】B 【解析】在Dreamweaver中，新建本地站点时，“默认图像文件夹”可以指向任意文件夹，但建议指向存放图像文件的文件夹，这样在插入图片时可以自动归位，便于管理和维护。 【要点】考查新建本地站点时“默认图像文件夹”的设置。 2.（单项选择题）关于站点的复制操作，以下说法正确的是（ ） A.复制站点会将站点的配置和文件全部复制一份 B.复制站点仅复制站点的配置，不复制文件 C.复制站点后，新站点与原站点的文件夹路径必须相同 D.复制站点后，新站点的名称不能与原站点相同 【答案】B 【解析】在Dreamweaver中，复制站点仅复制站点的配置，不复制文件。复制站点后，新站点与原站点的文件夹路径可以不同，新站点的名称也可以与原站点相同，但建议使用不同的名称以便区分。 【要点】考查站点复制操作的特点。 3.（多项选择题）在Dreamweaver中，关于文件与文件夹操作，以下说法正确的是（ ） A.新建文件或文件夹时，可以通过右击“文件”面板中的空白处来完成 B.移动文件或文件夹时，可以使用剪切和粘贴操作，也可以使用拖拽操作 C.删除文件或文件夹时，按Delete键会直接从硬盘上删除，无法恢复 D.重命名文件或文件夹时，可以通过右击文件或文件夹并选择“重命名”选项来完成 【答案】ABD 【解析】选项A正确，新建文件或文件夹时，可以通过右击“文件”面板中的空白处来完成。选项B正确，移动文件或文件夹时，可以使用剪切和粘贴操作，也可以使用拖拽操作。选项C错误，删除文件或文件夹时，按Delete键会将文件或文件夹放入回收站，可以通过回收站恢复。选项D正确，重命名文件或文件夹时，可以通过右击文件或文件夹并选择“重命名”选项来完成。 【要点】考查文件与文件夹操作的基本方法。 1.（填空题）在站点日常管理中，可以通过“管理站点”对话框中的“______”按钮，快速生成站点的副本，原配置全部保留。 【答案】复制 【解析】在站点日常管理中，可以通过“管理站点”对话框中的“复制”按钮，快速生成站点的副本，原配置全部保留。 【要点】考查站点复制操作的相关按钮名称。 2.（填空题）在“文件”面板中，新建文件或文件夹时，右击的位置即为创建后的位置，因此合理利用可以减少______步骤。 【答案】拖拽 【解析】在“文件”面板中，新建文件或文件夹时，右击的位置即为创建后的位置，因此合理利用可以减少拖拽步骤。 【要点】考查新建文件或文件夹时位置选择的意义。 3.（判断题）在Dreamweaver中，删除站点会同时删除硬盘上的实体文件，无法恢复（ ） 【答案】× 【解析】在Dreamweaver中，删除站点仅断开软件与站点的关联，硬盘上的实体文件不会被删除，可以恢复。 【要点】考查站点删除操作的特点。 · 管理站点：可编辑、复制、删除、导出 *.ste 共享配置。 · 文件操作：右击新建/删/移，DW 自动提示更新链接。 · 备份规范：定期打包或 Git，命名小写加下划线，首页统一 index。 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $