Web前端开发案例教程 HTML+CSS+JavaScript 本科PDF电子书下载

第1章 HTML基础 1

1.1 Web概述 1

1.1.1 Web客户端技术 1

1.1.2 Web服务端技术 1

1.1.3 Web前端开发 2

1.1.4 超文本传输协议 2

1.1.5 统一资源定位符 2

1.1.6 超文本标记语言 3

1.1.7 HTML简史 3

1.2 HTML文档结构 4

1.2.1 基本结构 4

1.2.2 编辑工具 5

1.3 HTML头部元素 6

1.3.1 ＜title＞标签 6

1.3.2 ＜meta＞标签 6

1.3.3 ＜link＞标签 7

1.3.4 ＜style＞元素 7

1.3.5 ＜script＞元素 7

1.4 块级标签 7

1.4.1 基本的块级标签 8

1.4.2 常用于布局的块级标签 10

1.5 行级标签 13

1.5.1 图像标签＜img／＞ 13

1.5.2 范围标签＜span＞ 14

1.5.3 换行标签＜br／＞ 15

1.5.4 超链接标签＜a＞ 16

1.6 W3C标准 19

1.6.1 W3C提倡的Web页面结构 19

1.6.2 XHTML 1.0的基本规范 21

1.7 实践指导 21

1.7.1 实践训练技能点 21

1.7.2 实践任务 21

小结 23

拓展训练 23

第2章 表格和表单 24

2.1 表格基础 24

2.1.1 表格结构 25

2.1.2 表格标签 26

2.1.3 表格属性设置 27

2.1.4 跨行跨列 28

2.2 表单 31

2.2.1 表单标签 33

2.2.2 表单元素的基本格式 33

2.2.3 表单域 34

2.3 表格布局 40

2.3.1 应用场景 40

2.3.2 图文布局 41

2.3.3 表单布局 42

2.3.4 表格的嵌套布局 44

2.4 实践指导 47

2.4.1 实践训练技能点 47

2.4.2 实践任务 47

小结 48

拓展训练 49

第3章 框架 50

3.1 框架简介 50

3.2 ＜frameset＞框架集 52

3.2.1 水平框架 52

3.2.2 垂直框架 53

3.2.3 混合框架 54

3.2.4 实现窗口间的关联 55

3.3 ＜iframe＞内嵌框架 56

3.3.1 ＜iframe＞的用法 56

3.3.2 设置iframe常用属性 57

3.4 框架综合实例 58

3.5 实践指导 60

3.5.1 实践训练技能点 60

3.5.2 实践任务 60

小结 62

拓展训练 62

第4章 CSS样式表基础 64

4.1 CSS简介 64

4.2 CSS基本语法 66

4.2.1 基本结构 66

4.2.2 选择器的分类 66

4.3 常用的样本属性 69

4.3.1 CSS的属性单位 69

4.3.2 字体属性 69

4.3.3 文本属性 70

4.3.4 背景属性 71

4.3.5 列表的常用属性 73

4.3.6 超链接伪类样式 74

4.3.7 CSS滤镜 76

4.3.8 多选择器的常用符号及组合 79

4.4 实践指导 79

4.4.1 实践训练技能点 79

4.4.2 实践任务 79

小结 80

拓展训练 81

第5章 CSS样式表布局 83

5.1 盒子模型及应用 83

5.1.1 盒子模型 83

5.1.2 盒子属性 84

5.2 DIV+CSS布局 88

5.2.1 div元素的样式设置 88

5.2.2 布局页面设置 89

5.2.3 div元素的嵌套 90

5.2.4 div元素的浮动 91

5.2.5 典型的DIV+CSS布局 93

5.3 应用样式 95

5.3.1 三种应用方式 95

5.3.2 样式优先级 97

5.4 典型的局部布局 99

5.4.1 div-ul-li局部布局 99

5.4.2 div-dl-dt-dd局部布局 103

5.5 实践指导 105

5.5.1 实践训练技能点 105

5.5.2 实践任务 105

小结 106

拓展训练 107

第6章 使用Dreamweaver制作网页 108

6.1 Dreamweaver基础 108

6.1.1 Dreamweaver界面 108

6.1.2 基本标签 110

6.2 表格 114

6.2.1 表格布局 114

6.2.2 表格的使用 114

6.3 表单 115

6.3.1 表单简介 115

6.3.2 表单的使用 116

6.4 框架 119

6.4.1 框架网页 119

6.4.2 制作框架页面 119

6.5 样式表 122

6.5.1 样式简介 122

6.5.2 制作样式表 123

6.6 实践指导 126

6.6.1 实践训练技能点 126

6.6.2 实践任务 126

小结 128

拓展训练 128

第7章 网站设计 129

7.1 网站开发流程 129

7.1.1 需求分析 129

7.1.2 伪界面设计 130

7.1.3 网站制作 131

7.1.4 测试网页 131

7.1.5 发布网站 132

7.2 创建站点 132

7.3 页面布局技术 133

7.3.1 表格布局 134

7.3.2 框架布局 134

7.3.3 DIV+CSS布局 135

7.4 网页制作 135

7.4.1 制作首页布局 135

7.4.2 制作网页模板 137

7.4.3 制作样式表文件和其他页面绑定 138

7.4.4 设置页面间的链接 139

7.5 测试并发布网站 139

7.5.1 测试内容 139

7.5.2 发布站点 141

7.6 实践指导 144

7.6.1 实践训练技能点 144

7.6.2 实践任务 144

小结 146

拓展训练 146

第8章 JavaScript基础 148

8.1 JavaScript简介 148

8.1.1 JavaScript语言特点 149

8.1.2 JavaScript基本结构 149

8.1.3 脚本的执行原理 151

8.2 JavaScript基础语法 152

8.2.1 变量 152

8.2.2 数据类型 153

8.2.3 注释 154

8.2.4 运算符 154

8.2.5 流程控制 154

8.2.6 常用的输入／输出 162

8.3 函数 162

8.3.1 内置函数 162

8.3.2 自定义函数 164

8.4 实践指导 166

8.4.1 实践训练技能点 166

8.4.2 实践任务 166

小结 168

拓展训练 168

第9章 JavaScript对象 169

9.1 JavaScript核心对象 169

9.1.1 数组对象 169

9.1.2 字符串对象 171

9.1.3 日期对象 175

9.1.4 数学对象 178

9.2 自定义对象 179

9.3 事件 183

9.3.1 JavaScript的事件 183

9.4 实践指导 187

9.4.1 实践训练技能点 187

9.4.2 实践任务 188

小结 189

拓展训练 189

第10章 DOM编程 191

10.1 Window对象 193

10.1.1 常用的属性 193

10.1.2 常用的方法 194

10.1.3 常用的事件 196

10.2 document对象 198

10.2.1 document对象的常用属性 198

10.2.2 document对象的常用方法 198

10.3 其他对象 200

10.3.1 history对象 200

10.3.2 location对象 201

10.3.3 表单对象 203

10.4 DOM编程应用 205

10.4.1 元素的显示和隐藏 205

10.4.2 复选框全选效果 208

10.5 实践指导 210

10.5.1 实践训练技能点 210

10.5.2 实践任务 210

小结 212

拓展训练 212

第11章 JavaScript常用特效 213

11.1 表单验证 213

11.1.1 表单验证的内容 213

11.1.2 表单验证 214

11.1.3 String对象 215

11.2 文本框特效 218

11.2.1 文本框对象 218

11.2.2 制作文本输入提示特效 218

11.3 JavaScript访问样式的应用 220

11.3.1 获取样式属性值 221

11.3.2 制作随鼠标滚动的广告图片 222

11.4 使用下拉列表框实现级联效果 224

11.4.1 下拉列表框对象 225

11.4.2 数组 226

11.4.3 实现省市级联效果 227

11.5 实践指导 229

11.5.1 实践训练技能点 229

11.5.2 实践任务 229

小结 232

拓展训练 232

附录A HTML 5基础 234

A.1 HTML 5简介 234

A.2 HTML 5视频 235

A.3 HTML 5 Video+DOM 236

A.4 HTML 5音频 237

A.5 HTML 5拖放 238

A.6 HTML 5 Canvas 240

A.7 HTML 5地理定位 242

A.8 HTML 5 Web存储 245

A.9 HTML 5应用程序缓存 246

A.10 HTML 5 Web Workers 248

A.11 HTML 5服务器发送事件 250

附录B 客户端页面开发规范 252

第一部分 目的 252

第二部分 UI界面和编码规范 252

一、网站目录结构的规划 252

二、网站布局的规范 254

三、网页编码的规范 255

四、UI界面规范 259

参考文献 260