6.3.1-Dreamweaver CS5设置站点信息（教案）-《网页设计与制作》同步教学（电子工业出版社）

教案 编号：PTzZ-67 流水号：18 （首页）共 4页 课程 《网页设计与制作Dreamweaver CS5》 一体化 理论 章节（课题）及内容 Dreamweaver CS5设置站点信息 班级日期 中职 2024.05 授课方式 讲授与任务驱动相结合 课时 1 作业题数 1 拟用时间 40分钟 教学目标 使学生理解以下理论知识： · 掌握Dreamweaver CS5中站点管理的概念和作用。 · 学会在Dreamweaver CS5中设置站点信息。 · 了解站点信息设置对网站开发和维护的重要性。 教学资源准备 多媒体设备 课本教材 学生练习素材 教学重点 1. 站点信息的概念和作用。 2. 在Dreamweaver CS5中设置站点信息的方法。 教学难点 1. 理解站点信息设置对网站开发的实际影响。 2. 站点信息设置中的一些高级选项的理解和应用。 教学方法 讲授法、任务驱动法、演示法、体验探究法等。 1. 演示法：教师演示设置站点信息的过程，学生观察并模仿操作。 2. 实践操作法：学生自己动手设置站点信息，加深理解。 3. 讨论法：学生分组讨论站点信息设置的意义和注意事项。 授课教师： 审阅签名： 教学过程 教学活动内容 时间分配教学方法 课前导入 1. 简要介绍Dreamweaver CS5和站点管理的基本概念。 2. 强调站点信息设置在网站开发中的重要性。 2分钟 讲授新课 练习指导 在Dreamweaver CS5中，站点管理是一个关键功能，它允许用户管理本地和远程网站。站点是一个用于组织网站文件和资源的概念，它包括一个站点名称、存放文件的文件夹以及用于远程管理维护网站的功能。站点管理的主要作用如下： 1. **本地信息**：本地工作目录，也称为“本地站点”，用于存放网站的所有文件，包括HTML、CSS、JavaScript等。 2. **远程信息**：远程站点存储文件的位置，也称为“远程站点”，一般是指向使用运行系统正在运行的站点。通过站点管理，可以方便地将本地站点的内容上传到远程服务器，或者从远程服务器下载更新。 3. **测试服务器**：测试服务器用于在发布到远程站点之前测试网站的功能和性能。在测试服务器中测试通过后，可以将网站发布到远程站点。 通过使用Dreamweaver站点管理，可以确保网站的文件结构清晰，便于团队协作和管理。此外，它还提供了方便的远程管理功能，使得网站维护变得更加简单。 在Dreamweaver CS5中设置站点信息是确保网站开发工作顺利进行的关键步骤。以下是详细的步骤，指导您如何设置站点信息： ### 步骤 1: 打开Dreamweaver CS5 1. 启动Dreamweaver CS5。 2. 如果您已经打开了一个站点，可以通过点击“站点”菜单，然后选择“新建站点”来创建一个新的站点。 ### 步骤 2: 新建站点 1. 在“站点”菜单中选择“新建站点”。 2. 在弹出的对话框中，您会看到三个选项卡：“站点设置”、“服务器”和“版本控制”。 3. 在“站点设置”选项卡中，输入您的站点名称和本地根目录的路径。本地根目录是您存放所有网站文件的文件夹。 ### 步骤 3: 设置远程服务器 1. 切换到“服务器”选项卡。 2. 点击“+”按钮添加新的服务器。 3. 输入服务器的相关信息，包括： - **服务器名称**：为您的服务器输入一个名称，以便您能够识别它。 - **连接方法**：选择“FTP”、“SFTP”或其他适合您服务器的方法。 - **FTP地址**：输入您的FTP服务器地址。 - **用户名和密码**：输入您的FTP登录凭据。 - **测试服务器**：如果您有测试服务器，可以在这里设置。 ### 步骤 4: 设置版本控制 1. 如果您使用版本控制系统（如Git或SVN），可以在“版本控制”选项卡中设置相关信息。 2. 输入您的版本控制系统的详细信息，包括仓库路径、服务器地址等。 ### 步骤 5: 保存站点设置 1. 完成所有设置后，点击“保存”按钮。 2. Dreamweaver CS5将保存您的站点信息，并在“站点”面板中列出您的站点。 ### 步骤 6: 测试连接 1. 在“站点”面板中，右键点击您的站点名称，选择“测试服务器”。 2. Dreamweaver CS5将尝试连接到您设置的服务器，并显示测试结果。 ### 步骤 7: 开始工作 1. 一旦站点设置完成并通过测试，您就可以开始在Dreamweaver CS5中编辑和开发您的网站了。 通过以上步骤，您可以在Dr