Dreamweaver网页设计与制作-教学教案.docxVIP

《Dreamweaver网页设计与制作（项目式全彩微课版）》 配套教学教案 第1讲 课时内容 发现网页中的美——网页设计基础 授课时间 180分钟 课时 4 教学目标 ? 了解网页设计的相关应用。 ? 明确网页设计的工作流程。 教学重点 ? 掌握网页设计作品图片的收集。 ? 掌握网页设计设计素材的收集。 教学难点 ? 培养对网页设计的基本兴趣。 教学设计 教学思路：通过讲解网页设计的相关应用以及工作流程，使学生对网页设计有一个全面的认识，有助于高效地进行后续的网页设计工作。 教学手段：（1）通过任务知识的讲解掌握网页设计的相关应用和工作流程；（2）通过任务的引入和实施操作掌握网页作品图片和设计素材的收集方法。 教学内容 讨论问题：1、收集网站设计作品还有哪些方法？ 2、网页设计的基本流程指什么？ 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 任务1.1 了解网页设计的相关应用 1.1.1 任务引入 1.1.2 任务知识：网页设计的相关应用 1.门户网站 2.专业网站 3.电商网站 4.企业网站 5.应用网站 1.1.3 任务实施：收集电商网站的作品图片 任务1.2 明确网页设计的工作流程 1.2.1 任务引入 1.2.2 任务知识：网页设计的工作流程 1.2.3 任务实施：收集家居网页的设计素材 小结 掌握网页设计的相关应用及工作流程。 掌握网页设计作品和素材的收集方法。 第2讲 课时内容 熟悉设计工具——初识Dreamweaver CC 2019 授课时间 180分钟 课时 4 教学目标 ? 了解软件的操作界面。 ? 了解站点的创建。 教学重点 ? 掌握站点的创建及编辑。 ? 掌握网站框架的使用方法及技巧。 教学难点 ? 培养对网页设计工具的了解。 教学设计 教学思路：（1）通过任务引入引导学生进入任务学习的内容；（2）通过任务知识的解析使学生能够深入学习软件功能；（3）通过任务实施操作可以快速熟悉网页设计思路； 教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。 教学资料及要求：除了课堂实训案例中讲解的软件功能外，还可以根据相关的工具特点进行简单的练习和操作。 教学内容 讨论问题：1、Dreamweaver CC 2019中的网页分为哪几种网页？ 2、在Dreamweaver CC 2019中有哪几种方法可以创建站点？同时本地站点与远程站点有什么区别？ 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 任务2.1 操作界面 2.1.1　任务引入 2.1.2　任务知识：Dreamweaver界面及基础操作 1．友善的开始页面 2．不同风格的界面 3．伸缩自如的功能面板 4．多文档的编辑界面 5．新颖的“插入”面板 6．更完整的CSS功能 2.1.3　任务实施：操作界面 任务2.2 管理站点 2.2.1　任务引入 2.2.2　任务知识：站点管理器、定义新站点 1．站点管理器 2．创建文件夹 3．定义新站点 2.2.3　任务实施：管理站点 任务2.3 创建网站框架 2.3.1　任务引入 2.3.2　任务知识：创建和保存网页 1．创建和保存网页 2．管理站点文件和文件夹 2.3.3　任务实施：创建网站框架 小结 熟练掌握Dreamweaver CC 2019界面的操作方法和技巧。 熟练掌握在Dreamweaver CC 2019中站点的创建、编辑、复制、删除和导出的方法，掌握新建、保存的技巧。 第3讲 课时内容 熟悉文本编辑——文本 授课时间 270分钟 课时 6 教学目标 ? 掌握文本的输入及导入方法。 ? 了解水平线、网格与标尺的插入方法。 教学重点 ? 熟练掌握文本的输入方法。 ? 掌握文本的属性设置方法。 教学难点 ? 培养对网页文字的应用。 教学设计 教学思路：（1）通过任务引入引导学生进入任务学习的内容；（2）通过设计理念确认设计的构思过程和主导思想；（3）通过任务知识的解析使学生能够深入学习软件功能；（4）通过任务实施操作可以快速熟悉网页设计思路；（5）通过扩展案例和项目演练可以拓展学生的实际应用能力，增强学生的软件使用技巧。 教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂扩展实践和课后项目演练提高学生的实际应用能力。 教学资料及要求：在网上找一些简单的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。 教学内容 讨论问题：1、在Dreamweaver CC 2019中可以有哪几种方法创建文本？ 2、在Dreamweaver CC 2019中如何输入多个连续空格？ 内容大纲：具体可结合本项目