《《Dreamweaver-CC实例教程》教学教案.docx》由会员分享，可在线阅读，更多相关《《Dreamweaver-CC实例教程》教学教案.docx（34页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Dreamweaver CC实例教程教学教案课时内容初识 Dreamweaver CC 2019授课时间45分钟课时2教学目标0 掌握Dreamweaver CC 2019的工作界面0 掌握使用站点管理器、创立文件夹、定义新站点、创立和保存网页0 掌握重命名、移动、删除文件和文件夹0 掌握站点的翻开、编辑、复制、删除、导出和导入0 掌握关键字、作者、版权信息、刷新时间、说明信息等文件头的设置教学重点0 熟练掌握Dreamweaver CC 2019工作界面的基本操作。0 熟练掌握重命名、移动、删除文件和文件夹。教学难点0 掌握站点的翻开、编辑、匆:制、删除、导出和导入。教学设计1、教学思路：（
2、1）通过对软件相关功能讲解掌握界面操作和站点设置的方法；（2）通 过软件相关功能的解析学习Dreamweaver CC 2019工作界面的基本操作和设置文 件头的基本方法。2、教学手段：（1）通过书籍了解软件功能；（2）通过软件功能解析深入学习软件功能 和制作特点。3、教学资料及要求：除了课堂讲解的软件功能外，还可以根据相关的工具特点进行简 单的练习和操作。教学内容讨论问题：1、Dreamweaver CC 2019中的网页分为哪几种网页？2、在Dreamweaver CC 2019中有哪几种方法可以创立站点？ 内容大纲：具体可结合本工程的PPT课件进行配合讲解。1.1 Dreamweaver
3、 CC 2019 的工作界面1.1.1 友善的开始页面1.1.2 不同风格的界面1.1.3 缩自如的功能面板1.1.4 多文档的编辑界面1.1.5 新颖的“插入”面板1.1.6 更完整的CSS功能1.2 创立站点1.2.1 站点管理器1.2.2 创立文件夹1.2.3 定义新站点1.2.4 创立和保存网页1.3 管理站点文件和文件夹1.3.1 重命名文件和文件夹内容大纲：具体可结合本工程的PPT课件进行配合讲解。课时内容表格授课时间135分钟课时3教学目标0掌握表格的组成和插入方法0 掌握表格、单元格、行和列的属性设置0掌握在表格中输入文字、插入其他网页元素0掌握复制、粘贴表格0掌握删除、缩放表
4、格0掌握单元格的合并和拆分0掌握表格数据的导入、导出0掌握表格数据排序和嵌套教学重点0 了解表格在制作网页中的作用。0熟练掌握表格的插入与属性的设置。教学难点0能够正确使用表格的嵌套制作复杂的网页页面。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握布艺沙发网页和典藏博物馆网页的制作 方法；（2）再通过软件相关功能的解析学习表格的组成、插入与属性的设置，以及 进行表格数据的导入与导出：（3）再通过课堂练习固软件功能及表格的使用技巧； （4）最后通过课后习题消化所学软件知识，提高网页制作的能力。2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析 深入学习软件功能和
5、制作特点。（3）通过课堂练习和课后习题提高学生的实际应 用能力。3、教学资料及要求：在网上找些简单的网页页面进行制作，来加深学员对知以点的 理解和提高实际操作能力。教学内容讨论问题：1、在Dreamweaver CC 2019中如何合并和拆分单元格？2、在Dreamweaver CC 2019中如何导入和导出表格的数据？5.1表格的简单操作课堂案例一一典藏博物馆网页5.1课堂案例一一布艺沙发网页5.2表格的组成5.-3插入表格5.4表格各元素的属性5.5在表格中插入内容5.6选择表格元素5.7复制、剪切、粘贴表格5.8清除内容和删除行或列5.9缩放表格5.10合并和拆分单元格5.11增加表格的
6、行和列5.2表格的复杂操作导入和导出表格的数据表格数据排序5.3表格的嵌套课堂练习租车网页课后习题绿色粮仓网页小结1、熟练掌握表格的插入及表格属性的设置方法和技巧。2、熟练掌握表格嵌套布局。课堂练习租车网页使用“Table”按钮，插入表格进行布局；使用“Image”按钮，插入图像；使用“CSS设计器”面板，为单元格添加背景图像并控制文字大小、颜色。作业.CAR RENTAL I课后习题绿色粮仓网页使用“表格式数据”命令，导入外部表格数据；使用“排序表格”命令，将表格的数据排序。 aiua，rima，/ bvmb课时内容ASP授课时间90分钟课时2教学目标0 掌握ASP服务器的运行环境、安装HS
7、的方法0掌握ASP语法基础、数组的创立与应用0掌握VBScript选择和循环语句的使用0 掌握Request请求对象和Response响应对象的使用0 掌握Server服务对象的使用教学重点0 了解ASP服务器的运行环境。熟练掌握VBScript选择和循环语句的使用。教学难点0 掌握使用Request请求对象和Response响应对象的使用。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握节能环保网页和网球俱乐部网页的制作 方法；（2）再通过软件相关功能的解析学习ASP服务器的安装和使用技巧，以及 ASP内置对象的使用；（3）再通过课堂练习巩固软件功能；（4）最后通过课后习题 消化所学软件
8、知识，提高网页制作的能力。2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析 深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应 用能力。3、教学资料及要求：在网上找一些带有框架布局的网页页面进行制作，来加深学员对 知识点的理解和提高实际操作能力。教学内容讨论问题：1、如何安装ASP服务器？2、常见的内置对象包括哪几种？内容大纲：具体可结合本工程的PPT课件进行配合讲解。6.1 ASP动态网页基础6.1.1 课堂案例一一节能环保网页6.1.2 ASP服务器的安装6.1.3 ASP语法基础6.1.4 数组的创立与应用6.1.5 流程控制语句6.2
9、 ASP内置对象6.2.1 课堂案例一一网球俱乐部网页6.2.2 Request请求对象6.2.3 Response 对象6.2.4 Session会话对象6.2.5 Application应用程序对象6.2.6 Server服务对象6.2.7 ObjcciConlcxl事务处理对象课堂练习挖掘机网页课后习题建筑信息咨询网页1、熟练掌握ASP服务器的运行环境、安装IIS的方法。2、熟练掌握ASP语法基础、数组的创立与应用。小结3、掌握VBScript选择和循环语句的使用。4、掌握Request请求对象和Response响应对象的使用。5、掌握Server服务对象的使用。课堂练习一挖掘机网页使用
10、“Form集合”命令，获取表单数据。作业课后习题建筑信息咨询网页使用Response对象的Write方法，向浏览器端输出标签，显示日期。课时内容CSS授课时间18（）分钟课时4教学目标0掌握CSS的概念0 掌握CSS设计器面板和样式类型0 掌握CSS样式的创立及应用0掌握编辑样式的方法0 掌握CSS样式的属性和过渡效果的应用教学重点0 掌握CSS样式的创立及应用。0熟练掌握编辑样式的方法。教学难点0 掌握CSS样式的属性和过渡效果的应用。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握山地车网页和足球运动网页的制作方法； （2）再通过软件相关功能的解析学习CSS样式，以及CSS样式的属性及
11、分类；（3） 再通过课堂练习巩固软件功能及CSS样式的应用技巧；（4）最后通过课后习题消化 所学软件知识，提高网页制作的能力。2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析 深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应 用能力。3、教学资料及要求：在网上中找一些多样式的网页页面进行制作，来加深学员对知识 点的理解和提高实际操作能力。教学内容讨论问题：1、在Dreamweaver CC 2019中CSS样式分为哪几种类型?2、在Dreamweaver CC 2019中如何创立CSS过渡效果？ 内容大纲：具体可结合本工程的PPT课件进行配
12、合讲解。7.1 CSS的概念7.2 CSS样式7.2.1 CSS设计器”面板7.2.2 CSS样式的类型7.3 样式的创立与应用7.3.1 创立CSS样式7.3.2 应用CSS样式7.3.3 创立和附加外部样式7.4 编辑样式7.5 CSS的属性7.5.1 课堂案例一一山地车网页7.5.2 布局属性7.5.3 文本属性7.5.4 边框属性7.5.5 背景属性7.6 过渡效果7.6.1 课堂案例一一足球运动网页7.6.2 CSS过渡效果”面板7.6.3 创立CSS过渡效果课堂练习电商网页 课后习题鲜花速递网页小结1、熟练掌握css的概念。2、熟练掌握CSS样式的分类及使用方法和技巧。课堂练习电商
13、网页使用“CSS设计器”面板，设置文字的大小、颜色及行距的显示效果。作业 */食”总黄课后习题鲜花速递网页 课时内容模板和库授课时间90分钟课时2教学目标0掌握“资源”面板的使用0 掌握模板、可编辑区域、重复区域、重复表格的创立方法0 掌握重命名、修改、删除模板文件，用模板更新的方法0掌握如何创立库文件0 掌握重命名、删除、修改库工程，用库工程更新的方法教学重点0掌握模板的使用方法。熟练库面板的应用。教学难点0能够正确应用模板的所有属性。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握水果慕斯网页和律师事务所网页的制作 方法；（2）再通过软件相关功能的解析学习模板的创立、编辑和应用，以及库
14、面板 的使用；（3）再通过课堂实战演练巩固软件功能及模板的应用技巧；（4）最后通过 课后习题消化所学软件知识，提高网页制作的能力。2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析 深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应 用能力。3、教学资料及要求：在网上中找一些具有共同点的多级页面进行制作，来加深学员对 知识点的理解和提高实际操作能力。教学内容讨论问题：1、在Dreamweaver CC 2019中如何创立模板？2、在Dreamweaver CC 2019中如何创立库文件？ 内容大纲：具体可结合本工程的PPT课件进行配合讲解。8.
15、1 “资源”面板8.2 模板8.2.1 课堂案例一一水果慕斯网页8.2.2 创立模板8.2.3 定义和取消可编辑区域8.2.4 创立基于模板的网页8.2.5 管理模板8.3 库8.3.1 堂案例一一律师事务所网页8.3.2 创立库文件8.3.3 向页面添加库工程8.3.4 管理库文件课堂练习游天下网页课后习题婚礼筹划网页小结1、熟练掌握模板的创立、编辑和应用。2、熟练掌握库面板的应用。课堂练习一游天下网页使用“创立模板”按钮，创立模板；使用“可编辑区域”按钮和“重复区域”按钮，制作可编辑区域和重复可编辑区域。作业课后习题婚礼筹划网页使用“库”面板添加库工程；使用库中注册的工程制作网页文档。使用
16、“库”面板添加库工程；使用库中注册的工程制作网页文档。课时内容表单授课时间270分钟课时6教学目标0掌握表单的使用方法0掌握单行文本域、多行文本域和密码文本域的创立方法0掌握单项选择按钮、单项选择按钮组复选框和复选框组的创立方法H掌握下拉菜单、滚动列表的创立方法掌握文件域、图像按钮和按钮的创立方法0 掌握电子邮件、URL、Tel、搜索、数字、范围文本域和颜色的插入方法0 掌握日期、时间类表单的插入方法教学重点0掌握如何创立表单。0熟练掌握表单的应用。教学难点0 能够正确使用不同类型的表单制作网页。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握健康测试网页、网上营业厅网页、动物 乐园网页和
17、鑫飞越航空网页的制作方法；（2）再通过软件相关功能的解析学习表单 的应用，以及表单属性的设置；（3）再通过课堂练习巩固软件功能及表单的应用技 巧；（4）最后通过课后习题消化所学软件知识，提高网页制作的能力。2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析 深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应 用能力。3、教学资料及要求：在网上中找一些会员注册的网页页面进行制作，来加深学员对知 识点的理解和提高实际操作能力。教学内容讨论问题：1、在Dreamweaver CC 2019中表单如何创立表单？ 2、在Dreamweaver CC 20
18、19中表单如何插入按钮？ 内容大纲：具体可结合本工程的PPT课件进行配合讲解。9.1 表单9.1.1 课堂案例一一用户登录界面9.1.2 创立表单9.1.3 表单的属性9.1.4 文本域9.2 单项选择按钮和复选框9.2.1 课堂案例一一高尔夫俱乐部网页9.2.2 单项选择按钮9.2.3 单项选择按钮组9.2.4 复选框9.3 下拉菜单、滚动列表、文件域和按钮9.3.1 课堂案例一一健康测试网页9.3.2 创立下拉菜单和滚动列表9.3.3 课堂案例网上营业厅网页9.3.4 创立文件域9.3.5 插入图像按钮（创立图像域）9.3.6 插入按钮9.3.7 插入“提交”按钮9.3.8 插入“重置”按
19、钮9.4 创立HTML5表单元素9.4.1 课堂案例一一动物乐园网页9.4.2 插入电子邮件文本域9.4.3 插入URL文本域9.4.4 插入Tel文本域9.4.5 插入搜索文本域9.4.6 插入数字文本域9.4.7 插入范围文本域9.4.8 插入颜色9.4.9 课堂案例一一手飞越肮空网9.4.10 插入月表单9.4.11 插入周表单9.4.12 插入日期表单9.4.13 插入时间表单9.4.14 插入H期时间表单9.4.15 插入日期时间（当地）表单 课堂练习智能扫地机器人网页 课后习题房屋评估网页1、熟练掌握表单的创立。2、熟练掌握表单的类型与使用。课堂练习一智能扫地机器人网页使用“表单”
20、按钮插入表单：使用“Table”按钮插入表格，进行页面布局；使 用“图像按钮”按钮插入图像按钮；使用“复选框”按钮插入复选框；使用“文本” 按钮插入单行文本域；使用“Tel”按钮插入Tel文本域。BK8BIISATYPE-T430作业作业超建n色眼力即使他小的灰生也透不课后习题房屋评估网页使用“文本”按钮，插入文本字段；使用“图像按钮”按钮，插入图像按钮；使 用“单项选择按钮”按钮，插入单项选择项。13.2 移动文件和文件夹13.3 3删除文件或文件夹1.4 管理站点1.4.1 翻开站点1.4.2 编辑站点1.4.3 复制站点1.4.4 删除站点1.4.5 导出和导入站点1.5 网页文件头设置
21、1.5.1 插入搜索关键字1.5.2 插入作者和版权信息1.5.3 设置刷新时间1.5.4 设置说明信息小结1、熟练掌握Dreamweaver CC 2019界面的操作方法和技巧。2、熟练掌握在Dreamweaver CC 2019中站点的创立、编辑、复制、删除和导出的方法， 掌握新建、保存的技巧。第10讲课时内容行为授课时间90分钟课时2教学目标0 掌握“行为”面板的使用0 掌握JavaScript、翻开浏览器窗口和转到URL的创立方法0掌握检查插件、检查表单和交换图像的创立方法0 掌握容器的文本、状态栏文本、文本域文字的设置方法0掌握跳转菜单和跳转菜单开始的设置方法教学重点0 掌握如何使用
22、“行为”面板。熟练掌握跳转菜单和跳转菜单开始的设置方法。教学难点0掌握检查插件、检查表单和交换图像的创立方法。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握婚戒网页和开心烘焙网页的制作方法； （2）再通过软件相关功能的解析学习行为与动作的应用；（3）再通过课堂练习巩 固软件功能及行为的应用技巧；（4）最后通过课后习题消化所学软件知识，提高网 页制作的能力。2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析 深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应 用能力。3、教学资料及要求：在网上中找一些带有行为的网页页面进行制作，来加深学员对
23、知 识点的理解和提高实际操作能力。教学内容讨论问题：1、在Dreamweaver CC 2019中如何制作出弹出浏览器窗口的页面?2、在Dreamweaver CC 2019中如何制作带有提示的网页页面？ 内容大纲：具体可结合本工程的PPT课件进行配合讲解。10.1 行为10.1.1 “行为”面板10.1.2 应用行为10.2 动作10.2.1 课堂案例一一婚戒网页10.2.2 调用 JavaScript10.2.3 翻开浏览器窗口10.2.4 转到 URL10.2.5 课堂案例一一开心烘焙网页10.2.6 检查插件10.2.7 检查表单10.2.8 交换图像10.2.9 设置容器的文木10.
24、2.10 设置状态栏文本10.2.11 设置文本域文字10.2.12 跳转菜单10.2.13 跳转菜单开始课堂练习品牌商城网页课后习题爱在七夕网页小结1、熟练掌握“行为”控制面板。2、熟练掌握动作的使用方法与技巧。课堂练习一品牌商城网页使用“交换图像”命令，制作鼠标指针经过图像时图像发生变化的效果。作业课后习题爱在七夕网页使用“翻开浏览器窗口”命令，制作在网页中显示指定大小的弹出窗口效果。使用“翻开浏览器窗口”命令，制作在网页中显示指定大小的弹出窗口效果。第11讲课时内容网页代码授课时间90分钟课时2教学目标掌握新建标签库、标签、属性的方法0掌握常用HTML标签的使用方法0掌握响应HTML事件
25、的方法教学重点0 熟练掌握HTML标签的使用方法。 熟练掌握响应HTML事件的方法。教学难点0能够正确的编写代码。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握品质狂欢节网页的制作方法；（2）再通 过软件相关功能的解析学习标签的编写方法和常用工具，以及HTML响应时间；（3） 最后通过课后习题消化软件功能及编辑代码技巧，提高网页制作的能力。2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深 入学习软件功能和制作特点。（3）通过课后习题提高学生的实际应用能力。3、教学资料及要求：在网上中找一些网页页面进行制作，来加深学员对知识点的理解 和提高实际操作能力。教学
26、内容讨论问题：1、在Dreamweaver CC 2019中如何新建标签库？ 2、在Dreamweaver CC 2019中如何新建标签？ 内容大纲：具体可结合本工程的PPT课件进行配合讲解。11.1 网页代码11.1.1 课堂案例一一品质狂欢节网页11.1.2 代码提示功能11.1.3 使用标签库插入标签11.2 常用的HTML标签11.3 脚本语言11.4 调用事件过程课堂练习活动详情页课后习题土特产网页小结1、熟练掌握常用的HTML标签及标签的编写。2、熟练响应HTML事件。作业课堂练习一活动详情页使用“页面属性”命令，添加页面标题；使用“IFRAME”按钮，制作浮动框架效果。课后习题土
27、特产网页使用“代码”视图，手动输入代码设置禁止滚动和禁止右击效果。 aw9*9 M* * . e aa* . AI第12讲课时内容综合设计实训授课时间180分钟课时4教学目标掌握软件基础知识的使用方法。0 了解Dreamweaver的常用设计领域。0 掌握Dreamweaver在不同设计领域的使用技巧。教学重点0掌握个人网页的制作。掌握游戏网页的制作。0掌握运动网页的制作。0 掌握房产网页的制作。0掌握购物网页的制作。教学难点能够正确的使用CSS样式和表格布局的应用方法。教学设计1 .教学思路：（1）通过对综合设计实训案例的讲解掌握李梅的个人网页、锋后游戏 网页、户外运动网页、热门房产网页和时
28、尚风潮网页的制作方法；（2）再通过软 件相关功能的解析学习表格布局页面，以及通过CSS样式命令修饰页面。2 .教学手段：（1）通过综合设计实训案例熟悉设计理念和软件功能；（2）通过软件 功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生 的实际应用能力。3 .教学资料及要求：在网上中找一些网页页面进行制作，来加深学员对知识点的理 解和提高实际操作能力。教学内容讨论问题：1、在Dreamweaver CC 2019中有哪几种布局方法？2、在Dreamweaver CC 2019中使用CSS样式的好处？ 内容大纲：具体可结合本工程的PPT课件进行配合讲解。12.1 个人网页李
29、梅的个人网页12.1.1 【工程背景及要求】12.1.2 【工程创意及制作】12.2 游戏娱乐锋后游戏网页12.2.1 【工程背景及要求】12.2.2 【工程创意及制作】12.3 户外运动户外运动网页12.3.1 【工程背景及要求】12.3.2 【工程创意及制作】12.4 房产网页热门房产网页12.4.1 【工程背景及要求】12.4.2 【工程创意及制作】12.5 购物网页时尚风潮网页12.5.1 工程背景及要求】12.5.2 工程创意及制作】12.6 课堂练习1设计爱漂亮网页12.6.1 【工程背景及要求】12.6.2 【工程创意及制作】12.7 课堂练习2设计休闲生活网页212.7.1 【
30、工程背景及要求】12.7.2 【工程创意及制作】12.8 课后习题1设计短租房网页12.8.1 【工程背景及要求】12.8.2 【工程创意及制作】12.9 课后习题2设计家政无忧网页12.9.1 工程背景及要求】12.9.2 工程创意及制作】小结1 .掌握表格布局的应用方法和技巧。2 .掌握CSS样式命令的使用方法。3 .掌握表单的创立方法和应用。4 .掌握动画文件和图像文件的插入方法和应用。5 .掌握超链接的方法和创立。作业12.6课堂练习1设计爱漂亮网页12.6.1 【工程背景及要求】1 .客户名称爱漂亮女性时尚网站2 .客户需求爱漂亮女性时尚网站是一家社区型女性时尚媒体，提供应季最新单品
31、和潮流信息、 各种风格的服饰搭配信息，并提供时尚、美容问答服务。目前网站需要改版，要求针 对网站的女性受众群体设计一款时尚、独特的首页。3 .设计要求（I）要使用浅色的背景，运用简洁的界面表达女性魅力。（2）网页分为“今日热闻”与“编辑推荐” 2个板块，要求设计独特、搭配合理。（3）网页设计要紧紧围绕网站主题，将女性、时尚、服饰等元素在页面上充分表 现出来。（4）导航栏设计简单直观。（5）设计规格为1400像素（宽）X1722像素（高）。4 【工程创意及制作】1 .素材资源图片素材所在位置：云盘中的“Chl2素材 设计爱漂亮网页 images”。文字素材所在位置：云盘中的“Chl2素材 设计爱
32、漂亮网页 text.txt2 .制作提示首先制作网页的页面设置和表格布局，其次插入Logo并制作导航条效果，再 次制作页面底部效果，最后创立超链接并修饰美化页面。3 .知识提示使用“页面属性”命令，设置页面文字的字体、大小、颜色，以及页面边距；使 用“属性”面板，设置单元格背景颜色、宽度和高度：使用“CSS设计器”面板，设 置文字的颜色、大小和行距。12.7课堂练习2设计休闲生活网页12.7.1 【工程背景及要求】1 .客户名称休闲生活网站2 .客户需求休闲生活网站是一家专业的生活信息交流网站，内容包括时尚生活、美食、情感、 娱乐等内容，是爱好生活的人们首选的心灵港湾。为扩大知名度，现需要读者
33、为其重 新设计制作网站首页。设计要清新自然，具有生活气息。3 .设计要求（I）使用有关舒适生活的图片作为主题图片，直切主题，使人一目了然。（2）网页分类明确，画面整齐干净。（3）注重细节的处理，能够在画面多处表达舒适的生活元素。（4）设计规格为I400像素（宽）X1487像素（高）。4 【工程创意及制作】1 .素材资源图片素材所在位置：云盘中的“Chl2素材 设计休闲生活网页 images文字素材所在位置：云盘中的“Chl2素材 设计休闲生活网页2 .制作提示首先制作表格布局并添加背景图像，其次插入Logo并制作导航条效果，再次 制作“文字介绍”区域和底部效果，最后创立超链接并修饰美化页面。3
34、 .知识提示使用“页面属性”命令，改变页面文字的字体、大小、颜色，背景颜色和页边距 效果：使用“Image”按钮，插入图像；使用“CSS设计器”面板，制作单元格背景、 文字颜色和行距效果；使用“属性”面板，改变单元格的背景颜色、高度和宽度。12.8课后习题1设计短租房网页12.8.1 【工程背景及要求】1 .客户名称短租房网站2 .客户需求短租房网站是一家联系旅游人士和家有空房出租的房主的服务型网站，它可以为 旅行者提供各式各样的住宿信息。为了扩大知名度和业务需求，网站需要重新制作， 以此吸引新客户的浏览，要求读者根据网站的性质设计网站首页。3 .设计要求（I）设计要求清新自然，画面干净清爽。
35、（2）背景以白色为主，能够衬托图片内容。（3）色彩搭配丰富，画面亮丽，具有青春时尚之感。（4）主题信息明确，使用户能够快速直接地注意到需要的租房信息。（5）设计规格为1400像素（宽）X2012像素（高）。【工程创意及制作】.素材资源图片素材所在位置：云盘中的“Chl2素材 设计短租房网页 images”。文字素材所在位置：云盘中的“Ch 12 素材 设计短租房网页.制作提示首先制作页边距和页面标题，其次插入Log。并制作导航条效果，再次制作“特 色房展示”和“特色主题”区域，最后制作页面底部效果。1 .知识提示使用“页面属性”命令，设置页面文字的字体大小、颜色，页面边距及页面 标题；使用“T
36、able”按钮，插入表格布局页面；使用“Image”按钮，插入图像， 添加网页标志和广告条；使用“CSS设计器”面板，设置文字颜色、大小及文字 行距；使用“属性”面板，设置单元格的宽度及高度。12.9课后习题2设计家政无忧网页【工程背景及要求】.客户名称家政无忧网1 .客户需求家政无忧网是一家提供家政保洁服务的网络平台，提供保洁、月嫂、照顾老人等 家政服务。目前家政无忧网需要读者重新为其设计一款网站首页，要求表达出网站特 色。2 .设计要求（I）设计要具有条理，整齐的页面能够表达网站的专业性和品质。（2）使用白色作为背景颜色，使画面看起来干净舒服。（3）设计要突出主题，分类明确细致，表达网站服
37、务的特色。（4）设计规格为1400像素（宽）X1966像素（高）。3 【工程创意及制作】.素材资源图片素材所在位置：云盘中的“Chl2素材 设计家政无忧网页 images文字素材所在位置：云盘中的“Chl2素材 设计家政无忧网页1 .制作提示首先制作表格布局并添加背景图像，其次插入Logo,制作导航条、“服务分类” 区域，再次制作“用户心声”区域，最后制作底部效果。2 .知识提示使用“Image”按钮，插入图像；使用“Table”按钮，插入表格布局页面；使 用“CSS设计器”面板，设置文字的大小、颜色和行距；使用“属性”面板，设置单元格的高度。课时内容文本授课时间90分钟课时2教学目标0掌握文
38、字的输入、连续空格的输入0 掌握页边距、网页的标题、网页的默认格式的设置0 掌握文字的大小、颜色、字体、对齐方式和段落格式的设置0 掌握工程符号、编号列表、文本缩进、日期、特殊字符和换行符的设置0掌握水平线、网格和标尺的应用教学重点0 熟练页边距、网页的标题、网页的默认格式的设置 熟练掌握文字的大小、颜色、字体、对齐方式和段落格式的设置。教学难点0掌握文字的输入、连续空格的输入。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握青山别型网页、机电设备网页、电器城 网页和艺术摄影网页的制作方法；（2）再通过软件相关功能的解析学习输入文本和 编辑文本相关属性，以及进行区分使用无序列表和编号列表方
39、法和技巧；（3）再通 过课堂练习巩固软件功能及网页制作技巧：（4）最后通过课后习题消化所学软件知 识，提高制作网页的能力。2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能：（2）通过软件功能解析 深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应 用能力。3、教学资料及要求：在网上找一些简单的网页页面进行制作，来加深学员对知识点的 理解和提高实际操作能力。教学内容讨论问题：1、在Dreamweaver CC 2019中如何设置文本属性？2、在Dreamweaver CC 2019中如何输入多个连续空格？ 内容大纲：具体可结合本工程的PPT课件进行配合讲解。2.1 输
40、入文本并编辑2.1.1 课堂案例一一青山别堂网页2.1.2 输入文木2.1.3 设置文本属性2.1.4 输入连续的空格2.1.5 设置是否显示不可见元素2.1.6 设置页边距2.1.7 设匿网页的标题2.1.8 设置网页的默认格式2.1.9 课堂案例一一机电设备网页2.1.10 改变文本的大小2.1.11 改变文本的颜色2.1.12 改变文本的字体2.1.13 改变文本的对齐方式2.1.14 设置文本样式2.1.15 设置段落格式2.2 无序列表和编号列表2.2.1 课堂案例一一电器城网页2.2.2 设置无序列式或编号列衣2.2.3 修改无序列表或编号列表2.2.4 设置文本缩进格式2.2.5
41、 插入日期2.2.6 插入特殊字符2.2.7 插入换行符2.3水平线、网格与标尺2.3.1 课堂案例一一艺术摄影网页2.3.2 水平线2.3.3 网格2.3.4 标尺课堂练习有机果蔬网页课后习题旅行购票网页1、熟练掌握文本的使用方法和技巧。小结 2、了解并掌握无序列表和编号列表的使用方法和技巧。3、掌握水平线、网格和标尺的应用。课堂练习一有机果蔬网页使用“页面属性”命令，设置页面外观、网页标题效果；使用“首选项”命令, 设置允许多个连续空格：使用“CSS设计器”面板，设置文字的字体、大小和行距。作业课后习题旅行购票网页使用“页面属性”命令，设置页面边距和标题；使用“CSS样式”命令，改变文 本
42、的颜色及行距的显示。课时内容图像和多媒体授课时间 90分钟课时2教学目标0掌握图像的格式0掌握插入图像，图像的属性、图像替换文字、跟踪图像的应用0 掌握插入Flash动画、FLV、Animate作品、HTML5 Video、音频和插件的方法教学重点0熟练掌握图像的格式。0 熟练掌握Flash动画的插入与设置。教学难点0掌握插入图像，图像的属性、图像替换文字、跟踪图像的应用。教学设计1、教学思路：（1）通过对课堂案例的讲解掌握环球旅游网页和绿色农场网页的制作方 法；（2）再通过软件相关功能的解析学习图像的插入与使用技巧，以及进行动画的 使用；（3）再通过课堂练习固软件功能及网页制作技巧；（4）最
43、后通过课后习题消 化所学软件知识，提高图像与动画的使用能力。2、教学手段：（1）通过课堂案例热悉设计理念和软件功能；（2）通过软件功能解析深 入学习软件功能和制作特点。（3）通过课堂练习练和课后习题提高学生的实际应用 能力。3、教学资料及要求：在网上找一些带有图像和动画的网页页面进行制作，来加深学员 对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在Dreamweaver CC 2019中插入图像后在浏览器中不能正常显示图像，是哪几种原因 造成？如何解决？2、在Dreamweaver CC 2019中如何设置插入的Flash动画为透明背景？内容大纲：具体可结合本工程的PPT课件进行配合
44、讲解。3.1 图像3.1.1 课堂案例一一环球旅游网页3.1.2 网页中的图像格式3.1.3 插入图像3.1.4 设宜图像属性3.1.5 给图片添加文字说明3.1.6 跟踪图像3.2 多媒体3.2.1 课堂案例一一绿色农场网页3.2.2 插入Flash动画3.2.3 插入 FLV3.2.4 插入Animate作品3.2.5 插入 HTML5 Video3.2.6 插入音频3.2.7 插入插件课堂练习时尚先生网页课后习题五谷杂粮网页1、熟练掌握图像的格式与插入方法和使用技巧。小结2、掌握插入Flash动画、FLV、Animate作品、HTML5 Video、音频和插件的方法和使 用技巧。课堂练习一时尚先生网页使用“Image”按钮插入图像，美化页面。作业21Hli养生课后习题五谷杂粮网页使用“SWF”按钮，为网页文档插入Flash动画效果；使用“播放”按钮，在文档 窗口中预览效果。课时内容超链接授课时间135分钟课时3教学目标0掌握超链接的概念掌握文本超链接、电子邮件链接、下载文件链接的创立方法0掌握图像超链接、鼠标指针经过图像链接的创立方法0掌握ID超链接、热点超链接的创立方法教学重点0 了解超链接的概念。0熟练掌握