Web前端开发技术丛书 HTML5网页前端设计实战PDF电子书下载

第1章 HTML＋CSS基础项目 1

1.1导航栏菜单的设计与实现 1

1.1.1界面设计 1

1.1.2鼠标事件 4

1.1.3完整代码展示 5

1.2商务风格表格的设计与实现 6

1.2.1创建表格 6

1.2.2样式设计 7

1.2.3完整代码展示 11

第2章 JavaScript基础项目 13

2.1电子时钟的设计与实现 13

2.1.1界面设计 13

2.1.2时钟动态效果的实现 16

2.1.3完整代码展示 18

2.2电子日历的设计与实现 19

2.2.1界面设计 19

2.2.2显示状态栏中的年份和月份 22

2.2.3显示当前月份的所有日期 23

2.2.4按钮控件功能的实现 26

2.2.5完整代码展示 27

第3章 HTML5拖放API项目 31

3.1仿回收站效果的设计与实现 31

3.1.1界面设计 31

3.1.2文件拖曳与回收功能的实现 34

3.1.3完整代码展示 37

3.2图片相框展示的设计与实现 39

3.2.1界面设计 39

3.2.2相框自动生成功能的实现 41

3.2.3完整代码展示 46

第4章 HTML5表单API项目 49

4.1用户注册页面的设计与实现 49

4.1.1界面设计 50

4.1.2表单设计 51

4.1.3提示与验证功能的实现 54

4.1.4完整代码展示 58

4.2问卷调查页面的设计与实现 60

4.2.1界面设计 61

4.2.2表单设计 62

4.2.3验证功能的实现 69

4.2.4完整代码展示 73

第5章 HTML 5画布API项目 79

5.1手绘时钟的设计与实现 79

5.1.1界面设计 79

5.1.2实时更新效果 87

5.1.3完整代码展示 88

5.2拼图游戏的设计与实现 91

5.2.1界面设计 91

5.2.2实现游戏逻辑 95

5.2.3游戏成功与重新开始 102

5.2.4完整代码展示 105

第6章 HTML5媒体API项目 111

6.1音乐播放器的设计与实现 111

6.1.1界面设计 111

6.1.2媒体文件的载入 115

6.1.3控件功能的实现 115

6.1.4完整代码展示 119

6.2在线教学视频的设计与实现 122

6.2.1界面设计 122

6.2.2视频文件的载入与播放 127

6.2.3视频时间跳转的实现 128

6.2.4完整代码展示 130

第7章 HTML5地理定位API项目 133

7.1运动数据记录页面的设计与实现 133

7.1.1界面设计 134

7.1.2实时监控地理定位 135

7.1.3开始与结束按钮的切换 136

7.1.4计算与显示距离 138

7.1.5完整代码展示 140

7.2运动轨迹绘制页面的设计与实现 144

7.2.1界面设计 144

7.2.2开始与结束按钮的切换 146

7.2.3绘制地图与运动轨迹 146

7.2.4计时功能的实现 151

7.2.5完整代码展示 153

第8章 HTML5 Web存储API项目 157

8.1基于Web存储技术的网页主题设置 157

8.1.1界面设计 157

8.1.2重置网页主题颜色的实现 160

8.1.3加载网页主题颜色的实现 162

8.1.4完整代码展示 163

8.2基于Web存储技术的网页日志本 165

8.2.1界面设计 165

8.2.2读取日志功能的实现 168

8.2.3保存日志功能的实现 169

8.2.4删除日志功能的实现 170

8.2.5完整代码展示 171

第9章 CSS3基础项目 175

9.1使用CSS3文本阴影制作特殊字体效果 175

9.1.1整体设计 175

9.1.2火焰文字效果的实现 177

9.1.3霓虹文字效果的实现 178

9.1.4完整代码展示 179

9.2使用CSS3动画制作响应式放大菜单 180

9.2.1整体设计 180

9.2.2动画效果的实现 182

9.2.3完整代码展示 183

第10章 综合应用设计实例 185

10.1基于HTML5的贪吃蛇游戏的设计与实现 185

10.1.1贪吃蛇游戏简介 185

10.1.2界面布局设计 185

10.1.3数据模型设计 190

10.1.4游戏的逻辑实现 192

10.1.5完整代码展示 203

10.2实战项目——企业文化用品展示网页的开发 207

10.2.1项目简介 207

10.2.2整体布局设计 208

10.2.3页眉和页脚的实现 210

10.2.4主体内容的实现 212

10.2.5完整代码展示 225