单元1站点创建与制作商品简介页面1
教学导航1
渐进训练2
任务1-1制作电脑版商品简介页面0101.html2
【任务1-1-1】启动Dreamweaver CC与初识其工作界面2
【任务1-1-2】认识浏览器的基本组成和网页的基本组成元素8
【任务1-1-3】创建站点“易购网”10
【任务1-1-4】管理本地站点11
【任务1-1-5】管理网站中的文件和文件夹13
【任务1-1-6】设置网页的首选项14
【任务1-1-7】新建网页文档0101.html与设置页面属性16
【任务1-1-8】在网页中输入与编辑文本22
【任务1-1-9】网页文档的基本操作25
【任务1-1-10】在网页中插入与编辑图像26
【任务1-1-11】使用【资源】面板管理网站中的资源28
【任务1-1-12】设置页面0101.html的头部内容30
【任务1-1-13】定义CSS代码美化网页的文本与图片32
探索训练35
任务1-2制作触屏版商品简介页面0102.html35
析疑解惑37
单元小结47
单元习题47
单元2超链接应用与制作帮助信息页面49
教学导航49
渐进训练49
任务2-1设计与制作电脑版帮助信息页面0201.html49
【任务2-1-1】规划与设计“易购网”的通用布局结构50
【任务2-1-2】规划与设计“易购网”帮助页面的布局结构53
【任务2-1-3】在网页中添加与编辑列表55
【任务2-1-4】创建顶部导航栏和插入LOGO图片56
【任务2-1-5】创建底部横向友情链接导航栏62
【任务2-1-6】创建左侧帮助导航栏与添加相应的帮助内容64
【任务2-1-7】创建底部帮助导航栏69
【任务2-1-8】创建多种形式的超链接72
探索训练75
任务2-2制作触屏版帮助信息页面0202.html75
析疑解惑78
单元小结79
单元习题79
单元3表格应用与制作购物车页面81
教学导航81
渐进训练81
任务3-1制作电脑版购物车页面0301.html81
【任务3-1-1】在网页中插入与设置表格82
【任务3-1-2】使用表格制作购物车页面87
探索训练91
任务3-2制作触屏版购物车页面0302.html91
析疑解惑96
单元小结100
单元习题100
单元4表单应用与制作注册登录页面101
教学导航101
渐进训练101
任务4-1制作与美化电脑版用户注册网页0401.html101
【任务4-1-1】创建电脑版用户注册网页101
【任务4-1-2】美化电脑版用户注册网页109
任务4-2制作与美化电脑版用户登录网页0402.html115
【任务4-2-1】创建电脑版用户登录网页115
【任务4-2-2】美化电脑版用户登录网页116
探索训练121
任务4-3制作触屏版用户注册网页0403.html121
任务4-4制作触屏版用户登录网页0404.html124
析疑解惑128
单元小结128
单元习题128
单元5网页布局与制作商品筛选页面130
教学导航130
渐进训练131
任务5-1设计与制作电脑版商品筛选页面0501.html131
【任务5-1-1】规划与设计商品筛选页面的布局结构131
【任务5-1-2】布局与美化商品筛选页面的左侧列表内容134
【任务5-1-3】布局与美化商品筛选页面的右侧主体内容139
探索训练147
任务5-2制作触屏版促销商品页面0502.html147
析疑解惑151
单元小结165
单元习题165
单元6模板应用与制作商品推荐页面167
教学导航167
渐进训练167
任务6-1设计与制作电脑版商品推荐页面0601.html167
【任务6-1-1】规划与设计商品推荐页面的布局结构167
【任务6-1-2】制作用于生成网页模板的网页0601.html172
任务6-2制作基于模板的电脑版商品推荐页面0602.html177
【任务6-2-1】基于网页0601.html创建网页模板0602.dwt177
【任务6-2-2】创建基于模板的网页0602.html183
【任务6-2-3】在网页0602.html中插入库项目和代码片段186
探索训练189
任务6-3设计与制作触屏版商品促销页面0603.html189
任务6-4设计与制作触屏版商品促销页面0604.html195
析疑解惑195
单元小结196
单元习题196
单元7网页特效与制作商品详情页面198
教学导航198
渐进训练199
任务7-1设计与制作电脑版商品详情页面0701.html199
【任务7-1-1】规划与设计商品详情页面的布局结构200
【任务7-1-2】在网页顶部显示当前日期和问候语204
【任务7-1-3】在网页中动态改变局部区域文本字体大小209
【任务7-1-4】在网页中自动滚动图片210
【任务7-1-5】在网页中实现选项卡功能212
【任务7-1-6】在网页中实现商品图片轮换展示与放大功能215
探索训练221
任务7-2制作触屏版商品详情页面0702.html221
析疑解惑228
单元小结231
单元习题232
单元8网站整合与制作购物网站首页233
教学导航233
渐进训练233
任务8-1熟悉网站开发流程和规范233
任务8-2分析与规划购物网站237
任务8-3设计与制作电脑版网站首页0801.html241
【任务8-3-1】规划与设计电脑版网站首页的主体布局结构242
【任务8-3-2】设计与实现电脑版网站首页的导航结构245
【任务8-3-3】设计与实现电脑版网站首页的各个局部版块内容256
【任务8-3-4】实现电脑版网站首页的特效功能262
【任务8-3-5】设置“易购网”的超链接268
任务8-4测试网站268
任务8-5发布网站272
任务8-6推广与维护网站274
探索训练278
任务8-7设计与制作触屏版网站首页0802.html278
析疑解惑286
单元小结289
单元习题289
附录
HTML5的常用标签及其属性291

将教学内容划分为8个教学单元，理论知识分为“站点创建—超链接应用—表格应用—表单应用—网页布局—模板应用—网页特效—网站整合”8个部分，选取购物网站作为网页设计载体，将训练任务分为“制作商品简介页面—制作帮助信息页面—制作购物车页面—制作注册登录页面—制作