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

《Dreamweaver网页设计立体化教程（Dreamweaver2020）教学教案.docx》由会员分享，可在线阅读，更多相关《Dreamweaver网页设计立体化教程（Dreamweaver2020）教学教案.docx（21页珍藏版）》请在第一文库网上搜索。

1、Dreamweaver网页设计立体化教程（DreamweaverCC2023）教学教案项目一课时内容网页设计基础授课时间270分钟课时6教学目标 了解网站、网页、主页的基本概念，网页设计常用术语和网页的构成要素 了解常用的网页制作软件 了解HTM1、HTM15和JaVaSeriPt的相关知识 了解网站开发流程、网页设计内容和网页设计原则的相关知识 熟悉DreamweaverCC2023的操作界面 掌握创建和编辑站点的方法教学重点 熟悉DreamweaverCC2023的操作界面 掌握创建和编辑站点的方法 了解HTM1、HTM15和JaVaSCriPt的相关知识教学难点网站、网页、主页的概念；网

2、页的构成元素；常用网页制作软件；HTM1、HTM15、JavaScript；网站开发流程；创建和管理站点；教学设计1、教学思路：教学思路：（1）通过讲解网站、网页、主页的概念，网页设计常用术语，网页的构成元素，常用网页制作软件，HTM1,HTM15,JavaScript,网站开发流程，网页设计内容，网页设计原则等相关知识，让学员掌握如何规划“佳美馨装饰”网站结构的操作方法；（2）通过对认识DrCa1wCaVerCC2023的操作界面，创建和管理站点等相关知识的讲解，让学员掌握如何创建“佳美馨装饰”站点。（3）安排实训规划“中国皮影”网站，创建“中国皮影”站点，并且提供了实训思路与大致的操作流程

3、，帮助学生巩固设计网站首页的基本操作。（4）安排课后练习和技巧提升。2、教学手段：（1）对软件界面、软件概念、软件功能等理念进行详细讲解；（2）对于重点内容着重讲解；（3）可赏析优秀的网站页面，让学员领悟优秀网页所具备的元素、配色方案和网站结构等。3、教学资料及要求：除教材中的网站页面外，还可以准备其他常见的、优秀的网站举例讲解网站网页的基础知识。教学内容讨论问题：1、如何创建网站？2、常见的购物网站一般采用的哪种网站结构？3、网页设计常用术语？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一规划“佳美馨装饰”网站结构一、任务描述（一）任务背景（二）任务目标二、相关知识（一）网站、网页

4、、主页的概念（二）网页设计常用术语（三）网页的构成要素（四）常用网页制作软件（五）HTM1（六）HTM15（七）JavaScript（八）网站开发流程（九）网页设计内容（十）网页设计原则三、任务实施任务二创建“佳美馨装饰”站点一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识DreamWeaVerCC2023的操作界面（二）创建和管理站点三、任务实施（一）创建站点（二）编辑站点（三）管理站点文件夹实训一规划“中国皮影”网站实训二创建“中国皮影”站点课后练习技巧提升小结1、掌握创建和编辑站点的方法。2、了解网站、网页、主页的基本概念，网页设计常用术语和网页的构成要素。3、了解HTM1

5、、HTM15和JaVaSCriPt的相关知识思考及作业练习1：规划个人网站本练习需要规划个人网站,该网站主要用于展示用户的摄影作品、个人信息和最新动态，并且分享一些摄影作品的拍摄技巧。要求制作的网页能体现该网站的主要功能，界面设计要符合网站特色。规划时先搜集相关的图片和文字等资料，然后绘制网页结构图。练习2：创建“购鞋网”站点本练习要求创建“购鞋网”站点，重点练习创建站点、在站点中新建文件和文件夹的操作。项目二课时内容添加文本与表格授课时间270分钟课时6教学目标 能够在网页中输入文本并设置文本格式 能够在网页中插入特殊字符、水平线、日期等类容 能够在网页中插入表格并在表格中输入内容 掌握设置

6、表格和单元格格式的操作方法 掌握拆分和合并单元格格式的操作方法 培养网页文本素材的搜集能力与处理能力教学重点 掌握设置表格和单元格格式的操作方法 掌握拆分和合并单元格格式的操作方法 掌握输入文本以及设置文本格式的方法 掌握插入特殊字符、水平线、日期等的方法教学难点新建、保存与打开网页；设置网页属性；输入文本；插入列表；插入表格；设置表格、单元格属性；插入特殊字符；教学设计1、教学思路：（1）通过讲解新建、保存与打开网页，设置网页属性，设置网页关键字和描述，输入文本、设置文本格式，插入列表，插入特殊字符，插入日期，插入水平线等相关知识，让学员掌握制作“佳美馨装饰一一网站简介”网页的操作方法；（2

7、）通过讲解插入表格，选择表格，在单元格中输入内容，设置表格属性，设置单元格属性，合并和拆分单元格，添加和删除表格行或列等相关知识，让学员掌握制作“佳美馨装饰一一会员列表”网页的操作方法。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。2、教学手段：（1）由浅入深，从基础知识到实际操作；（2）通过课后练习，巩固前面所讲知识。安排技巧提升，丰富学生知识面。3、教学资料及要求：除教材中的知识外，可收集一些精美网页案例，给学生剖析其实现方法，加深学生的理解。教学内容知识回顾：在前面讲解了网页设计的基础知识，本章将讲解添加文本与表格的相关知识。讨论问题：1、如何插入表格？2、怎样设置页

8、面属性？3、怎么插入水平线？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一制作“佳美馨装饰网站简介”网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）新建、保存与打开网页（二）设置网页属性（三）设置网页关键字和描述（四）输入文本（五）设置文本格式（六）插入列表（七）插入特殊字符（A）插入日期（九）插入水平线三、任务实施（一）新建网页并设置网页属性（二）输入文本并设置格式（三）插入特殊字符、日期和水平线任务二制作“佳美馨装饰会员列表”网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）插入表格（二）选择表格（三）在单元格中榆入内容（四）设置表格属性（五）设置单元格

9、属性（六）合并和拆分单元格（七）添加和删除表格行或列三、任务实施（一）插入表格并设置表格属性（二）揄入表格内容（三）导入表格数据并设置表格属性实训一制作“中国皮影皮影戏”网页实训二制作“中国皮影皮影起源传说“网页课后练习技巧提升1、掌握设置表格和单元格格式的操作方法小结2、掌握拆分和合并单元格格式的操作方法3、掌握输入文本以及设置文本格式的方法4、掌握插入特殊字符、水平线、日期等的方法练习1：制作“购鞋网一一公司简介”网页-本练习要求制作“购鞋网一一公司简介”网页，需要先将文本素材匏制到网页中，然后通过分段和换行操作控制文本段落，最后设置文本段落的格式。参考效果如左图所示。练习2：制作“购鞋网

10、一一企业文化”网页本练习要求制作“购鞋网一一企业文化”网页，重点练习插入特殊文本对象、创建列表、设置水平线等内容，参考效果如右图所示。思考及作业购鞋网公司简介”网页效果购鞋网企业文化”网页效果项目三课时内容插入图像和多媒体对象授课时间270分钟课时6教学目标 掌握网页图像的插入方法 掌握音频和视频的插入方法 掌握动画的插入方法 提升对网页图像的美化与修饰能力 提升对网页多媒体元素的分析与运用能力教学重点 网页图像的插入方法 音频和视频的插入方法 动画的插入方法教学难点网页图像基础知识；插入图像；创建鼠标经过图像；创建图像轮播；插入视频、音频、动画；教学设计1、教学思路：（1）通过讲解网页图像基

11、础知识，插入图像，设置图像属性，创建鼠标经过图像，创建图像轮播等相关知识，让学员掌握如何制作“佳美馨装饰一一成功案例”栏目网页；（2）通过讲解插入视频，插入音频，插入动画等相关知识，让学员掌握如何制作“佳美馨装饰一一中式田园风格”内容网页。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。2、教学手段：（1）先通过知识讲解，然后通过任务实施学习重点内容；（2）安排课堂实训1+课后练习巩固前面所学知识。3、教学资料及要求：除教材中的实例外，可根据学习情况对其他效果图进行设计。可准备优秀的效果图进行赏析，提升学员的审美能力。教学内容知识回顾：在前面讲解了添加文本与表格的相关知识，本

12、章将对在网页中插入图像和多媒体对象进行介绍。讨论问题：1、网页中常用的图像格式？2、如何插入图像？3、如何创建鼠标经过图像？4、如何插入动画？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一制作“佳美馨装饰成功案例”栏目网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）网页图像基础知识（二）插入图像（三）设置图像属性（四）创建鼠标经过图像（五）创建图像轮播三、任务实施（一）插入案例图像（二）使用鼠标经过图像制作按钮（三）插入案例轮播图任务二制作“佳美馨装饰中式田园风格”内容网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）插入视频（二）插入音频（三）插入动画三、

13、任务实施（一）设置背景音乐（二）插入并设置视频文件（三）插入并设置动画实训一制作“中国皮影皮影鉴赏”网页实训二制作“中国皮影皮影的表演”网页课后练习技巧提升小结1、掌握网页图像的插入方法2、掌握音频和视频的插入方法3、掌握动画的插入方法练习1：制作“购鞋网一一关于我们”网页本练习要求制作“购鞋网一一关于我们”网页，主要练习插入图片和制作鼠标经过图像。参考效果如下图所示。“购鞋网关于我们“网页效果练习2：制作“购鞋网一一新品展台”网页本练习要求制作“购鞋网一一新品展台”网页，重点练习插入音频、视频、动画等内容，参考效果如下图所示。“购鞋网新品展台”网页效果项目四课时内容创建超链接授课时间225课

14、时5教学目标 了解超链接的基本知识 掌握创建文本超链接和图像超链接的方法 掌握创建锚点超链接、文件下载超链接的方法 掌握创建电子邮件超链接、空链接、脚本链接的方法 提高判断分析问题的能力 提高网页设计的创新思维能力教学重点 掌握创建文本超链接和图像超链接的方法 掌握创建锚点超链接、文件下载超链接的方法 掌握创建电子邮件超链接、空链接、脚本链接的方法教学难点创建文本、图像超链接；认识锚点超链接、认识文件下载超链接、认识电子邮件超链接、认识空链接、认识脚本链接；教学设计1、教学思路：（1）通过对认识超链接，创建文本、图像超链接等相关知识的讲解，让学员掌握如何创建“佳美馨装饰一一网站地图”网页中的超链接；（2）通过对认识锚点超链接，认识文件下载超链接，认识电子邮件超链接，认识空链接，认识脚本链接等相关知识的讲解，让学员掌握如何创建“佳美馨装饰一一联系我们”网页中的超链接。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行相关的课后练习；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求:除教材中的实例外,可补充讲解如何插入超链接的其他操作方法。教学内容知识回顾：在前面讲解了