HTML+CSS+JavaScript网页设计简明教程PDF电子书下载

第1章 HTML基础语法 1

1.1 了解HTML语言 1

1.1.1 HTML概述 1

1.1.2 HTML发展历史 2

1.1.3 HTML编辑器 3

1.1.4 认识Dreamweaver工具 4

1.2 HTML的语法 7

1.2.1 HTML文档 7

1.2.2 标记语法 7

1.2.3 属性语法 8

1.2.4 全局属性 9

1.3 头部内容 10

1.3.1 ＜title＞标记 11

1.3.2 ＜base＞标记 11

1.3.3 ＜meta＞标记 12

1.3.4 ＜style＞标记 13

1.3.5 ＜script＞标记 13

1.4 主体内容 14

1.4.1 页面背景 14

1.4.2 页面边距 14

1.4.3 段落标记 15

1.4.4 超链接标记 16

1.4.5 图像标记 17

1.4.6 其他常用标记 18

1.5 为HTML添加注释 22

1.6 实验指导——显示一篇完整的文章 23

1.7 习题 24

第2章 文本标记和列表标记 26

2.1 文本标记 26

2.1.1 ＜font＞标记 26

2.1.2 ＜ruby＞标记 27

2.1.3 物理样式标记 28

2.1.4 逻辑样式标记 28

2.2 列表标记 29

2.2.1 列表标记的用途 29

2.2.2 无序列表 30

2.2.3 有序列表 31

2.2.4 解说列表 35

2.3 列表嵌套 37

2.3.1 标记自身嵌套 37

2.3.2 解说列表嵌套无序列表 38

2.3.3 无序列表嵌套有序列表 38

2.4 实验指导——实现多层列表嵌套 40

2.5 习题 41

第3章 表格设计和表单输入 43

3.1 了解表格 43

3.1.1 表格结构 43

3.1.2 设置单元格 44

3.1.3 表格的标题 45

3.2 表格标记的属性 46

3.2.1 宽度和高度 46

3.2.2 背景颜色 47

3.2.3 边框设置 47

3.2.4 单元格间距 48

3.2.5 行内容水平对齐 48

3.2.6 跨行和跨列 49

3.2.7 表格的描述 50

3.3 表格分组显示 50

3.3.1 按行分组显示 50

3.3.2 按列分组显示 52

3.4 实验指导——将表格进行嵌套 54

3.5 了解表单 56

3.5.1 表单概述 56

3.5.2 表单语法 57

3.6 表单元素 58

3.6.1 input元素 58

3.6.2 textarea元素 59

3.6.3 select元素 60

3.7 实验指导——设计用户资料修改页面 62

3.8 习题 65

第4章 层和框架 66

4.1 了解层 66

4.1.1 div元素 66

4.1.2 div的属性 67

4.1.3 并列图层的遮挡 70

4.2 了解框架 70

4.2.1 框架概述 70

4.2.2 框架的结构 72

4.3 框架标记 74

4.3.1 frameset元素 74

4.3.2 noframes元素 74

4.3.3 frame元素 75

4.4 实验指导——搭建用户信息管理系统的框架 75

4.5 内联框架 80

4.5.1 iframe元素 80

4.5.2 使用iframe元素 81

4.6 框架和框架集 83

4.7 实验指导——使用Dreamweaver创建框架集 83

4.8 习题 87

第5章 HTML 5的新增元素 89

5.1 了解HTML 5 89

5.1.1 HTML 5概述 89

5.1.2 浏览器支持情况 90

5.1.3 HTML5的标记方法 91

5.1.4 HTML5兼容HTML 92

5.2 结构元素 94

5.2.1 header元素 94

5.2.2 article元素 95

5.2.3 section元素 97

5.2.4 nav元素 98

5.2.5 hgroup元素 98

5.2.6 footer元素 99

5.3 语义元素 99

5.3.1 块级语义元素 100

5.3.2 行内语义元素 101

5.4 多媒体元素 103

5.4.1 多媒体概述 103

5.4.2 audio元素 105

5.4.3 video元素 108

5.4.4 source元素 110

5.4.5 判断浏览器的支持情况 112

5.5 绘图元素 113

5.5.1 canvas元素 113

5.5.2 使用canvas元素 114

5.6 HTML 5的其他新增元素 115

5.6.1 其他新增元素 115

5.6.2 details元素 116

5.6.3 command元素 117

5.6.4 track元素 118

5.7 实验指导——用HTML5的新增元素构建网页 118

5.8 习题 123

第6章 HTML 5新增表单及其应用 125

6.1 新增的表单属性 125

6.2 新增的表单元素 126

6.2.1 datalist元素 126

6.2.2 keygen元素 127

6.2.3 output元素 128

6.3 新增输入类型 129

6.3.1 search类型 129

6.3.2 email类型 130

6.3.3 url类型 131

6.3.4 datepicker类型 132

6.3.5 number类型 133

6.3.6 range类型 134

6.3.7 color类型 135

6.3.8 tel类型 136

6.4 实验指导——个人用户信息注册 137

6.5 文件上传操作 139

6.5.1 multiple属性 140

6.5.2 file对象 141

6.5.3 FileReader接口 142

6.6 实验指导——用FileReader对象读取文件 145

6.7 文件拖拽功能 148

6.7.1 拖拽事件 148

6.7.2 dataTransfer对象 148

6.8 习题 152

第7章 HTML 5实现高级功能 154

7.1 数据存储对象 154

7.1.1 localStorage对象 154

7.1.2 sessionStorage对象 158

7.2 本地数据库 160

7.2.1 打开和创建数据库 160

7.2.2 事务处理方法 161

7.2.3 执行数据操作 162

7.3 实验指导——用本地数据库保存和读取数据 163

7.4 Web离线应用程序 167

7.4.1 缓存清单 167

7.4.2 本地缓存对象 169

7.5 Web Worker处理线程 170

7.5.1 创建Worker对象 170

7.5.2 使用Worker对象 171

7.6 跨文档消息通信 173

7.7 获取地理位置信息 175

7.7.1 Geolocation API概述 175

7.7.2 position对象概述 177

7.8 实验指导——利用Google地图显示当前位置 179

7.9 习题 182

第8章 CSS基础语法 184

8.1 了解CSS 184

8.1.1 CSS概述 184

8.1.2 CSS发展简史 186

8.1.3 使用CSS的好处 186

8.1.4 CSS注释 186

8.2 在网页中插入CSS样式表 187

8.2.1 内联样式 187

8.2.2 嵌入样式 188

8.2.3 外部引用样式 189

8.3 CSS选择器 192

8.3.1 元素选择器 192

8.3.2 类选择器 193

8.3.3 ID选择器 194

8.3.4 属性选择器 194

8.3.5 伪元素和伪类 196

8.3.6 其他选择器 198

8.4 关键字和字符串 200

8.4.1 关键字 200

8.4.2 字符串 200

8.5 实验指导——HTML和CSS构建网页 201

8.6 习题 204

第9章 CSS的常用属性 206

9.1 基本单位 206

9.1.1 颜色 206

9.1.2 长度 208

9.1.3 百分比值 209

9.2 字体属性 209

9.2.1 font-family属性 209

9.2.2 font-size属性 210

9.2.3 font-style属性 212

9.2.4 font-weight属性 212

9.2.5 font属性 213

9.3 文本属性 214

9.3.1 letter-spacing属性 214

9.3.2 word-spacing属性 215

9.3.3 text-decoration属性 215

9.3.4 text-align属性 216

9.3.5 text-indent属性 217

9.3.6 text-transform属性 217

9.3.7 其他常用属性 218

9.4 背景属性 219

9.4.1 background-color属性 219

9.4.2 background-image属性 220

9.4.3 background-repeat属性 221

9.4.4 background-position属性 223

9.4.5 background-attachment属性 223

9.4.6 background属性 224

9.5 边框属性 224

9.5.1 border-style属性 225

9.5.2 border-width属性 227

9.5.3 border-color属性 228

9.5.4 border属性 229

9.6 间隙和填充 230

9.6.1 间隙属性 230

9.6.2 填充属性 232

9.7 实验指导——设置文章页面的内容 233

9.8 习题 235

第10章 CSS 3的新增属性 236

10.1 新增的选择器 236

10.1.1 属性选择器 236

10.1.2 常用的伪类选择器 238

10.1.3 UI元素状态伪类选择器 241

10.1.4 通用兄弟选择器 242

10.2 新增的颜色和文本 242

10.2.1 颜色单位 242

10.2.2 文本属性 244

10.2.3 ＠font-face规则 246

10.3 新增边框和背景 248

10.3.1 边框属性 248

10.3.2 背景属性 251

10.4 新增的盒布局和多列布局 254

10.4.1 盒布局属性 254

10.4.2 多列类布局属性 257

10.5 用户界面属性 259

10.6 其他高级属性 261

10.6.1 渐变的实现 262

10.6.2 新增的过渡 264

10.6.3 新增的转换 266

10.6.4 新增的动画 268

10.7 实验指导——设计直观大方的表单 270

10.8 习题 273

第11章 JavaScript基础语法 275

11.1 了解JavaScript 275

11.1.1 JavaScript概述 275

11.1.2 JavaScript代码的位置 276

11.1.3 JavaScript注释代码 278

11.1.4 编写JavaScript程序 278

11.2 数据类型和变量 279

11.2.1 数据类型 279

11.2.2 变量 281

11.3 常用运算符 282

11.3.1 算术运算符 282

11.3.2 赋值运算符 284

11.3.3 比较运算符 285

11.3.4 逻辑运算符 285

11.3.5 字符串运算符 287

11.3.6 位操作运算符 287

11.3.7 三元运算符 288

11.4 实验指导——字符围绕鼠标动态改变 288

11.5 习题 290

第12章 JavaScript的常用语句 293

12.1 顺序语句 293

12.2 选择语句 293

12.2.1 基本的if语句 294

12.2.2 if else语句 294

12.2.3 if else if else语句 295

12.2.4 if语句的嵌套 297

12.2.5 switch语句 298

12.3 循环语句 300

12.3.1 for语句 300

12.3.2 for in语句 301

12.3.3 while语句 302

12.3.4 do while语句 303

12.4 其他语句 303

12.4.1 break语句 303

12.4.2 continue语句 304

12.4.3 return语句 305

12.4.4 with语句 306

12.5 异常处理语句 306

12.5.1 try catch语句 306

12.5.2 try catch finally语句 308

12.6 实验指导——计算器 308

12.7 习题 310

第13章 系统对象和函数 313

13.1 对象概述 313

13.1.1 对象的组成 313

13.1.2 获取对象的属性 314

13.1.3 引用对象方法 314

13.2 浏览器对象 314

13.2.1 window对象 315

13.2.2 navigator对象 317

13.2.3 document对象 318

13.2.4 location对象 321

13.2.5 history对象 322

13.2.6 screen对象 322

13.3 内置对象 323

13.3.1 String对象 323

13.3.2 Array对象 325

13.3.3 Date对象 328

13.3.4 Math对象 330

13.4 自定义对象 332

13.5 系统函数 333

13.6 自定义函数 334

13.6.1 函数语法 334

13.6.2 调用函数 335

13.6.3 全局变量和局部变量 335

13.6.4 动态函数 336

13.7 实验指导——创建日历生成器 337

13.8 习题 342

第14章 正则表达式 343

14.1 正则表达式概述 343

14.2 匹配规则 344

14.2.1 定位符 344

14.2.2 限定符 345

14.2.3 选择匹配符 346

14.2.4 字符匹配符 346

14.2.5 原义字符 347

14.2.6 特殊字符 348

14.2.7 其他匹配符 348

14.3 常用的正则表达式 349

14.3.1 匹配特定数字 350

14.3.2 匹配特定字符串 350

14.3.3 匹配其他内容 350

14.4 RegExp对象 352

14.4.1 创建RegExp对象 352

14.4.2 属性和方法 352

14.5 实验指导——验证手机号码和电话号码 353

14.6 实验指导——验证IP地址是否合法 356

14.7 支持正则表达式的String对象的方法 359

14.7.1 search（）方法 359

14.7.2 match（）方法 360

14.7.3 replace（）方法 360

14.7.4 split（）方法 362

14.8 习题 362

第15章 JavaScript的事件处理 364

15.1 事件概述 364

15.1.1 事件简介 364

15.1.2 指定事件 365

15.2 原始事件模型 366

15.2.1 事件类型 366

15.2.2 事件处理 368

15.2.3 使用事件返回值 369

15.2.4 使用this关键字 371

15.3 标准事件模型 372

15.3.1 事件传播 372

15.3.2 注册事件处理程序 373

15.3.3 事件的模块和类型 374

15.3.4 常用接口概述 375

15.4 实验指导——实现视频的多种操作 377

15.5 IE事件模型 381

15.5.1 IE Event对象 381

15.5.2 IE的事件传播 382

15.6 习题 382

第16章 综合案例实践 384

16.1 设计音乐网页 384

16.1.1 网页效果 384

16.1.2 设计头部区域 386

16.1.3 实现主体内容 389

16.2 贪吃蛇游戏 394

16.2.1 设计页面 394

16.2.2 JavaScript代码 395

16.3 俄罗斯方块游戏 404

16.3.1 了解俄罗斯方块游戏 404

16.3.2 设计页面代码 404

16.3.3 JavaScript脚本实现 406