《电子商务网页设计与制作》教学教案

青椒小助手，老师好帮手！《电子商务网页设计与制作》教学教案课时内容电子商务网页设计与网站建设基础授课时间45分钟课时1教学目标了解电子商务网站设计基础知识认识DreamweaverCS6工作界面。掌握创建电子商务网站的基本操作和流程。教学重点掌握电子商务网站设计的基础知识。掌握电子商务网站设计的基本流程。能够独立完成一个电子商务网站的规划。教学难点掌握规划和设计电子商务网站的流程及方法。教学设计教学思路：（1）了解网页设计的相关基础知识，如什么是网页、什么是电子商务网站、电子商务网站的主要内容和功能、网页的常见布局结构、网页中的常用术语、网页色彩搭配等，并浏览一些市场上非常好的网站进行赏析，从中学习经验；（2）了解网站设计的相关知识，并创建一个名为“宅家商城”的电子商务网站。学员通过案例除了熟悉网站开发的基本流程外，还需要了解Dreamweaver网页制作软件、站点策划、创建本地站点、编辑站点、管理站点和站点文件等操作；（3）安排上机实训。教学手段：（1））通过举例讲解网页设计的基础知识，讲解结束后进行上机练习和疑难提问；（2）对容易出错的误区进行提醒，并着重举例讲解。教学资料及要求：除教材中的实例外，可浏览其他经典的网页，学习这类网站的设计思想。教学内容讨论问题：1、网页设计师需要知道哪些网页设计内容？2、网页设计过程中需要遵循哪些原则？3、你所见的网页设计中哪些网站比较具有个性化，网页色彩给你带来了什么样的体验和感觉？内容大纲：具体可结合本章的PPT课件进行配合讲解。1.1电子商务网页设计基础知识1.1.1认识网站与网页1.1.2电子商务网站概述1.1.3电子商务网站的主要内容和功能1.1.4网页常见布局结构1.1.5网页的基本构成元素1.1.6网页常用术语1.1.7网页色彩搭配1.1.8HTML标记语言1.2课堂案例：创建“宅家商城”网站1.2.1电子商务网站开发流程1.2.2网站制作流程1.2.3DreamweaverCS6工作界面1.2.4创建本地站点1.2.5编辑站点1.2.6管理站点和站点文件夹1.3项目实训1.3.1赏析营销类电子商务网站1.3.2规划并创建“婚纱网”站点1.4课后练习1.5技巧提升课堂案例：创建“宅家商城”网站小结了解网页设计的基础知识。掌握网页设计的思路、网页设计素材的收集与整理、网页设计的流程、网页设计的原则等知识。思考及作业想一想：1、如何合理规划网站设计流程，网站设计时需要遵循哪些原则？2、在进行网页设计时，网页设计师需要知道的网页设计内容？练一练：练习1：规划灯饰照明电子商务网站本练习要求对一个灯饰照明电子商务网站进行规划。网站主要用于展示企业的产品、企业的相关信息和最新动态。要求制作的网页能体现该网站的主要功能，界面设计要符合网站特色。要完成本练习需要先搜集相关的文字和图像等资料，然后制作草图并确认。站点规划草图参考效果如图所示。练习2：创建“格什温电器”站点本练习要求创建“格什温电器”站点，能够独立完成在Dreamweaver中创建站点、编辑站点和管理站点，以及站点文件操作等，完成后的参考效果如图所示。

课时内容使用Photoshop处理产品图像授课时间90分钟课时2教学目标掌握Photoshop的基本操作。掌握调整产品图像的方法。掌握修饰产品图像瑕疵的操作。掌握抠取并合成产品图像的操作。教学重点熟悉设置前景色与背景色、图层、裁剪并更改图像尺寸、批处理图像等基本操作。掌握图片亮度与对比度、色彩平衡、明暗程度的调整方法。能够完成各种形状图像的抠取和合成。教学难点学会使用Photoshop对产品图像进行处理、掌握图片的调整、抠取和合成，完成产品图像的处理。教学设计教学思路：（1）通过设置前景色与背景色、图层的基本操作、裁剪并更改图像尺寸、批处理图像等基本操作，认识Photoshop的操作界面，了解Photoshop的基本操作方法；（2）通过Photoshop中的“色阶”、“曲线”、“阴影/高光”菜单命令来调整照片的高光、阴影与中间调的分布，从而增加产品图像的层次感，合理分布图像的光影，增加产品图像对浏览者的吸引力；（3）通过选取几种比较具有代表性的产品，练习在Photoshop中修饰产品图像的偏色、产品表面有污渍、材质表现不明显等各类瑕疵的方法；（4）安排项目实训，并通过专业背景、操作过程等知识点对Photoshop的相关知识和基本操作进行补充和练习。（5）通过课后练习，要求学生综合所学知识独立完成为沙发更换背景和处理金属材质的操作。教学手段：（1）通过演示讲解基本概念和基础知识，讲解结束后进行项目实训、课后练习和技巧提升；（2）对重点部分进行详细讲解，并举例说明。教学资料及要求：除教材中的实例外，可运用本章知识点对自己喜欢的一些图片进行处理，获取更符合要求的图片素材。教学内容知识回顾：在前面讲解了电子商务网站设计基础知识、DreamweaverCS6工作界面、创建电子商务网站的基本操作和流程等知识，下面将对Photoshop的基本操作、产品图像的调整方法、修饰产品图像瑕疵的操作、抠取并合成产品图像的操作等知识进行掌握。讨论问题：1、如何添加横排文字、直排文字和变形文字？2、如何快速的调整图层？内容大纲：具体可结合本章的PPT课件进行配合讲解。2.1Photoshop基本操作2.1.1设置前景色与背景色2.1.2图层的基本操作2.1.3裁剪并更改图像尺寸2.1.4批处理图像2.2课堂案例：调整产品图像的亮度与对比度2.2.1提高亮度与对比度2.2.2调整高光、阴影和中间调2.2.3增强亮度与暗度的对比2.3课堂案例：修饰产品图像的瑕疵2.3.1矫正偏色2.3.2清除污渍2.3.3光滑材质表面2.3.4增加金属质感2.4课堂案例：抠取并合成产品图像2.4.1抠取简单背景2.4.2抠取复杂图形2.4.3抠取毛发2.4.4抠取半透明物体2.5项目实训2.5.1为原汁机更换背景2.5.2打造街拍图像风格2.6课后练习2.7技巧提升课堂案例：调整产品图像的亮度与对比度课堂案例：修饰产品图像的瑕疵小结熟练掌握Photoshop的基本操作如设置前景色与背景色、图层的基本操作、裁剪并更改图像尺寸、批处理图像等知识。掌握调整产品图像的方法如提高亮度与对比度、调整色彩平衡、调整图像的明暗程度方法。掌握修饰图像瑕疵和各种形状图像的抠取方法。思考及作业想一想：1、如何对图像自由裁剪？2、“曲线”直方图中的锚点有什么作用？3、如何输入横排文字、直排文字和变形文字？练一练：练习1：为沙发更换背景在设计销售沙发家具的网站时，往往需要搭配背景与文字来美化家具的效果。以一张沙发的图为例讲解抠图与更换背景的方法，完成后的效果如图所示。练习2：处理金属材质本练习将处理一张精油瓶子图像，处理后的瓶盖金属质感更加纯粹，参考效果如图所示。课时内容使用Photoshop设计网页元素授课时间90分钟课时2教学目标掌握网页横幅广告的设计方法掌握网页海报的设计方法掌握网页产品推广图的设计方法教学重点能够完成通栏横幅广告、常规横幅广告的制作。能够完成全屏海报、常规海报的制作。能够完成纵向产品推广图、常规产品推广图的制作。教学难点掌握网页元素和网页效果图的设计和制作方法。教学设计教学思路：（1）通过网页中通栏横幅广告和常规横幅广告的设计制作，介绍企业LOGO的绘制，文字的输入与设置，添加图片素材，设置图层样式等知识；（2）通过在网页中设计全屏海报和常规海报，介绍在网页中添加并调整图片素材、输入并设置文字、设置图层样式等操作；（3）通过在网页中设计一套产品推广图，介绍矩形工具的使用，图片素材的置入方法，文字的输入等操作；（4）安排上机实训，并通过专业背景、操作思路，对使用Photoshop设计网页元素的相关知识进行补充。（4）通过课后练习，要求学生综合所学知识独立完成网页元素的设计和制作。教学手段：（1）通过演示网页横幅广告、网页海报、网页产品推广图的制作，讲解结束后进行上机练习和疑难提问；（2）对Photoshop中的文字工具、矩形工具、图层的操作、素材图片的操作等分别进行解析，将操作知识融入到制作的任务中。教学资料及要求：除教材中的知识外，可以浏览各种不同的广告、海报、产品推广图等，然后根据自己的想法和思路进行网页元素的设计。教学内容知识回顾：前面介绍了使用Photoshop处理产品图像的相关知识，本节将在前面所学的基础上对使用Photoshop设计网页元素的方法进行介绍，如网页横幅广告、网页海报、产品推广图的设计。讨论问题：1、网页横幅广告一般放在网页的什么位置，尺寸是不变的吗？横幅广告的设计与那些因素有关？2、要使网页中的海报达到美观、吸引浏览者注意力的效果，应考虑哪些设计要点？内容大纲：具体可结合本章的PPT课件进行配合讲解。3.1课堂案例：设计网页横幅广告3.1.1制作通栏横幅广告3.1.2制作常规横幅广告3.2课堂案例：设计网页海报3.2.1制作全屏轮播海报3.2.2制作常规轮播海报3.3课堂案例：设计产品推广图3.3.1制作横向产品推广图3.3.2制作常规产品推广图3.4项目实训3.4.1设计化妆品横幅广告3.4.2设计洗衣机全屏海报3.5课后练习3.6技巧提升课堂案例：设计网页横幅广告课堂案例：设计网页海报课堂案例：设计产品推广图小结掌握网页横幅广告、网页海报、产品推广图的设计制作方法。掌握网页中各类元素合理布局搭配的方法，设计画面美观的广告。思考及作业想一想：1、网页导航栏的设计应该注意些什么？2、在设计网页的过程中，网页中各个元素设计如何合理布局？练一练：练习1：制作女包全屏轮播海报本练习要求使用“女包海报”文件夹中的素材制作两张女款包包的全屏海报图，以便于轮播。第一张海报以冬季热销的产品为出发点，应用模特、女包的陈列、唯美的背景，通过梅花、雪花的对比来渲染冬季美好的画面，突出“寒冷冬季，有我与你相依”的主题；第二张海报延续了第一张的简约风格，通过女包的陈列、深绿色的背景、放射状的图形，营造出高端、时尚的氛围，完成后的效果如图所示。练习2：处理金属材质本练习要求为宅家商城电子商务网页设计一个全屏海报，海报内容为商家的促销信息，参考效果如图所示。课时内容使用Photoshop设计网站界面授课时间90课时2教学目标掌握制作网站主页的方法。掌握网页效果图切片输出的方法。教学重点掌握制作“宅家商城”网站主页的方法掌握输出网页效果图的方法教学难点可以在框架集中添加网页内容的方法。教学设计教学思路：（1）通过制作“宅家商城”主页，介绍网页头部、网页内容设计、网页底部设计的方法；（2）通过输出“宅家商城”网站主页，介绍创建切片、输出切片的方法；（3）安排项目实训，并通过制作专业背景，对设计网站界面的相关知识进行补充。（4）通过课后练习，要求学生综合本项目所学知识独立完成“返场活动”网页效果图和“矮凳详情页”效果图的制作。教学手段：（1）首先对网站界面设计和网页效果图切片输出的操作方法进行讲解，讲解结束后进行项目实训和课后练习；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：搜索网页布局的相关技巧，结合所设计的网页的特点进行综合应用。教学内容知识回顾：在前面讲解了网页中横幅广告、海报、产品推广图等各类广告元素的设计制作方法，本节将介绍在Photoshop中设计网站界面并切片输出的方法。讨论问题：1、为了使制作出的详情页规范完整，还需遵循哪些注意事项？2、在创建参考线时，如何精确确定参考线的位置？内容大纲：具体可结合本章的PPT课件进行配合讲解。4.1课堂案例：制作“宅家商城”主页4.1.1设计网页头部4.1.2网页内容设计4.1.3网页底部设计4.2课堂案例：输出“宅家商城”网站主页4.2.1创建切片4.2.2输出切片4.3项目实训4.3.1制作“返场活动”网页效果图4.3.2设计“矮凳详情页”效果图4.4课后练习4.5技巧提升课堂案例：制作“宅家商城”网站主页课堂案例：输出“宅家商城”网站主页小结掌握设计网站界面、制作网站主页的方法。掌握创建切片、输出切片和输出网页效果图的方法。思考及作业想一想：在制作网页效果图时，有哪些规范要求和注意事项？切片完成后，如何快速的将效果图输出为HTML页面，这种方式有什么缺点呢？练一练：练习1：设计“墨韵婚纱”网站首页本练习要求为婚纱售卖网站的首页设计一个界面效果图，要求页面中能够显示部分产品、有购买功能，其参考效果如图所示。练习2：设计“灯具网主页”效果图本练习要求完成“灯具网主页”网页效果图的设计，然后对其进行切片，完成后存储文件，参考效果如图所示。课时内容使用Dreamweaver制作基础网页授课时间135分钟课时3教学目标掌握“代金券说明”网页的制作方法掌握美化“帮助中心”网页的制作方法掌握网页跳转设计的制作方法教学重点掌握创建网页文档、设置页面属性、添加并设置文字、插入相关页面元素的方法。掌握插入与编辑图像、创建鼠标经过图像、插入背景音乐的方法。掌握添加各种超链接的方法。教学难点掌握美化网页的相关操作。教学设计教学思路：（1）通过“代金券说明”网页的制作，介绍创建网页文档、设置页面属性、添加并设置文字格式、添加水平线、网页文档的基础操作等相关知识；（2）通过美化“帮助中心”网页，介绍插入与编辑图像、优化图像、创建鼠标经过图像、插入Flash动画、添加背景音乐的相关知识；（3）通过网页跳转设计，介绍超链接的组成和创建各种类型的超链接的方法；（4）通过项目实训和课后练习，帮助学生强化知识点并掌握本章内容，要求学生综合本项目所学知识独立完成“小儿郎学校简介”网页和“服装”网页的制作。（5）安排技巧提升，对使用Dreamweaver制作基础网页的相关知识进行补充。教学手段：（1）通过演示讲解使用Dreamweaver制作基础网页的相关知识，讲解结束后进行课后练习和技巧提升；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的讲解的用使用Dreamweaver制作基础网页的方法之外，也可浏览其他优秀网页，学习其中的编辑技巧。教学内容知识回顾：前面对使用Photoshop设计网站界面进行了介绍，下面将对使用Dreamweaver制作基础网页的相关知识进行介绍。讨论问题：1、能在网页中使用的图像格式有哪几种？2、在进行网页跳转设计时，不同的超链接其作用有什么区别？内容大纲：具体可结合本章的PPT课件进行配合讲解。5.1课堂案例：制作“代金券说明”网页5.1.1创建网页文档5.1.2设置页面属性5.1.3添加文字5.1.4设置文字格式5.1.5添加水平线5.1.6保存、预览和关闭网页文档5.2课堂案例：美化“帮助中心”网页5.2.1插入与编辑图像5.2.2优化图像5.2.3创建鼠标经过图像5.2.4插入Flash动画5.2.5添加背景音乐5.3课堂案例：网页跳转设计5.3.1认识超链接5.3.2插入文字超链接5.3.3创建空链接5.3.4创建图像超链接5.3.5创建图像热点超链接5.3.6创建锚点超链接5.3.7创建电子邮件超链接5.3.8创建外部超链接5.3.9创建脚本链接5.4项目实训5.4.1美化“酒店预订”网页5.4.2为“墨韵”网页设计网页跳转5.5课后练习5.6技巧提升课堂案例：制作“代金券说明”网页课堂案例：美化“帮助中心”网页课堂案例：网页跳转设计小结掌握制作网页和美化网页的方法。掌握网页跳转设计的制作方法。思考及作业想一想：在Dreamweaver中如何添加日期对象？在网页中，若为图像设置了图像超链接，在预览网页时，将会在图像上显示一个蓝色的边框，如何删除链接图像上的蓝色边框？在网页中如何设置滚动的文字？练一练：练习1：制作“小儿郎学校简介”网页本练习要求为“小儿郎”早教网站制作一个学校简介网页，要求该网页能显示早教机构的相关基本信息。要完成该任务，除了用到添加文本外，还会涉及文本格式和段落格式的设置，以及添加水平线等操作，其参考效果如图所示。练习2：制作“服装”网页本练习要求在素材网页中插入背景音乐，然后插入图像。要求在导航下方通过图像占位符的方式添加图像，并输入和设置文字的样式，参考效果如图所示。

课时内容美化并布局网页授课时间90课时2教学目标掌握使用Div+CSS布局网页的方法掌握表格的使用方法教学重点使用Div+CSS布局网页的方法对“宅家商城”主页进行布局设计。使用表格制作“产品展示”部分教学难点掌握页面布局设计方法和表格的使用方法。教学设计教学思路：（1）通过对“宅家商城”主页进行布局设计，介绍插入和编辑Div标签、使用APDiv元素、创建与应用CSS样式、编辑CSS样式等相关知识；（2）通过制作“产品展示”部分，介绍创建与调整表格、设置表格与单元格属性、在表格中插入内容的相关知识；（（3）安排项目实训与课后练习，让学生自己动手制作，加深知识的应用。4）安排技巧提升，对美化并布局网页的相关知识点进行补充。教学手段：（1）将知识点通过任务进行融合；（2）使用相关任务进行知识点的补充。教学资料及要求：除项目中介绍的知识外，可以多参考一些好的布局网站，以从中获取经验。教学内容知识回顾：前面的章节中讲解了使用制作基础网页的方法，下面讲解通过Div+CSS布局网页、通过表格布局产品展示部分等知识。讨论问题：1、网页版面设计类型主要有几种，分别适用于哪些网站？2、进行版式设计时，需要注意版式设计的哪些基本准则？内容大纲：具体可结合本章的PPT课件进行配合讲解。6.1课堂案例：布局“宅家商城”主页6.1.1认识CSS样式6.1.2认识Div+CSS布局模式6.1.3Div+CSS布局模式的优势6.1.4插入并编辑Div6.1.5创建与编辑CSS样式6.1.6应用CSS样式6.1.7使用APDiv元素6.2课堂案例：制作“产品展示”部分6.2.1创建表格6.2.2调整表格结构6.2.3设置表格和单元格6.2.4在表格中插入内容6.3项目实训6.3.1制作“歇山园林”网页6.3.2制作“花店”网页6.4课后练习6.5技巧提升课堂案例：布局“宅家商城”主页课堂案例：制作“产品展示”部分小结掌握使用Div+CSS布局网页的方法。掌握表格的使用方法。思考及作业想一想：如何将作为独立的样式表保存的CSS样式通过链接的方式应用到多个网页中？如何批量设置APDiv？如何导入表格数据？练一练：练习1：布局“墨韵婚纱”首页本练习要求为“墨韵婚纱”网站布局首页结构，要求网页能显示该公司的相关业务和产品等信息。要完成该任务，需要使用Div+CSS来进行布局，参考效果如图所示。练习2：布局“酒店预订”网页本练习要求使用表格来制作“酒店预订”页面，在制作时先在空白网页中插入表格，并根据需要在表格中添加相关内容，再对添加的内容进行编辑，最后设置表格的属性，参考效果如图所示。

课时内容使用表单和行为制作网页授课时间90分钟课时2教学目标掌握制作“宅粉注册”页面的方法掌握完善网页行为效果的方法。教学重点掌握在“宅粉注册”页面中制作表单的相关操作。掌握为“用户注册”网页和“详情网”网页添加相关的行为。教学难点掌握表单和行为的运用方法。教学设计教学思路：（1）通过为“宅家商城”网站制作一个用户注册页面，介绍创建表单、设置表单属性和插入表单元素等知识；（2）通过为制作的“用户注册”网页和“详情网”网页添加相关的行为，介绍添加弹出信息、打开浏览器窗口、检查表单、效果、交换图像等行为的相关知识；（3）安排项目实训与课后练习让学生自己动手制作，加深本章知识的应用；（（4）安排技巧提升，对对表单制作的技巧进行总结。教学手段：（1）首先对使用表单和行为制作网页的方法进行介绍，讲解结束后进行项目实训、课后练习和技巧提升；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的知识外，可以搜集一些好看的网页，练习通过表单和行为制作网页，熟练掌握本章知识点。教学内容知识回顾：在前面讲解了使用Div+CSS、表格布局网页的相关知识，本节将具体介绍使用表单和行为制作网页的制作方法。讨论问题：1、在制作表单页面时有哪些注意事项？2、在DreamweaverCS6中，可以通过哪几种途径来添加表单对象？内容大纲：具体可结合本章的PPT课件进行配合讲解。7.1课堂案例：制作“宅粉注册”网页7.1.1认识表单7.1.2创建表单7.1.3插入表单对象7.2课堂案例：完善网页行为效果7.2.1行为的基础知识7.2.2弹出窗口7.2.3打开浏览器窗口7.2.4检查表单7.3项目实训7.3.2制作“用户注册”网页7.3.2为网页添加行为7.4课后练习7.5技巧提升课堂案例：制作“宅粉注册”网页课堂案例：完善网页行为效果小结掌握使用表单制作网页的方法。掌握使用行为完善网页效果的方法。思考及作业想一想：1、当表单结构较为复杂或表单元素的位置排列和布局不尽如意时，如何通过表格对其进行结构优化？2、默认添加的表单元素的外观是固定的，如何根据需要设置个性化的外观？3、插入表单后网页文档中没有显示出红色虚线框，如何令其显示出来？练一练：练习1：制作“宠物网注册”页面本练习要求为“宠物网”制作注册页面，要求该网页能让用户注册为会员，同时，网站能够收集用户的基本信息，了解用户的一些使用习惯，参考效果如图所示。练习2：制作“学员注册”网页本练习要求使用表单来制作“学员注册”页面，在制作时先打开素材网页，然后在其中插入表单，再在表单中插入需要的表单元素，最后为表单添加一些行为，让页面更丰富，完成后的参考效果如图所示。练习3：制作“登录”页面本练习要求使用表单功能来制作登录页面，制作时先在“login.html”网页中添加表单，在表单中添加相应的表单元素，并对表单元素的属性进行设置，最后添加行为。参考效果如图所示。

课时内容使用模板和库设计装修页面授课时间90分钟课时2教学目标掌握制作“新品体验”网页的方法掌握制作“宅家优购”网页的方法。教学重点掌握使用库文件设计装修页面的方法。掌握使用模板设计装修页面的方法。教学难点通过使用库文件和模板提高设计装修网页的效率。教学设计教学思路：（1）通过制作“新品体验”网页，介绍资源面板、创建库文件、应用库文件等知识；（2）通过制作“宅家优购”页面，介绍创建模板、创建可编辑区域、应用与管理模板等知识；（3）安排项目实训和课后练习，让学生在制作过程中熟练掌握使用库文件和模板设计制作网页页面；（4）安排技巧提升，对库文件和模板操作的相关知识进行补充。教学手段：（1）通过演示讲解使用模板和库设计装修页面的基础知识，讲解结束后进行项目实训和课后练习；（2）对于重点操作和容易出现误区的知识点可以着重演示，并加强举例说明。教学资料及要求：除教材中的知识外，可以搜集一些好看的模板并浏览优秀的网页，看网页中固定的部分有什么相同之处，是否可以创建为库文件并重复使用。通过学习，制作出更满足客户要求的网页。教学内容知识回顾：网页设计制作过程中，不仅需要通过表单和行为对网页进行快速布局，还可以通过库文件和模板提高网页的设计制作效率，本项目进行具体讲解。讨论问题：1、如何更新、分离和编辑库文件？2、如何创建重复区域和可选区域？内容大纲：具体可结合本章的PPT课件进行配合讲解。8.1课堂案例：制作“新品体验”网页8.1.1认识“资源”面板8.1.2创建库文件8.1.3应用库文件8.2课堂案例：制作“宅家优购”页面8.2.1创建模板8.2.2创建可编辑区域8.2.3应用与管理模板8.3项目实训8.3.1利用“库”快速制作“酒店预订”页面8.3.2制作“婚纱详情页”网页模板8.4课后练习8.5技巧提升课堂案例：制作“新品体验”网页课堂案例：制作“宅家优购”页面小结掌握创建库文件、应用库文件的方法。掌握创建模板、应用模板、创建可编辑区域的方法。思考及作业想一想：1、如何对库项目进行编辑和管理？2、模板内容超过可编辑区域的大小时，如何处理？3、对模板进行修改并保存后，如何只更新当前网页应用的模板？练一练：练习1：制作“精品推广”页面本练习要求为服装网站制作一个“精品推广”页面，该网页主要由导航和推广内容组成，要求使用Dreamweaver的库功能来快速实现制作，参考效果如图所示。练习2：制作“花店”网页本练习要求使用模板来制作“花店”页面，在制作时先打开素材网页，将其保存为模板，然后创建可编辑区域，再通过该模板创建网页，最后对网页进行编辑，完成后的参考效果如图所示。

课时内容制作动态网页链接网站后台授课时间90分钟课时2教学目标掌握搭建动态网站平台的方法。掌握制作“用户登录”动态网页的方法。教学重点掌握搭建动态网站平台方法。掌握“用户登录”动态网页的制作方法。教学难点掌握数据表、动态站点、数据源、记录集、动态表格等知识。教学设计教学思路：（1）通过搭建动态网站平台，介绍动态网页的基础知识、安装与配置IIS、使用Access创建数据表、创建与配置动态站点、创建数据源等知识；（2）通过制作“用户登录”动态网页，掌握创建记录集、插入动态表格、创建记录集导航、记录的基本操作等相关知识；（3）安排项目实训与课后练习进行上机练习，帮助学员熟练掌握本章知识点。教学手段：（1）通过演示讲解制作动态网页链接网站后台的知识，讲解结束后进行项目实训和课后练习；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的知识外，可以到相关网站中学习和讨论更多动态网页的制作技巧。教学内容知识回顾：在前面讲解了使用模板和库设计装修页面的方法，下面将通过如何搭建动态网站平台、安装与配置IIS服务器、定义站点、创建数据库连接、记录集的创建和记录的插入等知识进行讲解，本节将具体介绍动态网页的制作方法。讨论问题：1、如何解决无法使用Access数据源情况？2、如何完全删除“插入记录”行为？内容大纲：具体可结合本章的PPT课件进行配合讲解。9.1课堂案例：搭建动态网站平台9.1.1认识动态网页9.1.2动态网页常用的开发语言9.1.3动态网页的开发流程9.1.4认识Web服务器9.1.5安装与配置IIS9.1.6使用Access创建数据表9.1.7创建与配置动态站点9.1.8创建数据源9.2课堂案例：制作“用户登录”动态网页9.2.1创建记录集9.2.2插入动态表格9.2.3创建记录集导航9.2.4插入记录9.2.5删除记录9.3项目实训9.3.1制作“用户登录”网页9.3.2制作“发货记录”网页9.4课后练习9.5技巧提升课堂案例：搭建动态网站平台课堂案例：制作“用户登录”动态网页小结掌握创建与配置动态站点的方法。掌握创建记录集的方法。思考及作业想一想：1、了解更大多关于ASP编程工作的知识。2、设置数据源的好处是什么？3、如何用图像对象实现记录集分页中的文本超链接？练一练：练习1：制作网站后台系统本练习要求制作一个简单的后台管理系统。通过练习制作网站的过程，进一步巩固动态网页的操作方法，参考效果如图所示。练习2：制作“注册”动态页面本练习要制作一个“注册”动态网页页面，要求用户在注册页面中填写注册信息后能够将数据提交到数据库，若提交成功则显示为图9-56右侧上图效果，否则为右侧下图效果，完成后的参考效果如图所示。

课时内容电子商务平台的网页制作与上传授课时间90分钟课时2教学目标掌握电子商务平台网页制作知识。掌握图片空间使用方法。掌握使用模块装修店铺的方法。教学重点掌握电子商务平台网页制作要求和注意事项。掌握在图片空间中图片的操作方法。掌握店铺的装修操作。教学难点掌握图片空间的上传、移动、删除与替换等操作，使用模块装修店铺等知识。教学设计教学思路：（1）通过介绍电子商务平台网页制作知识，熟悉目前主流的电子商务平台经营模式和电子商务平台网页制作要求及注意事项；（2）通过使用图片空间，介绍进入图片空间的方法、上传图片、移动空间图像、删除与替换空间图像等操作；（3）通过使用模块装修店铺，介绍常用的装修基础模块、装修页头、热点以及其他模块等知识点和相关操作；（4）安排项目实训与课后练习，进行上机练习。教学手段：（1）通过演示讲解相关知识，讲解结束后进行项目实训和课后练习；（2）对于重点操作可以着重演示，并加强举例说明。教学资料及要求：除教材中的知识外，可以搜集一些电子商务平台网页制作技巧，或浏览一些电子商务平台进行参考。教学内容知识回顾：在前面讲解了使用数据表、动态站点、数据源、记录集、动态表格等制作动态网站的方法，下面将对使用电子商务平台的网页制作与上传的知识进行介绍。讨论问题：1、在淘宝网中上传图像时，可以使用什么样的方式快速进行区分？2、如何还原删除的图片？内容大纲：具体可结合本章的PPT课件进行配合讲解。10.1课堂案例：电子商务平台网页制作10.1.1目前主流的电子商务平台10.1.2电子商务平台网页制作要求和注意事项10.2课堂案例：使用图片空间10.2.1进入图片空间的方法10.2.2上传图像到图片空间10.2.3移动空间图像10.2.4删除与替换空间图像10.3课堂案例：使用模块装修店铺10.3.1认识装修模块10.3.2装