Dreamweaver网页设计立体化教程（微课版）（Dreamweaver2020） 教案全套

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

课时内容添加文本与表格授课时间270分钟课时6教学目标能够在网页中输入文本并设置文本格式能够在网页中插入特殊字符、水平线、日期等类容能够在网页中插入表格并在表格中输入内容掌握设置表格和单元格格式的操作方法掌握拆分和合并单元格格式的操作方法培养网页文本素材的搜集能力与处理能力教学重点掌握设置表格和单元格格式的操作方法掌握拆分和合并单元格格式的操作方法掌握输入文本以及设置文本格式的方法掌握插入特殊字符、水平线、日期等的方法教学难点新建、保存与打开网页；设置网页属性；输入文本；插入列表；插入表格；设置表格、单元格属性；插入特殊字符；教学设计教学思路：（1）通过讲解新建、保存与打开网页，设置网页属性，设置网页关键字和描述，输入文本、设置文本格式，插入列表，插入特殊字符，插入日期，插入水平线等相关知识，让学员掌握制作“佳美馨装饰——网站简介”网页的操作方法；（2）通过讲解插入表格，选择表格，在单元格中输入内容，设置表格属性，设置单元格属性，合并和拆分单元格，添加和删除表格行或列等相关知识，让学员掌握制作“佳美馨装饰——会员列表”网页的操作方法。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。教学手段：（1）由浅入深，从基础知识到实际操作；（2）通过课后练习，巩固前面所讲知识。安排技巧提升，丰富学生知识面。教学资料及要求：除教材中的知识外，可收集一些精美网页案例，给学生剖析其实现方法，加深学生的理解。教学内容知识回顾：在前面讲解了网页设计的基础知识，本章将讲解添加文本与表格的相关知识。讨论问题：1、如何插入表格？2、怎样设置页面属性？3、怎么插入水平线？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一制作“佳美馨装饰——网站简介”网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）新建、保存与打开网页（二）设置网页属性（三）设置网页关键字和描述（四）输入文本（五）设置文本格式（六）插入列表（七）插入特殊字符（八）插入日期（九）插入水平线三、任务实施（一）新建网页并设置网页属性（二）输入文本并设置格式（三）插入特殊字符、日期和水平线任务二制作“佳美馨装饰——会员列表”网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）插入表格（二）选择表格（三）在单元格中输入内容（四）设置表格属性（五）设置单元格属性（六）合并和拆分单元格（七）添加和删除表格行或列三、任务实施（一）插入表格并设置表格属性（二）输入表格内容（三）导入表格数据并设置表格属性实训一制作“中国皮影——皮影戏”网页实训二制作“中国皮影——皮影起源传说”网页课后练习技巧提升小结掌握设置表格和单元格格式的操作方法掌握拆分和合并单元格格式的操作方法掌握输入文本以及设置文本格式的方法掌握插入特殊字符、水平线、日期等的方法思考及作业练习1：制作“购鞋网——公司简介”网页本练习要求制作“购鞋网——公司简介”网页，需要先将文本素材复制到网页中，然后通过分段和换行操作控制文本段落，最后设置文本段落的格式。参考效果如左图所示。练习2：制作“购鞋网——企业文化”网页本练习要求制作“购鞋网——企业文化”网页，重点练习插入特殊文本对象、创建列表、设置水平线等内容，参考效果如右图所示。“购鞋网——公司简介”网页效果“购鞋网——企业文化”网页效果课时内容插入图像和多媒体对象授课时间270分钟课时6教学目标掌握网页图像的插入方法掌握音频和视频的插入方法掌握动画的插入方法提升对网页图像的美化与修饰能力提升对网页多媒体元素的分析与运用能力教学重点网页图像的插入方法音频和视频的插入方法动画的插入方法教学难点网页图像基础知识；插入图像；创建鼠标经过图像；创建图像轮播；插入视频、音频、动画；教学设计教学思路：（1）通过讲解网页图像基础知识，插入图像，设置图像属性，创建鼠标经过图像，创建图像轮播等相关知识，让学员掌握如何制作“佳美馨装饰——成功案例”栏目网页；（2）通过讲解插入视频，插入音频，插入动画等相关知识，让学员掌握如何制作“佳美馨装饰——中式田园风格”内容网页。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。教学手段：（1）先通过知识讲解，然后通过任务实施学习重点内容；（2）安排课堂实训+课后练习巩固前面所学知识。教学资料及要求：除教材中的实例外，可根据学习情况对其他效果图进行设计。可准备优秀的效果图进行赏析，提升学员的审美能力。教学内容知识回顾：在前面讲解了添加文本与表格的相关知识，本章将对在网页中插入图像和多媒体对象进行介绍。讨论问题：1、网页中常用的图像格式？2、如何插入图像？3、如何创建鼠标经过图像？4、如何插入动画？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一制作“佳美馨装饰——成功案例”栏目网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）网页图像基础知识（二）插入图像（三）设置图像属性（四）创建鼠标经过图像（五）创建图像轮播三、任务实施（一）插入案例图像（二）使用鼠标经过图像制作按钮（三）插入案例轮播图任务二制作“佳美馨装饰——中式田园风格”内容网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）插入视频（二）插入音频（三）插入动画三、任务实施（一）设置背景音乐（二）插入并设置视频文件（三）插入并设置动画实训一制作“中国皮影——皮影鉴赏”网页实训二制作“中国皮影——皮影的表演”网页课后练习技巧提升小结掌握网页图像的插入方法掌握音频和视频的插入方法掌握动画的插入方法思考及作业练习1：制作“购鞋网——关于我们”网页本练习要求制作“购鞋网——关于我们”网页，主要练习插入图片和制作鼠标经过图像。参考效果如下图所示。“购鞋网——关于我们”网页效果练习2：制作“购鞋网——新品展台”网页本练习要求制作“购鞋网——新品展台”网页，重点练习插入音频、视频、动画等内容，参考效果如下图所示。“购鞋网——新品展台”网页效果课时内容创建超链接授课时间225课时5教学目标了解超链接的基本知识掌握创建文本超链接和图像超链接的方法掌握创建锚点超链接、文件下载超链接的方法掌握创建电子邮件超链接、空链接、脚本链接的方法提高判断分析问题的能力提高网页设计的创新思维能力教学重点掌握创建文本超链接和图像超链接的方法掌握创建锚点超链接、文件下载超链接的方法掌握创建电子邮件超链接、空链接、脚本链接的方法教学难点创建文本、图像超链接；认识锚点超链接、认识文件下载超链接、认识电子邮件超链接、认识空链接、认识脚本链接；教学设计教学思路：（1）通过对认识超链接，创建文本、图像超链接等相关知识的讲解，让学员掌握如何创建“佳美馨装饰——网站地图”网页中的超链接；（2）通过对认识锚点超链接，认识文件下载超链接，认识电子邮件超链接，认识空链接，认识脚本链接等相关知识的讲解，让学员掌握如何创建“佳美馨装饰——联系我们”网页中的超链接。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。教学手段：（1）通过演示讲解基础知识，讲解结束后进行相关的课后练习；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的实例外，可补充讲解如何插入超链接的其他操作方法。教学内容知识回顾：在前面讲解了在网页中插入图像和多媒体对象的方法，本章将讲解如何创建超链接的操作方法。讨论问题：1、网页中的超链接该怎么创建呢？2、如何创建锚点超链接？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一创建“佳美馨装饰——网站地图”网页中的超链接一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识超链接（二）创建文本、图像超链接三、任务实施（一）创建文本超链接（二）创建图像超链接（三）创建图像热点超链接（四）浏览超链接效果任务二创建“佳美馨装饰——联系我们”网页中的超链接一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识锚点超链接（二）认识文件下载超链接（三）认识电子邮件超链接（四）认识空链接（五）认识脚本链接三、任务实施（一）创建锚点超链接（二）创建文件下载超链接和电子邮件超链接（三）创建脚本链接和空链接实训一制作“中国皮影——网站地图”栏目网页实训二制作“中国皮影——皮影的制作流程”内容网页课后练习技巧提升小结掌握超链接的创建方法。掌握图像超链接的创建方法。思考及作业练习1：制作“购鞋网——公司地图”网页本练习要求制作“购鞋网——公司地图”网页，要完成此任务，需要创建文本超链接、图像超链接以及图像热点超链接。参考效果如下图所示。“购鞋网——公司地图”网页效果练习2：制作“购鞋网——给我们留言”网页本练习要求制作“购鞋网——给我们留言”网页，重点练习插入锚点链接、电子邮件链接、文件下载链接等内容，参考效果如下图所示。“购鞋网——给我们留言”网页效果课时内容布局网页授课时间270分钟课时6教学目标掌握定义CSS样式的方法掌握使用div+CSS盒子模型布局网页的方法掌握响应式布局的方法提高网页设计的美感提高网页布局能力教学重点掌握定义CSS样式的方法掌握使用div+CSS盒子模型布局网页的方法掌握响应式布局的方法教学难点认识CSS样式；“CSS设计器”面板；CSS样式的属性；应用CSS样式；认识div+CSS盒子模型；利用div+CSS盒子模型布局网页；设置视口并添加媒体查询；教学设计教学思路：（1）通过讲解认识CSS样式，“CSS设计器”面板，CSS样式的属性，应用CSS样式，认识div+CSS盒子模型，利用div+CSS盒子模型布局网页等相关知识，让学员掌握使用div+CSS样式盒子模型布局“佳美馨装饰——公司荣誉”网页的操作方法；（2）通过讲解认识响应式布局，设置视口，添加媒体查询等相关知识，让学员掌握使用响应式布局制作“佳美饰馨装”首页的操作方法。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。教学手段：（1）通过演示讲解基础知识，讲解结束后通过练习来巩固所学知识；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的实例外，还可参考一些好的布局网站，从中获取经验。对所学知识进行综合运用，使学员的记忆更加深刻。教学内容知识回顾：前面介绍了超链接的创建以及图像超链接的创建方法。本章将介绍布局网页的操作方法。讨论问题：1、如何对网页进行布局？2、如何应用CSS样式？3、如何添加媒体查询？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一使用div+CSS样式盒子模型布局“佳美馨装饰——公司荣誉”网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识CSS样式（二）“CSS设计器”面板（三）CSS样式的属性（四）应用CSS样式（五）认识div+CSS盒子模型（六）利用div+CSS盒子模型布局网页三、任务实施（一）创建并应用标签CSS样式（二）创建并应用IDCSS样式（三）创建并应用类CSS样式（四）创建并应用后代CSS样式任务二使用响应式布局制作“佳美饰馨装”首页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识响应式布局（二）设置视口（三）添加媒体查询三、任务实施（一）设置视口并添加媒体查询（二）添加CSS样式并预览效果实训一制作“中国皮影——皮影的地方特色”网页实训二制作“中国皮影”首页课后练习技巧提升小结掌握定义CSS样式的方法掌握使用div+CSS盒子模型布局网页的方法掌握响应式布局的方法思考及作业练习1：制作“购鞋网——消费者保障协议”网页本练习要求制作购鞋网的“消费者保障协议”网页，需要使用div+CSS盒子模型来布局网页。参考效果如下图所示。“购鞋网——消费者保障协议”网页效果练习2：制作“购鞋网——热销精品”网页本练习要求使用响应式布局来制作“购鞋网——热销精品”网页，重点练习添加媒体查询，设置CSS样式等内容，参考效果如下图所示。“购鞋网——热销精品”网页效果

课时内容使用模板和库授课时间225分钟课时5教学目标提高对模板的分析与应用能力提高对库的分析与应用能力激发对研究提高设计效率的方法的兴趣掌握创建模板的方法掌握编辑模板的方法掌握应用模板的方法教学重点掌握应用模板的方法掌握创建库项目的方法掌握编辑库项目的方法掌握插入库项目的方法教学难点认识模板；创建模板；编辑模板；应用模板；认识“资源”面板；创建库项目；编辑库项目；插入库项目；教学设计教学思路：（1）通过讲解认识模板，创建模板，编辑模板，应用模板等相关知识，让学员掌握如何使用模板制作“原木简约风三居室装修案例”网页的操作；（2）通过讲解认识“资源”面板，创建库项目，编辑库项目，插入库项目等相关知识，让学员掌握在“装修方案精选”网页中使用库的操作方法。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。教学手段：（1）通过演示讲解基础知识，讲解结束后进行练习；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的实例外，还可参考一些其他案例，从中获取经验。对所学知识进行综合学习，使学员的记忆更加深刻。教学内容知识回顾：前面的章节中介绍了布局网页的方法，本章主要介绍使用模板和库创建网页的方法。讨论问题：1、什么是模板？2、如何在网页中添加库项目？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一使用模板制作“原木简约风三居室装修案例”网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识模板（二）创建模板（三）编辑模板（四）应用模板三、任务实施（一）创建“案例展示”模板（二）从模板创建“原木简约风三居室装修案例”网页任务二在“装修方案精选”网页中使用库一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识“资源”面板（二）创建库项目（三）编辑库项目（四）插入库项目三、任务实施（一）创建“装修方案”库项目（二）在网页中添加库项目实训一使用模板制作“中国皮影——陕西皮影”网页实训二使用库项目制作“皮影文创产品”网页课后练习技巧提升小结掌握创建模板的方法掌握编辑模板的方法掌握应用模板的方法掌握创建库项目的方法掌握编辑库项目的方法掌握插入库项目的方法思考及作业练习1：使用模板制作“购鞋网——客户交流”网页本练习要求使用模板制作“购鞋网——客户交流”网页，需要先将“khjl.html”网页文件另存为模板，并添加可编辑区域，然后从模板新建网页并修改可编辑区域中的内容。参考效果如下图所示。“购鞋网——客户交流”网页效果练习2：使用库项目制作“购鞋网——产品介绍”网页本练习要求使用库项目制作“购鞋网——产品介绍”网页，重点练习创建库项目、编辑库项目、插入库项目等内容，参考效果如下图所示。“购鞋网——产品介绍”网页效果

课时内容使用表单和行为授课时间270分钟课时6教学目标提升网页表单的设计效果和实用性激发对制作网页表单和添加行为的学习兴趣了解表单和表单元素，掌握插入表单和表单元素的方法了解行为和“行为”面板，掌握添加、修改、删除表单的方法教学重点掌握插入表单和表单元素的方法掌握添加、修改、删除表单的方法教学难点认识表单和表单元素；插入表单并设置表单属性；插入表单元素；认识“行为”面板；添加行为；修改行为；删除行为；教学设计教学思路：（1）通过讲解认识表单和表单元素，插入表单并设置表单属性，插入表单元素等相关知识，让学员掌握在“佳美馨装饰——会员登录”网页中使用表单的操作方法；（2）通过讲解认识行为，认识“行为”面板，添加行为，修改行为，删除行为等相关知识，让学员掌握在“佳美馨装饰——会员登录”网页中使用行为的操作方法。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。教学手段：（1）通过演示讲解基础知识，讲解结束后进行练习；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的实例外，还可补充说明插入表单的注意事项，提高学员的制作熟练度。教学内容知识回顾：在前面讲解了使用模板和库布局页面的方法。本章将讲解使用表单和行为制作网页的方法。讨论问题：1、怎么修改行为？2、为什么“行为”面板里面看不到添加的行为？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一在“佳美馨装饰——会员登录”网页中使用表单一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识表单和表单元素（二）插入表单并设置表单属性（三）插入表单元素三、任务实施（一）创建表单并设置属性（二）插入表单元素并设置属性任务二在“佳美馨装饰——会员登录”网页中使用行为一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识行为（二）认识“行为”面板（三）添加行为（四）修改行为（五）删除行为三、任务实施（一）添加“检查表单”行为（二）添加“弹出信息”行为实训一在“中国皮影——问卷调查”网页中使用表单实训二在“中国皮影——皮影图集”网页中使用行为课后练习技巧提升小结掌握插入表单和表单元素的方法掌握添加、修改、删除表单的方法思考及作业练习1：制作“购鞋网——会员注册”网页本练习要求制作“购鞋网——会员注册”网页，重点练习插入表单以及插入插入表单元素的的方法等内容。参考效果如下图所示。“购鞋网——会员注册”网页效果练习2：制作“购鞋网——品牌展厅”网页本练习要求制作“购鞋网——品牌展厅”网页，重点练习插入“弹出信息”“打开浏览器窗口”“交换图像”等行为的方法，参考效果如下图所示。“购鞋网——品牌展厅”网页效果

课时内容制作移动端网页授课时间225分钟课时5教学目标提升对移动端网页的布局能力激发对制作手机端网页的学习兴趣激发对制作PHP网页的学习兴趣掌握创建jQueryMobile页面以及使用jQueryMobile组件的方法掌握配置服务器信息的方法掌握安装PHP服务器、编辑PHP页面以及浏览PHP页面的方法教学重点掌握创建jQueryMobile页面以及使用jQueryMobile组件的方法掌握配置服务器信息的方法掌握安装PHP服务器、编辑PHP页面以及浏览PHP页面的方法教学难点认识jQueryMobile；创建jQueryMobile页面；使用jQueryMobile组件；安装PHP服务器；编辑PHP页面；浏览PHP页面；教学设计教学思路：（1）通过认识jQueryMobile，创建jQueryMobile页面，使用jQueryMobile组件等相关知识，让学员掌握制作移动端“装修案例”网页的操作方法；（2）通过讲解安装PHP服务器，编辑PHP页面，浏览PHP页面等相关知识，让学员掌握创建PHP页面的操作方法。（3）安排两个实训巩固本章所学知识。（4）安排课后练习和技巧提升。教学手段：（1）通过演示讲解基础知识，讲解结束后进行练习；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的实例外，还可上网查询制作移动端网页的相关操作，提高学员的制作熟练度。教学内容知识回顾：在前面讲解了使用表单和行为制作网页的方法。本章将讲解制作移动端网页的操作方法。讨论问题：1、如何添加jQueryMobile页面？2、如何安装PHP服务器？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一制作移动端“装修案例”网页一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识jQueryMobile（二）创建jQueryMobile页面（三）使用jQueryMobile组件三、任务实施（一）添加jQueryMobile页面（二）为页面添加内容任务二创建PHP页面一、任务描述（一）任务背景（二）任务目标二、相关知识（一）安装PHP服务器（二）编辑PHP页面（三）浏览PHP页面三、任务实施（一）启动PHP服务器（二）制作并浏览PHP页面实训一制作移动端“中国皮影”网页实训二制作移动端“问卷调查”网页课后练习技巧提升小结掌握创建jQueryMobile页面以及使用jQueryMobile组件的方法掌握配置服务器信息的方法掌握安装PHP服务器、编辑PHP页面以及浏览PHP页面的方法思考及作业练习：制作移动端“购鞋网”网页本练习要求制作移动端“购鞋网”网页，重点练习移动端网页的制作。参考效果如下图所示。移动端“购鞋网”网页效果

课时内容测试与发布网站授课时间225分钟课时5教学目标掌握通过实时预览功能同时在多个浏览器中浏览网页的方法掌握通过设备仿真功能浏览网页在移动设备中的显示效果的方法了解域名的相关知识了解网站空间的相关知识掌握配置远程站点并发布网站的方法教学重点掌握通过实时预览功能同时在多个浏览器中浏览网页的方法掌握通过设备仿真功能浏览网页在移动设备中的显示效果的方法掌握配置远程站点并发布网站的方法教学难点实时预览网页；使用设备仿真功能预览网页在移动设备中的显示效果；认识域名；认识网站空间；发布网站教学设计教学思路：（1）通过讲解实时预览网页，使用设备仿真功能预览网页在移动设备中的显示效果等相关知识，让学员掌握如何测试“佳美馨装饰”网站的操作方法；（2）通过讲解认识域名，认识网站空间，发布网站等相关知识，让学员掌握发布“佳美馨装饰”网站的操作方法。（3）安排实训巩固本章所学知识。（4）安排课后练习和技巧提升。教学手段：（1）通过演示讲解基础知识，讲解结束后进行练习；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的实例外，还可以让学员在网上搜索相关知识进行学习，丰富学员的课外知识。教学内容知识回顾：在前面讲解了制作移动端网页的方法。本章将讲解测试与发布网站的相关知识。讨论问题：1、如何同时在多个浏览器中浏览网页？2、如何在局域网中发布站点？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一测试“佳美馨装饰”网站一、任务描述（一）任务背景（二）任务目标二、相关知识（一）实时预览网页（二）使用设备仿真功能预览网页在移动设备中的显示效果三、任务实施（一）实时预览“装修方案精选”网页（二）预览“装修案例”网页在移动设备中的显示效果任务二发布“佳美馨装饰”网站一、任务描述（一）任务背景（二）任务目标二、相关知识（一）认识域名（二）认