全国高等院校应用型创新规划教材 Web客户端开发 HTML5+CSS+JavaScript实例教程PDF|Epub|txt|kindle电子书版本网盘下载

全国高等院校应用型创新规划教材 Web客户端开发 HTML5+CSS+JavaScript实例教程PDF格式电子书版下载

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

第1章 网站前端设计知识准备1

1.1 Web基础2

1.1.1 Web的基本概念2

1.1.2 了解“Web标准”2

1.1.3 静态网页4

1.1.4 动态网页4

1.2 网站开发4

1.2.1 网站开发的基本流程4

1.2.2 网站开发的人才需求5

1.2.3 网站开发的主要技术6

1.3 Web前端工程师需要掌握的技能6

1.3.1 Web前端工程师的工作内容6

1.3.2 Web前端工程师需要掌握的技术6

1.4 网站开发工具介绍8

1.4.1 原型设计工具8

1.4.2 开发工具9

1.4.3 调试工具9

1.4.4 代码托管工具10

本章小结10

习题11

第2章 HTML 5基础13

2.1 HTML简介14

2.1.1 了解HTML14

2.1.2 HTML元素15

2.2 初识HTML 516

2.2.1 了解HTML516

2.2.2 HTML5的新功能17

2.2.3 HTML 5的废弃标记18

2.2.4 HTML5的新增标记18

2.2.5 HTML5的新增属性19

2.3 HTML 5的结构20

2.3.1 HTML5的基本结构20

2.3.2 编写第一个符合W3C标准的HTML5网页21

2.4 HTML5文档的常用标记22

2.4.1 文本段落的相关标记22

2.4.2 图像标记＜img＞23

2.4.3 超链接24

2.4.4 列表26

2.4.5 表格27

2.4.6 HTML5的音频和视频29

2.5 HTML 5的表单元素32

2.5.1 创建表单32

2.5.2 input输入类型控件32

2.5.3 列表框（select）39

2.5.4 多行文本输入框（textarea）39

2.5.5 表单控件综合示例40

2.6 HTML5语义化结构性元素41

2.6.1 新增的主体结构元素41

2.6.2 新增的非主体结构元素46

2.7 小型案例实训：使用结构元素进行网页布局47

本章小结49

习题49

第3章 CSS基础51

3.1 CSS概述52

3.1.1 什么是CSS52

3.1.2 CSS的发展史52

3.1.3 CSS 3简介53

3.2 CSS的组成53

3.2.1 基本语法规则53

3.2.2 选择符的分类54

3.3 在HTML中使用CSS的方法61

3.3.1 行内样式61

3.3.2 内部样式61

3.3.3 外部样式62

3.3.4 CSS的优先级63

3.3.5 常用的CSS 3属性前缀63

本章小结63

习题64

第4章 CSS布局65

4.1 CSS的盒模型66

4.1.1 盒模型的结构66

4.1.2 盒模型的元素类型67

4.1.3 使用DIV69

4.1.4 外边距、内边距与边框的CSS设置70

4.1.5 CSS 3对盒模型边框的完善74

4.2 网页元素的定位78

4.2.1 定位属性position78

4.2.2 float浮动定位81

4.2.3 其他CSS布局定位方式83

4.3 DIV＋CSS常用的布局方式84

4.3.1 单列水平居中布局85

4.3.2 浮动的布局87

4.3.3 div嵌套布局89

4.3.4 CSS 3多列布局92

4.4 列表元素布局94

4.5 小型案例实训——布局电商网站首页（制作盒模型）95

4.5.1 布局网页的总体结构95

4.5.2 ＜header＞＜/header＞区域的结构分析及布局96

4.5.3 ＜div class＝“content”＞＜/div＞内容区域的设计98

4.5.4 ＜footer＞＜/footer＞区域的设计100

本章小结100

习题101

第5章 CSS样式属性103

5.1 CSS 3字体相关属性104

5.1.1 设置字体属性104

5.1.2 设置字体属性的综合示例106

5.1.3 CSS 3新增字体属性106

5.2 CSS控制文本的样式107

5.2.1 文本属性107

5.2.2 设置文本属性的综合示例109

5.2.3 CSS 3新增的文本属性110

5.3 使用CSS控制背景114

5.3.1 背景属性114

5.3.2 背景设置综合示例116

5.3.3 CSS 3新增的与背景相关的属性116

5.4 使用CSS设置列表样式121

5.4.1 CSS列表属性121

5.4.2 列表属性的综合实例122

5.5 小型案例实训123

5.5.1 案例1：商品信息展示123

5.5.2 案例2：CSS制作二级导航下拉菜单125

本章小结128

习题128

第6章 JavaScript入门131

6.1.JavaScript概述132

6.1.1 认识JavaScript132

6.1.2 JavaScript的特点和作用132

6.1.3 在网页中使用JavaScript134

6.1.4 JavaScript代码规范135

6.2 变量、数据类型136

6.2.1 变量的声明和使用136

6.2.2 JavaScript的基本数据类型138

6.3 表达式与运算符141

6.3.1 表达式141

6.3.2 运算符141

6.4 流程控制语句148

6.4.1 分支结构148

6.4.2 循环结构151

6.5 JavaScript的函数154

6.5.1 函数的定义154

6.5.2 函数的调用154

6.5.3 使用函数的返回值157

6.5.4 函数的嵌套158

6.5.5 内置函数158

6.6 小型案例实训——制作简易计算器160

本章小结162

习题162

第7章 JavaScript中的对象165

7.1 JavaScript的常用内置对象166

7.1.1 数组对象166

7.1.2 字符串（String）对象170

7.1.3 日期（Date）对象172

7.1.4 数学（Math）对象174

7.2 常用文档对象177

7.2.1 文档对象模型（DOM对象）177

7.2.2 文档对象的节点树178

7.2.3 文档对象（document）185

7.2.4 表单及其控件对象188

7.2.5 style对象190

7.3 常用窗口对象192

7.3.1 屏幕对象192

7.3.2 window窗口对象194

7.3.3 浏览器信息对象196

7.3.4 网址对象197

7.3.5 历史记录对象198

7.4 小型案例实训200

7.4.1 案例1：将英文单词首字母改成大写200

7.4.2 案例2：限制多行文本域输入的字符个数202

本章小结204

习题205

第8章 事件处理209

8.1 了解JavaScript事件210

8.1.1 JavaScript的常用事件210

8.1.2 调用事件处理程序的方法211

8.2 常用事件在网页中的应用213

8.2.1 鼠标事件213

8.2.2 表单事件216

8.2.3 页面相关事件221

8.2.4 键盘事件222

8.3 小型案例实训：JavaScript实现广告图像轮播223

本章小结227

习题227

第9章 利用JavaScript实现Canvas功能229

9.1 创建Canvas元素230

9.2 绘制基本图形231

9.2.1 绘制直线232

9.2.2 绘制圆形232

9.2.3 绘制矩形233

9.2.4 绘制多边形234

9.3 图形的变换235

9.3.1 保存与恢复Canvas状态235

9.3.2 移动坐标位置236

9.3.3 缩放图形237

9.4 使用特效237

9.5 绘制文本239

9.6 小型案例实训：用Canvas绘制时钟240

9.6.1 绘制静态时钟240

9.6.2 制作动态时钟244

本章小结244

习题245

第10章 综合案例——购物车功能的实现247

10.1 案例介绍248

10.2 设计思路248

10.3 实施过程249

10.3.1 购物车的HTML结构249

10.3.2 购物车的样式设计251

10.3.3 利用JavaScript实现购物车功能256

参考文献262