HTML5+CSS3+JavaScript项目开发PDF|Epub|txt|kindle电子书版本网盘下载

HTML5+CSS3+JavaScript项目开发PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

咖啡商城项目导引1

学习目标1

内容安排2

项目背景2

项目构思3

第1章 开发工具HBuilder5

1.1 飞速编码的极客工具6

1.2 安装HBuilder6

1.3 认识界面8

1.4 新建项目9

1.5 Web项目的运行11

1.6 移动App的运行12

第2章 HTML基础15

2.1 认识HTML16

2.1.1 HTML基本语法16

2.1.2 HTML文档的基本结构17

2.1.3 项目：第一个HTML页面18

2.2 HTML常用标签19

2.2.1 文本与标签19

2.2.2 项目：介绍我的学校123

2.3 表格元素24

2.3.1 表格标签25

2.3.2 项目：图书统计表26

2.4 表单元素27

2.4.1 常用表单元素27

2.4.2 项目：个人信息统计表31

2.5 咖啡商城——商品分类模块33

2.5.1 项目说明34

2.5.2 项目设计34

2.5.3 项目实施34

习题36

第3章 HTML5新增元素和属性37

3.1 新增文档结构元素38

3.1.1 认识HTML538

3.1.2 HTML5页面结构39

3.1.3 HTML5主体结构元素39

3.1.4 HTML5非主体结构元素42

3.1.5 项目：新闻评论网43

3.2 新增表单元素45

3.2.1 HTML5表单新功能45

3.2.2 HTML5表单新的输入类型46

3.2.3 HTML5表单新的属性47

3.2.4 项目：订货人个人信息页49

3.3 咖啡商城——用户注册模块实现51

3.3.1 项目说明51

3.3.2 项目设计52

3.3.3 项目实施52

习题54

第4章 CSS基础56

4.1 CSS基本语法57

4.1.1 CSS语句格式57

4.1.2 CSS选择符58

4.1.3 项目：世界杯胜负榜64

4.2 文本和字体相关属性66

4.2.1 字体属性66

4.2.2 文本属性69

4.2.3 项目：介绍我的学校270

4.3 背景和边框相关属性72

4.3.1 边框72

4.3.2 边框阴影75

4.3.3 圆角边框76

4.3.4 图形边框76

4.3.5 背景77

4.3.6 项目：校训Logo80

4.4 咖啡商城——网站页脚模块实现82

4.4.1 项目说明82

4.4.2 项目设计82

4.4.3 项目实施82

习题84

第5章 CSS盒子模型87

5.1 盒子相关属性88

5.1.1 内边距和外边距88

5.1.2 块级元素与行内元素90

5.1.3 项目：盒子模型92

5.2 浮动定位93

5.2.1 float属性93

5.2.2 clear属性95

5.2.3 项目：3个相框95

5.3 位置定位97

5.3.1 position属性97

5.3.2 项目：照片墙99

5.4 隐藏与显示101

5.4.1 visibility属性101

5.4.2 z-index属性102

5.4.3 display属性103

5.4.4 项目：悬浮菜单103

5.5 咖啡商城——商品分类模块美化效果实现105

5.5.1 项目说明105

5.5.2 项目设计106

5.5.3 项目实施106

习题109

第6章 CSS3动画113

6.1 Animation动画114

6.1.1 定义关键帧114

6.1.2 绑定动画115

6.1.3 项目：跑动的汽车116

6.2 Transition动画118

6.2.1 Transition过渡118

6.2.2 项目：页面切换效果119

6.3 咖啡商城——商品介绍模块实现122

6.3.1 项目说明122

6.3.2 项目设计123

6.3.3 项目实施123

习题125

第7章 JavaScript基础126

7.1 JavaScript简介127

7.2 在HTML页面中嵌入JavaScript的方法128

7.3 JavaScript的语法规则129

7.3.1 语法129

7.3.2 标识符130

7.3.3 注释131

7.3.4 项目：第一个JavaScript程序131

7.4 数据类型133

7.4.1 常用数据类型133

7.4.2 typeof运算符133

7.4.3 Undefined类型134

7.4.4 Null类型134

7.4.5 Object类型135

7.5 变量136

7.6 运算符137

7.7 流程控制语句138

7.8 JavaScript函数140

7.8.1 JavaScript函数定义140

7.8.2 项目：单击我142

7.9 事件和事件处理144

7.9.1 JavaScript常用事件144

7.9.2 项目：敏感的兔子145

习题148

第8章 JavaScript对象151

8.1 内置对象152

8.1.1 认识JavaScript内置对象152

8.1.2 Math对象153

8.1.3 Date对象154

8.1.4 String对象156

8.1.5 Number对象158

8.1.6 Array对象160

8.1.7 项目：数字电子时钟162

8.2 BOM对象164

8.2.1 认识BOM对象164

8.2.2 window对象166

8.2.3 history对象168

8.2.4 location对象169

8.2.5 screen对象169

8.2.6 document对象170

8.2.7 项目：打开新窗口170

习题172

第9章 DOM文档对象模型175

9.1 认识DOM对象176

9.2 HTML DOM Document对象176

9.3 HTML DOM Event对象181

9.4 HTML DOM Element对象183

9.5 HTML DOM attribute对象184

9.6 DOM与事件185

9.6.1 事件绑定的方式185

9.6.2 事件处理函数的执行顺序187

9.6.3 事件冒泡和事件捕获187

9.7 项目：诗词鉴赏189

9.8 咖啡商城——购物车模块实现192

9.8.1 项目说明192

9.8.2 项目设计193

9.8.3 项目实施194

习题195

第10章 Canvas画布200

10.1 绘制基本图形201

10.1.1 认识Canvas201

10.1.2 Canvas的常用属性和方法201

10.1.3 使用Canvas绘图对象绘制基本图形202

10.1.4 项目：来自星星的它209

10.2 绘制图像213

10.2.1 使用Canvas绘图对象裁剪图像213

10.2.2 项目：放大镜216

10.2.3 项目：跳动的心218

10.2.4 项目：鼠标画板220

10.3 咖啡商城——商品详情模块实现223

10.3.1 项目说明223

10.3.2 项目设计223

10.3.3 项目实施224

习题226

第11章 本地存储229

11.1 Web Storage230

11.1.1 Web Storage的常用属性和方法230

11.1.2 项目：简易购物车231

11.2 本地数据库236

11.2.1 本地数据库访问237

11.2.2 项目：简易留言本239

11.3 咖啡商城——购物车本地存储模块实现245

11.3.1 项目说明245

11.3.2 项目设计246

11.3.3 项目实施247

习题251

第12章 jQuery基础253

12.1 jQuery的由来及简介254

12.1.1 向页面添加jQuery库254

12.1.2 项目：第一个jQuery程序255

12.2 jQuery选择器256

12.2.1 基本选择器256

12.2.2 层次选择器256

12.2.3 过滤选择器257

12.2.4 表单元素选择器259

12.3 jQuery常用方法259

12.4 jQuery对象与DOM对象263

12.5 jQuery事件264

12.5.1 常见的DOM事件264

12.5.2 事件绑定卐移除267

12.6 jQuery动画269

12.6.1 隐藏和显示269

12.6.2 淡入和淡出270

12.6.3 animate动画270

12.7 咖啡商城——图片轮播271

12.7.1 项目说明271

12.7.2 项目设计272

12.7.3 项目实施272

12.8 JSON273

12.8.1 JSON语法规则273

12.8.2 常用类型274

12.8.3 基础示例274

12.9 Ajax275

12.9.1 Ajax如何工作275

12.9.2 jQuery中的Ajax277

12.10 咖啡商城——查看商品详情279

12.10.1 项目说明279

12.10.2 项目设计279

12.10.3 项目实施280

习题281

第13章 跨平台移动App开发285

13.1 HTML5 Plus规范286

13.2 HTML5＋App286

13.3 HelloMUI示例287

13.4 建立MUI项目289

13.5 咖啡商城——移动App291

13.5.1 项目说明291

13.5.2 项目设计292

13.5.3 项目实施292

13.6 Hello H5＋示例294

13.7 创建Hello H5＋项目296

13.8 项目：语音答题App301

13.8.1 项目说明301

13.8.2 项目设计302

13.8.3 项目实施302

第14章 网站综合设计305

14.1 项目构思306

14.2 UI设计309

14.3 网页制作314

附录A 学习知识点及能力要点324

A.1 教材的知识要点及掌握程度324

A.2 教材的能力要点及重要程度325

附录B RGB颜色对照表326

附录C 部分习题参考答案331

参考文献335