1.8 Dreamweaver 工作流程（教案）-《网页设计与制作（DreamweaverCC)》（电子工业出版社）同步精品课堂

《网页设计与制作（Dreamweaver CC)》教案 课 题 1.8 Dreamweaver 工作流程 课 型 理论 课 时 2 授课班级 授课时间 授课教师 教材分析 Dreamweaver 作流程，在全书中占据核心地位，它不仅衔接了前文关于网页设计基础知识的介绍，还为后续深入学习网页设计技术提供了坚实的实践框架。该章节详细阐述了Dreamweaver在网站构建中的各个关键阶段，包括规划、设计、制作、测试、发布及维护等，有助于学生全面理解并掌握网页设计的完整流程。通过学习这一章节，学生能够明确每个阶段的具体任务和所需技能，从而在实际操作中更加得心应手，有效促进了学生从理论到实践的过渡，为后续网页设计高级课程的学习奠定了坚实基础。 学情分析 Dreamweaver 工作流程”章节对学生具有重要影响，它全面讲解了Dreamweaver在网站从规划到发布的全流程，为学生奠定了坚实的实践基础，为后续深入学习网页设计与制作提供了清晰路径。学习前，学生需具备基本的计算机操作能力和对网页设计的基本认知，以便更好地掌握Dreamweaver的核心功能与操作。 学习目标 知识目标： 1. 掌握Dreamweaver CC的基本工作流程。 2. 熟悉Dreamweaver CC的关键功能与操作。 技能目标： 1.能够独立完成简单的网页设计项目。 2.具备高效调整与优化Dreamweaver工作区的能力。 3.解决网页设计与制作中常见问题的能力 情感目标： 激发对网页设计与制作的兴趣与热情，提升团队协作与沟通能力。 学习重难点 重点： 1.站点规划与设置。 2. 创建与管理站点。 难点： 1. 针对动态内容设置Web 应用程序。 2. 高级站点管理功能。 教学方法 案例分析、讲授法、小组讨论法 课前准备 1.查找相应网站资料，课堂演示使用。 2.学生课前预习。 教学媒体 电子课件、多媒体视频 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 讲解知识点 Dreamweaver CC——从站点规划到发布的全方位工作流程！ 1. 介绍Web站点概念及创建Web站点流程 是指通过互联网可访问的一系列网页和相关资源的集合。它通常由多个网页组成，这些网页通过超链接相互连接，形成一个有机的整体。 1　 域名空间 2　 规划设计 3　 制作建设 4　 测试发布 5　 维护推广 2.引导学生认真听讲，明确本节课的学习内容。 3.展示本讲学习目标。 1. 知识点讲解 2. 接收并查看本节课堂任务书。 3. 了解学习目标，带着目标进行学习。 1.内容讲解的形式方式导入课程，让学生有针对性的进行学习。 2.通过任务实施，调动学生积极性。 活动二： 调动思维 探究新知 1. Dreamweaver再创建站点流程中各个阶段的作用与优势 2. 学生听讲解并思考 1. 内容讲解 2. 知识拓展 1. 了解学生现有知识储备。 2. 巩固练习。 活动三： 调动思维 探究新知 Dreamweaver整体工作流程概述 1　 规划和设置站点 2　 组织和管理站点文件 3　 设计网页布局 4　 向页面添加内容 5　 通过手动编码创建页面 6　 针对动态内容设置Web 应用程序 7　 创建动态页 8　 测试和发布 【做一做】 学生选择或构想一个具体的网站主题（如个人博客、电商网站、企业官网等），启动Dreamweaver CC工具，围绕“Dreamweaver 工作流程”展开，亲身体验网站建设的初步规划过程 1. 想一想 2. 问题思考 3. 做一做 1. 引导学生主动思考，发散思维，参与课堂。 2. 培养学生发现问题，解决问题的能力。 3. 了解相关知识。 4. 理实一体化让学生参与实践并归纳总结。 活动四： 巩固练习 素质提升 练一练 1. 在使用Dreamweaver进行网站建设的初期，首先需要进行的步骤是______________，这一步骤涉及确定网站的目标、受众和整体架构。 2. 在Dreamweaver中，通过___________功能，用户可以方便地组织和管理网站中的各种文件，如HTML、CSS、图片等，以确保网站内容的有序性和可维护性。 3. 在完成网页的设计和内容添加后，为了验证网站在不同设备和浏览器上的表现，需要使用Dreamweaver的____________功能进行彻底的测试，并最终将网站部署到服务器上 1. 教师讲解 2. 学生练一练 知识检测与巩固 课堂小结 作业布置 课堂小结 作业布置 复习本节课内容，预习下节课内容。 板书设计 Dreamweaver创建Web站点的作用与优势 Dreamweaver工作流程详解 教学反思 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$