网站建设技术12.实现商品内容页的动态显示效果.docx

浙江金融职业学院教案首周次：12日期：页课时序：47 48课题项目1实战建站任务7制作网站后台12 实现商品内容页的动态显示效果教学目的 要求能够实现商品内容页的动态显示效果重 点1、实现加入购物车等的动态显示效果；2、实现1个大图4个小图之间切换的动态显示效果。难点1、实现加入购物车等的动态显示效果；2、实现1个大图4个小图之间切换的动态显示效果。教学过程设计 及时间分配一、复习并引入新课（10）复习网站商品列表页的动态显示实现方法，演示完成后的网站动态显示效果， 引入本次课内容。二、讲授新课（65）（一）头部修改 VtitleXtitle（二）实现按产品分类、按地区分类、畅销排行榜的动态显示效果（三）实现当前位置的动态显示效果（四）实现商品产地、货号、加入购物车等的动态显示效果（五）实现1个大图4个小图之间切换的动态显示效果（六）实现产品描述的动态显示效果（七）实现相关推荐的动态显示效果二、总结布置作业（5）在自己