Web前端开发技术PDF电子书下载

第1章 Web开发概述及环境搭建 1

1.1 网站与网页概述 1

1.1.1 网站、网页与网址 1

1.1.2 网页组成 2

1.1.3 资源引用的相对路径与绝对路径 2

1.1.4 快速创建一个Web服务器 2

1.1.5 相关名词解释 3

1.2 基于B/S体系的网站系统 4

1.2.1 Web服务器与数据库服务器 4

1.2.2 动态网页的执行过程 5

1.2.3 应用层协议HTTP与HTTPS 6

1.2.4 Web客户端与浏览器内核 7

1.2.5 浏览器调试程序 8

1.2.6 Cookie信息与浏览器缓存 9

1.3 网页设计工具 10

1.3.1 高效的网页编辑器VS Code 10

1.3.2 流行的网页设计器——HBuilder 12

1.3.3 网页文档快速修改工具EditPlus和NotePad 13

1.4 使用网页三剑客制作网页素材 15

1.4.1 图形图像处理软件概述 15

1.4.2 使用Fireworks或Photoshop编辑图像 15

1.4.3 使用Flash制作动画 16

1.4.4 切图形成网页素材 17

习题1 18

实验1 19

第2章 使用HTML标签组织页面内容 21

2.1 HTML语言概述 21

2.1.1 HTML标签名称与属性 21

2.1.2 实体标签元素分类 24

2.1.3 网页文档编码与meta标签 25

2.1.4 特殊字符 26

2.1.5 HTML色彩与度量单位 26

2.2 简单的HTML标签 28

2.2.1 文本样式标签 28

2.2.2 文本格式化标签 28

2.2.3 滚动标签 28

2.2.4 列表标签 29

2.2.5 超链接与锚点链接标签 30

2.2.6 图像标签 31

2.3 表格 31

2.3.1 表格定义及属性设置 31

2.3.2 表格行定义及属性设置 32

2.3.3 表格单元格定义及属性设置 33

2.3.4 表格单元格合并 33

2.4 表单 35

2.4.1 表单及其工作原理 35

2.4.2 表单定义与基本使用 36

2.4.3 常用表单域 37

2.4.4 文件域与文件上传 40

习题2 43

实验2 45

第3章 使用CSS样式设置页面外观 47

3.1 CSS样式概述 47

3.2 CSS选择器 48

3.2.1 基本选择器 48

3.2.2 组合选择器 50

3.3 CSS样式的建立与使用 51

3.3.1 CSS样式的建立方式 51

3.3.2 CSS样式的使用方式 51

3.3.3 CSS高级特性 53

3.4 常用CSS样式的属性 56

3.4.1 文本外观 56

3.4.2 方框样式 57

3.4.3 元素显示与可见特性 58

3.4.4 设置按钮是否可用 59

3.4.5 滤镜样式 59

3.5 重新定义HTML元素外观 60

3.6 最新样式标准CSS3 63

3.6.1 CSS3新增选择器 64

3.6.2 CSS3阴影效果 66

3.6.3 CSS3动画效果 67

习题3 72

实验3 73

第4章 网站页面布局 75

4.1 页面布局概述 75

4.2 CSS+Div布局 76

4.2.1 div标签 76

4.2.2 盒子模型 76

4.2.3 元素定位的CSS样式属性 83

4.2.4 元素定位模式 84

4.3 页内框架与框架集 88

4.3.1 页内框架 88

4.3.2 框架集 88

4.4 综合项目：会员管理信息系统memmanal 89

4.5 使用HTML5布局标签 97

习题4 101

实验4 102

第5章 JavaScript与jQuery 104

5.1 JavaScript基础 104

5.1.1 JavaScript概述 104

5.1.2 JavaScript数据类型与运算符 106

5.1.3 JavaScript流程控制语句 110

5.1.4 JavaScript对象的PEM模型 111

5.1.5 JavaScript脚本调试 115

5.2 JavaScript内置对象 116

5.2.1 数组对象Array 116

5.2.2 日期／时间对象Date 117

5.2.3 字符串对象String 117

5.2.4 数学对象Math 118

5.2.5 自定义JavaScript对象 119

5.3 浏览器对象 120

5.3.1 BOM与DOM 120

5.3.2 顶级对象window常用属性和方法 121

5.3.3 文档对象document与表单的elements集合 127

5.3.4 位置对象location 136

5.3.5 历史对象history 136

5.3.6 导航对象navigator 137

5.4 综合项目：会员管理信息系统memmana2a 139

5.5 jQuery 147

5.5.1 jQuery使用基础 147

5.5.2 综合项目：会员管理信息系统memmana2b 156

5.5.3 jQuery插件开发 160

5.6 jQuery Ajax 161

5.6.1 jQuery Ajax概述 161

5.6.2 JSON数据格式 161

5.6.3 jQuery Ajax应用实例 163

习题5 167

实验5 169

第6章 HTML5新增功能 171

6.1 HTML5概述 171

6.1.1 从HTML4到HTML5 171

6.1.2 使用标签〈details〉和〈summary〉隐藏详细内容 172

6.2 HTML5对表单的新增功能 173

6.2.1 字段输入提示 173

6.2.2 为文本域添加下拉列表选择输入 173

6.2.3 字段必填验证 174

6.2.4 电子邮件格式验证 174

6.2.5 日期与时间输入 175

6.2.6 range类型 175

6.3 HTML5音频与视频 176

6.3.1 音频标签audio 176

6.3.2 视频标签video 177

6.4 HTML5绘图功能 178

6.4.1 画布标签canvas 178

6.4.2 HTML5绘图API 178

6.5 HTML5地理定位与百度地图 180

6.5.1 HTML5地理定位实现 180

6.5.2 第三方工具百度地图的应用 182

6.6 HTML5响应式布局与媒体查询 184

6.6.1 响应式布局 184

6.6.2 关于视口viewport 185

6.6.3 媒体查询 185

6.7 HTML5 Web存储 190

6.7.1 本地存储localStorage 191

6.7.2 会话存储sessionStorage 192

6.7.3 WebSQL数据库 192

习题6 194

实验6 195

第7章 常用Web前端开发框架的使用 197

7.1 Web前端框架Bootstrap 197

7.1.1 概述 197

7.1.2 Bootstrap使用基础 197

7.1.3 CSS组件 198

7.1.4 响应式设计 201

7.2 模块化前端框架Layui 203

7.2.1 在Web项目里引入Layui框架 203

7.2.2 网页轮播特效 203

7.2.3 表格模块与分页模块的使用 204

7.3 富文本编辑器Baidu UE 208

7.4 JS运行时环境Node.js 211

7.4.1 Node.js概述、下载及安装 211

7.4.2 Node.js模块安装器npm与cnpm 211

7.4.3 使用mysql模块访问MySQL数据库 212

7.4.4 使用http模块创建HTTP服务器 216

7.4.5 服务端框架Express 217

7.4.6 静态资源打包工具WebPack 219

7.5 渐进式框架Vue.js 220

7.5.1 Vue.js概述 220

7.5.2 快速创建、部署、运行和打包一个Vue.js项目 222

7.5.3 Vue组件 224

7.5.4 前端路由配置 225

习题7 227

实验7 228

参考文献 230