Dreamweaver网页设计立体化教程（Dreamweaver2020）教学教案.docVIP

《Dreamweaver 网页设计立体化教程（Dreamweaver CC 2020）》 教学教案 项目一 课时内容 网页设计基础 授课时间 270分钟 课时 6 教学目标 了解网站、网页、主页的基本概念，网页设计常用术语和网页的构成要素 了解常用的网页制作软件 了解HTML、HTML5和JavaScript的相关知识 了解网站开发流程、网页设计内容和网页设计原则的相关知识 熟悉Dreamweaver CC 2020的操作界面 掌握创建和编辑站点的方法 教学重点 熟悉Dreamweaver CC 2020的操作界面 掌握创建和编辑站点的方法 了解HTML、HTML5和JavaScript的相关知识 教学难点 网站、网页、主页的概念；网页的构成元素；常用网页制作软件；HTML、HTML5、JavaScript；网站开发流程；创建和管理站点； 教学设计 教学思路：教学思路：（1）通过讲解网站、网页、主页的概念，网页设计常用术语，网页的构成元素，常用网页制作软件，HTML，HTML5 ，JavaScript，网站开发流程，网页设计内容，网页设计原则等相关知识，让学员掌握如何规划“佳美馨装饰”网站结构的操作方法；（2）通过对认识Dreamweaver CC 2020的操作界面，创建和管理站点等相关知识的讲解，让学员掌握如何创建“佳美馨装饰”站点。（3）安排实训规划“中国皮影”网站，创建“中国皮影”站点，并且提供了实训思路与大致的操作流程，帮助学生巩固设计网站首页的基本操作。（4）安排课后练习和技巧提升。 教学手段：（1）对软件界面、软件概念、软件功能等理念进行详细讲解；（2）对于重点内容着重讲解；（3）可赏析优秀的网站页面，让学员领悟优秀网页所具备的元素、配色方案和网站结构等。 教学资料及要求：除教材中的网站页面外，还可以准备其他常见的、优秀的网站举例讲解网站网页的基础知识。 教学内容 讨论问题：1、如何创建网站？ 2、常见的购物网站一般采用的哪种网站结构？ 3、网页设计常用术语？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 任务一 规划“佳美馨装饰”网站结构 一、任务描述 （一）任务背景 （二）任务目标 二、相关知识 （一）网站、网页、主页的概念 （二）网页设计常用术语 （三）网页的构成要素 （四）常用网页制作软件 （五）HTML （六）HTML5 （七）JavaScript （八）网站开发流程 （九）网页设计内容 （十）网页设计原则 三、任务实施 任务二 创建“佳美馨装饰”站点 一、任务描述 （一）任务背景 （二）任务目标 二、相关知识 （一） 认识Dreamweaver CC 2020的操作界面 （二）创建和管理站点 三、任务实施 （一）创建站点 （二）编辑站点 （三）管理站点文件夹 实训一 规划“中国皮影”网站 实训二 创建“中国皮影”站点 课后练习 技巧提升 小结 掌握创建和编辑站点的方法。 了解网站、网页、主页的基本概念，网页设计常用术语和网页的构成要素。 了解HTML、HTML5和JavaScript的相关知识 思考及作业 练习1：规划个人网站 本练习需要规划个人网站，该网站主要用于展示用户的摄影作品、个人信息和最新动态，并且分享一些摄影作品的拍摄技巧。要求制作的网页能体现该网站的主要功能，界面设计要符合网站特色。规划时先搜集相关的图片和文字等资料，然后绘制网页结构图。 练习2：创建“购鞋网”站点 本练习要求创建“购鞋网”站点，重点练习创建站点、在站点中新建文件和文件夹的操 作。 项目二 课时内容 添加文本与表格 授课时间 270分钟 课时 6 教学目标 能够在网页中输入文本并设置文本格式 能够在网页中插入特殊字符、水平线、日期等类容 能够在网页中插入表格并在表格中输入内容 掌握设置表格和单元格格式的操作方法 掌握拆分和合并单元格格式的操作方法 培养网页文本素材的搜集能力与处理能力 教学重点 掌握设置表格和单元格格式的操作方法 掌握拆分和合并单元格格式的操作方法 掌握输入文本以及设置文本格式的方法 掌握插入特殊字符、水平线、日期等的方法 教学难点 新建、保存与打开网页；设置网页属性；输入文本；插入列表；插入表格；设置表格、单元格属性；插入特殊字符； 教学设计 教学思路：（1）通过讲解新建、保存与打开网页，设置网页属性，设置网页关键字和描述，输入文本、设置文本格式，插入列表，插入特殊字符，插入日期，插入水平线等相关知识，让学员掌握制作“佳美馨装饰——网站简介”网页的操作方法；（2）通过讲解插入表格，选择表格，在单元格中输入内容，设置表格属性，设置单元格属性，合并和拆分单元格，添加和删除表格行或列等相关知识，让学员掌握制作“佳美馨装饰——会员列表”网页的操作方法。（3）安排两个实训巩固本章所学