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