DreamweaverCC网页设计与应用教学教案16.docx

《Dreamweaver CC网页设计与应用（第4版）》 配套教学教案 第1讲 课时内容 初识Dreamweaver CC 2019 授课时间 45分钟 课时 1 教学目标 ? 了解工作界面的构成。 ? 掌握创建网站框架的方法和流程。 ? 掌握站点的管理方法。 教学重点 ? 了解Dreamweaver CC 2019工作界面的基本构成。 ? 熟练掌握Dreamweaver CC 2019站点的管理方法。 教学难点 在Dreamweaver CC 2019中站点的建立及编辑。 教学设计 教学思路：通过工作界面的使用方法讲解掌握Dreamweaver CC 2019的基础知识。 教学手段：（1）通过基础知识讲解熟悉软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。 教学内容 讨论问题：1、在Dreamweaver CC 2019中创建和保存网页的方法是什么？ 2、在Dreamweaver CC 2019中如何打开站点？ 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 1.1 工作界面 1.1.1 开始屏幕 1.1.2 不同风格的界面 1.1.3 多文档的编辑界面 1.1.4 “插入”面板 1.2 创建网站框架 1.2.1 站点管理器 1.2.2 定义新站点 1.2.3 创建文件夹 1.2.4 创建和保存网页 1.3 管理站点 1.3.1 打开站点 1.3.2 编辑站点 1.3.3 复制站点 1.3.4 删除站点 1.3.5 导出和导入站点 小结 熟练掌握Dreamweaver CC 2019界面的操作方法和技巧。 熟练掌握在Dreamweaver CC 2019中站点的创建、打开、编辑、复制、删除、导出和导入的方法。 第2讲 课时内容 文本 授课时间 90分钟 课时 2 教学目标 ? 了解输入和编辑文本的方法。 ? 掌握设置页边距和插入换行符的方法。 ? 掌握水平线的设置方法。 ? 掌握显示和隐藏网格的方法。 教学重点 ? 熟练掌握文本的多种创建方法和编辑技巧。 ? 熟练掌握水平线的使用方法。 教学难点 能够正确输入文本并编辑相关属性。 教学设计 教学思路：（1）通过对课堂案例的讲解掌握青山别墅网页、休闲度假村网页的制作方法；（2）再通过软件相关功能的解析学习输入文本和编辑文本相关属性，以及进行区分使用项目符号和编号列表方法和技巧；（3）最后通过课堂练习及课后习题消化所学软件知识，提高制作网页的能力。 教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习及课后习题提高学生的实际应用能力。 教学资料及要求：在网上找一些简单的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。 教学内容 讨论问题：1、在Dreamweaver CC 2019中应该如何设置文本属性？ 2、在Dreamweaver CC 2019中如何输入多个连续空格？ 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 2.1 编辑文本格式 2.1.1 输入文本 2.1.2 设置文本属性 2.1.3 输入连续空格 2.1.4 设置显示或隐藏不可见元素 2.1.5 设置页边距 2.1.6 插入换行符 2.1.7 课堂案例——青山别墅网页 2.2 水平线与网格 2.2.1 水平线 2.2.2 显示和隐藏网格 2.2.3 课堂案例——休闲度假村网页 课堂练习——有机果蔬网页 课后习题——国画展览馆网页 小结 熟练掌握文本的使用方法和技巧。 熟练掌握水平线与网格的使用方法和技巧。 作业 课堂练习——有机果蔬网页 练习知识要点 使用“页面属性”命令，设置页面外观、网页标题效果；使用“首选项”命令，设置允许多个连续空格；使用“CSS设计器”面板，设置文字的字体、大小和行距。 效果所在位置 云盘/Ch02/效果/有机果蔬网页。 课后习题——国画展览馆网页 习题知识要点 使用“属性”面板，设置文字大小、颜色及字体。 效果所在位置 云盘/Ch02/效果/国画展览馆网页。 第3讲 课时内容 图像和多媒体 授课时间 45分钟 课时 1 教学目标 ? 掌握在网页中插入和编辑图像的方法和技巧。 ? 掌握多媒体在网页中的应用方法和技巧。 教学重点 ? 熟练掌握图像的格式与模式。 ? 熟练掌握Flash动画的插入与设置。 教学难点 能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。 教学设计 教学思路：（1）通过对课堂案例的讲解掌握蛋糕店网页、物流运输网页的制作方法；（2）再通过软件相关功能的解析学习图像的插入与使用技巧，以及进行动画的使用；（3）最后