HTML5+CSS3项目开发实战

本书以HTML5与CSS3知识点为主线，以响应式布局项目为任务载体，采用迭代递增的网页设计方法，根据项目需求来逐步完成任务，实现学习相关知识与动手实操并重的目的。全书按照网页设计的步骤，围绕HTML5与CSS3重要特性编写而成，通过详细讲解各个任务的制作来对知识点进行总结，使读者更详细地了解网页设计制作技术。本书以学习者为中心，不仅强调基本技能的训练、基础知识的夯实，还注重拓展能力的培养，所以内容编排方式为“学习目标、学习路径、项目描述、项目实施、项目拓展、项目总结、英语角、项目习题”，内容翔实、难度渐进、结构清晰、语言准确，使读者能够学以致用。本书既可作为高职院校和应用型大学网页设计课程的教材，也可作为信息技术培训机构的培训用书，还可以作为网页设计与制作人员的参考用书。

王庆桦，天津中德应用技术大学 教务处副处长，中国职业技术教育学会(CSTVE) 教学工作委员会 自动化技术类专业教学研究会 副秘书长，天津市"五一”劳动奖章获得者，从事相关专业和课程教学14年。先后在加拿大BC省理工学院参加计算机技术、教育教学技能培训、清华大学Web应用开发技术高级研修班、访问过澳大利亚和新西兰等国家，学校职业教育体系。主编或参与编写教材9册；参加重量教改课题3项，市级教改课题3项；作为主要承担者参与重量、市级精品课或资源共享课3门；指导学生参加天津市高职计算机技能大赛获一等奖1项，二等奖2项、三等奖2项。

项目1服装品牌墙界面设计1
学习目标1
学习路径1
项目描述1
项目技能3
1.1HTML5概述3
1.2HTML5基础3
1.3网页编辑器及环境5
1.4CSS3初体验7
1.5CSS样式表8
1.6CSS选择器11
项目实施16
项目拓展20
项目总结22
英语角22
项目习题22
项目2新浪微博导航界面设计24
学习目标24
学习路径24
项目描述24
项目技能25
2.1HTML5文本标签26
2.2CSS文本属性30
2.3CSS字体属性38
2.4CSS颜色42
2.5CSS导航栏43
2.6固定布局和流动布局45
项目实施46
项目拓展53
项目总结54
英语角55
项目习题55
项目3同城旅游主界面设计56
学习目标56
学习路径56
项目描述56
项目技能57
3.1网页中支持的图片格式57
3.2HTML5图像标签58
3.3设置背景属性60
3.4盒子模型67
3.5CSS3新增边框属性72
3.6HTML5图像过渡和变形属性76
任务实施80
任务拓展88
任务总结90
英语角90
任务习题91
项目4小快鱼旗舰店主界面设计92
学习目标92
学习路径92
项目描述92
项目技能94
4.1列表的作用94
4.2HTML5文本列表标签94
4.3CSS列表标签属性97
4.4HTML5创建表格101
4.5CSS定位105
项目实施110
项目拓展119
项目总结120
英语角121
任务习题121
项目5同城旅游用户注册界面设计122
学习目标122
学习路径122
项目描述122
项目技能123
5.1表单的概述123
5.2表单基本元素的使用125
5.3HTML5新增的input属性135
项目实施142
项目拓展146
项目总结149
英语角149
任务习题149
项目6天天动听播放器界面设计150
学习目标150
学习路径150
项目描述150
项目技能151
6.1audio标签概述151
6.2audio标签的属性153
6.3video标签概述153
6.4video标签的属性154
项目实施155
项目拓展157
项目总结158
英语角158
任务习题158
项目7使用HTML5绘制火柴棒人物160
学习目标160
学习路径160
项目描述160
项目技能161
7.1Canvas概述161
7.2Canvas绘制基本图形162
7.3绘制渐变图形166
7.4绘制变形图形169
7.5图形组合175
7.6使用图像176
7.7绘制文字177
7.8SVG179
项目实施179
项目拓展182
项目总结184
英语角184
项目习题184
项目8HTML5+CSS3开发购物网首页186
学习目标186
学习路径186
项目描述186
项目规划187
8.1网站定位187
8.2需求分析188
8.3网站的风格设计188
项目实施188
项目拓展202
项目总结204
附录参考答案205
参考文献206