正版 HTML5+CSS3网页设计与制作实战:项目式 颜珍平 人民邮电出版

单元 1 站点创建与制作商品简介页面 1
教学导航 1
渐进训练 2
任务1-1 制作电脑版商品简介页面0101．html 2
【任务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．html 35
析疑解惑 37
单元小结 47
单元习题 47

单元 2 超链接应用与制作帮助信息页面 49
教学导航 49
渐进训练 49
任务2-1 设计与制作电脑版帮助信息页面0201．html 49
【任务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．html 75
析疑解惑 78
单元小结 79
单元习题 79

单元 3 表格应用与制作购物车页面 81
教学导航 81
渐进训练 81
任务3-1 制作电脑版购物车页面0301．html 81
【任务3-1-1】在网页中插入与设置表格 82
【任务3-1-2】使用表格制作购物车页面 87
探索训练 91
任务3-2 制作触屏版购物车页面0302．html 91
析疑解惑 96
单元小结 100
单元习题 100

单元 4 表单应用与制作注册登录页面 101
教学导航 101
渐进训练 101
任务4-1 制作与美化电脑版用户注册网页0401．html 101
【任务4-1-1】创建电脑版用户注册网页 101
【任务4-1-2】美化电脑版用户注册网页 109
任务4-2 制作与美化电脑版用户登录网页0402．html 115
【任务4-2-1】创建电脑版用户登录网页 115
【任务4-2-2】美化电脑版用户登录网页 116
探索训练 121
任务4-3 制作触屏版用户注册网页0403．html 121
任务4-4 制作触屏版用户登录网页0404．html 124
析疑解惑 128
单元小结 128
单元习题 128

单元 5 网页布局与制作商品筛选页面 130
教学导航 130
渐进训练 131
任务5-1 设计与制作电脑版商品筛选页面0501．html 131
【任务5-1-1】规划与设计商品筛选页面的布局结构 131
【任务5-1-2】布局与美化商品筛选页面的左侧列表内容 134
【任务5-1-3】布局与美化商品筛选页面的右侧主体内容 139
探索训练 147
任务5-2 制作触屏版促销商品页面0502．html 147
析疑解惑 151
单元小结 165
单元习题 165

单元 6 模板应用与制作商品页面 167
教学导航 167
渐进训练 167
任务 6-1 设计与制作电脑版商品页面0601．html 167
【任务6-1-1】规划与设计商品页面的布局结构 167
【任务6-1-2】制作用于生成网页模板的网页0601．html 172
任务 6-2 制作基于模板的电脑版商品页面0602．html 177
【任务6-2-1】基于网页0601．html创建网页模板0602．dwt 177
【任务6-2-2】创建基于模板的网页0602．html 183
【任务6-2-3】在网页0602．html中插入库项目和代码片段 186
探索训练 189
任务 6-3 设计与制作触屏版商品促销页面0603．html 189
任务 6-4 设计与制作触屏版商品促销页面0604．html 195
析疑解惑 195
单元小结 196
单元习题 196
单元 7 网页与制作商品详情页面 198
教学导航 198
渐进训练 199
任务 7-1 设计与制作电脑版商品详情页面0701．html 199
【任务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．html 221
析疑解惑 228
单元小结 231
单元习题 232

单元 8 整合与制作购物页 233
教学导航 233
渐进训练 233
任务 8-1 熟悉开发流程和规范 233
任务 8-2 分析与规划购物 237
任务 8-3 设计与制作电脑版页0801．html 241
【任务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．html 278
析疑解惑 286
单元小结 289
单元习题 289
附录
HTML5的常用标签及其属性 291

陈承欢三级教授不错工程师软件设计师湖南省省级专业带头人，国家精品课程与精品共享课程《网页设计与制作》主持人，国家资源库课程《计算机维护与维修》和《网页样式设计与应用》主持人，湖南省教育科学重点研究课题主持人，湖南省教学改革项目主持人。

本书使用网页制作工具Dreamweaver CC、Web 技术标准HTML5 和CSS3 设计与制作网页。
本书将教学内容划分为8 个教学单元，理论知识分为“站点创建—超链接应用—表格应用—表单应用—网页布局—模板应用—网页—整合” 8 个部分，选取购物作为网页设计载体，将训练任务分为“制作商品简介页面—制作帮助信息页面—制作购物车页面—制作注册登录页面—制作商品筛选页面—制作商品页面—制作商品详情页面—制作购物”8 类。每个教学单元设置了两个教学层次（渐进训练和探索训练），“渐进训练”部分循序渐进地练习PC 版网页的制作，“探索训练”部分主要训练触屏版网页的制作。全书围绕25 个真实的网页设计制作任务展开，采用“任务驱动、案例教学、理论实践一体化”的教学模式组织内容，帮助读者提升网页设计的技能，以满足职业岗位的需求。
本书可以作为院校各专业“网页设计与制作”课程的教材，也可以作为网页设计与制作的培训用书及技术参考书。

新版网页制作工具Dreamweaver CC
新版Web技术标准HTML5和CSS3
选取应用*广泛的购物作为网页设计载体
选取购物中*典型的8类功能网页作为技能训练案例
将训练任务分为“制作商品简介页面－制作帮助信息页面－制作购物车页面－制作注册登录页面－制作商品筛选页面－制作商品页面－制作商品详情页面－制作购物页”8类。
制作PC端和移动端两类网页，满足多样需求。