2.1.1-启动Dreamweaver　CS5（教案）-《网页设计与制作》同步教学（电子工业出版社）

教案 编号：PTzZ-67 流水号：18 （首页）共 4页 课程 《网页设计与制作Dreamweaver CS5》 一体化 理论 章节（课题）及内容 启动Dreamweaver　CS5 班级日期 中职 2024.05 授课方式 讲授与任务驱动相结合 课时 1 作业题数 1 拟用时间 40分钟 教学目标 使学生理解以下理论知识： · 了解Dreamweaver CS5软件的基本功能和用途； · 学会启动Dreamweaver CS5，并熟悉其界面布局； · 掌握创建和管理本地站点的步骤。 教学资源准备 多媒体设备 课本教材 学生练习素材 教学重点 1. Dreamweaver CS5软件的启动和界面布局； 2. 本地站点的创建和管理； 3. Dreamweaver CS5的基本功能介绍。 教学难点 1. 如何有效地使用Dreamweaver CS5的界面； 2. 如何设置和管理本地站点。 教学方法 讲授法、任务驱动法、演示法、体验探究法等。 1. 直观展示法：通过教师演示和学生观察，使学生了解Dreamweaver CS5的基本操作； 2. 实践操作法：通过学生自己动手实践，掌握软件的使用方法； 3. 小组合作法：鼓励学生分组合作，共同解决学习中遇到的问题。 授课教师： 审阅签名： 教学过程 教学活动内容 时间分配教学方法 课前导入 1. 简要介绍Dreamweaver CS5软件的背景和应用领域； 2. 提问学生对网页设计和开发的了解程度，激发学生的学习兴趣。 2分钟 讲授新课 练习指导 Adobe Dreamweaver CS5是一款功能强大的网页设计和开发软件，适合所有级别的用户。它具有许多新功能和改进，可帮助您轻松创建和管理网站。以下是Dreamweaver CS5的一些基本功能和用途： 1. **视觉编辑器**：Dreamweaver CS5具有新的视觉编辑器，使您可以轻松创建和编辑网页。视觉编辑器具有许多功能，可帮助您更有效地工作，包括代码提示、代码颜色编码和代码折叠。 2. **CSS编辑器**：Dreamweaver CS5具有新的CSS编辑器，使您可以轻松创建和编辑CSS样式表。CSS编辑器具有许多功能，可帮助您更有效地工作，包括代码提示、代码颜色编码和代码折叠。 3. **jQuery支持**：Dreamweaver CS5具有新的jQuery支持，使您可以轻松创建和编辑jQuery脚本。jQuery支持包括代码提示、代码颜色编码和代码折叠。 4. **模板功能**：Dreamweaver CS5具有新的模板功能，使您可以轻松创建和管理网页模板。模板功能可帮助您创建可重复使用的网页布局，并使您可以轻松更改模板的样式。 5. **FTP功能**：Dreamweaver CS5具有新的FTP功能，使您可以轻松将网站发布到FTP服务器。FTP功能可帮助您轻松管理网站的文件和目录。 总之，Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 启动Dreamweaver CS5并熟悉其界面布局是开始使用这款软件的第一步。以下是详细的步骤和指南，帮助你快速上手Dreamweaver CS5： ### 启动Dreamweaver CS5 1. **打开Adobe Creative Suite 5**： - 如果你已经安装了Adobe Creative Suite 5（CS5），可以从开始菜单或桌面快捷方式打开它。 2. **选择Dreamweaver CS5**： - 在Adobe Creative Suite 5中，找到并选择Dreamweaver CS5以启动该软件。 3. **欢迎界面**： - 当你第一次启动Dreamweaver CS5时，可能会看到一个欢迎界面。这个界面提供了创建新站点、打开现有站点或从模板创建新页面的选项。 ### 熟悉界面布局 1. **菜单栏**： - 位于屏幕顶部的菜单栏提供了访问Dreamweaver CS5所有功能的命令。 2. **工具栏**： - 工具栏位于菜单栏下方，包含了一系列快捷按钮，这些按钮可以让用户快速执行常用命令。 3. **面板**： - Dreamweaver CS5的面板区域提供了多种功能，如属性检查器、插入面板、CSS面板等。这些面板可以通过窗口菜单中的“面板”选项来管理。 4. **文档窗口**： - 文档窗口是显示和编辑网页内容的地方。你可以在