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

第1章 HTML、CSS、JavaScript基础知识和基本语法 1

1.1 Web网页的基本概念 1

1.1.1 网页 1

1.1.2 网站 3

1.1.3 Web标准 4

1.2 网页的工作原理与制作工具 5

1.2.1 网页的工作原理 5

1.2.2 网页制作工具 5

1.3 HTML、CSS、JavaScript简介与示例 6

1.3.1 HTML超文本标记语言 6

1.3.2 CSS层叠样式表 7

1.3.3 JavaScript脚本语言 8

1.4 HTML文档结构和基本语法 8

1.4.1 HTML文档结构 8

1.4.2 HTML基本语法 9

1.4.3 HTML文档的标记与分类 11

1.5 XHTML文档结构和文档类型 11

1.6 HTML文档头部的相关标记 12

1.6.1 设置页面标题＜title＞ 12

1.6.2 定义页面元信息＜meta／＞ 13

1.6.3 引用外部文件＜link／＞ 14

1.7 习题 15

第2章 CSS样式表基础与盒子模型 17

2.1 CSS概述 17

2.2 CSS样式规则与内联CSS样式 17

2.2.1 CSS样式规则 17

2.2.2 内联CSS样式 18

2.3 CSS样式表 19

2.3.1 CSS样式表的结构和使用 19

2.3.2 基本选择符 20

2.3.3 群组与通用选择符 24

2.3.4 包含与子对象选择符 25

2.3.5 相邻选择符 28

2.3.6 属性选择符 30

2.3.7 伪对象（伪元素）选择符 33

2.4 样式规则的优先级 34

2.4.1 样式规则的优先级原则 35

2.4.2 用！important提高样式优先级 37

2.5 CSS中的颜色与鼠标指针 38

2.5.1 CSS颜色的属性值 38

2.5.2 CSS设置鼠标形状cursor 39

2.6 块级元素的盒模型 40

2.6.1 盒模型结构 40

2.6.2 垂直外边距的合并 46

2.6.3 网页元素div 47

2.7 盒子的居中、浮动及显示方式 48

2.7.1 盒子的居中 48

2.7.2 盒子的浮动与清除浮动 49

2.7.3 元素的显示方式 52

2.7.4 元素的可见性visibility 52

2.8 盒子的布局应用举例 53

2.9 习题 57

第3章 HTML的基本元素及样式 59

3.1 HTML文本字符、注释标记及水平线标记 59

3.2 文本与修饰标记 61

3.2.1 设置文本标记 61

3.2.2 文本修饰标记 62

3.2.3 块级文本标记 63

3.2.4 样式组织标记＜span＞ 64

3.3 CSS文本样式规则 65

3.3.1 CSS大小尺寸量度的属性值 65

3.3.2 文本字符的CSS样式属性 66

3.3.3 文本外观CSS样式属性 68

3.4 图像与图像样式 72

3.4.1 插入图像 72

3.4.2 图像样式 73

3.4.3 使用display:block；将图像转换为块级元素 75

3.5 小案例：div、图像和文本的综合排版 76

3.5.1 案例分析 76

3.5.2 案例代码 77

3.6 列表标记与相关样式 78

3.6.1 各种列表标记介绍 79

3.6.2 列表样式 82

3.7 超链接标记与伪类 83

3.7.1 超链接标记及属性 84

3.7.2 链接到普通文档、图像或多媒体文件 86

3.7.3 设置锚点和E-mail链接 87

3.7.4 伪类选择符 89

3.8 图像映射标记 92

3.8.1 创建图像映射标记 93

3.8.2 使用图像映射的＜img／＞图像 93

3.9 表格标记及样式 95

3.9.1 创建表格的基本标记 96

3.9.2 表格基本标记中的样式属性 98

3.9.3 表格单元格合并 100

3.9.4 表格结构划分标记＜thead＞、 ＜tfoot＞、＜tbody＞ 102

3.10 小案例：山东商职学院网站首页制作 103

3.11 课堂练习小案例 110

3.12 习题 111

第4章 HTML框架、表单、多媒体 115

4.1 HTML的浮动框架 115

4.1.1 浮动框架的基本概念 115

4.1.2 浮动框架的应用举例 116

4.2 表单标记 119

4.2.1 创建表单标记＜form＞ 119

4.2.2 表单输入标记＜input／＞ 120

4.2.3 文本区标记＜textarea＞ 124

4.2.4 按钮标记＜button＞ 125

4.2.5 滚动列表与下拉列表标记＜select＞＜option＞ 126

4.2.6 控件标签标记＜label＞ 130

4.2.7 表单分组及标题标记＜fieldset＞＜legend＞ 130

4.2.8 应用div和样式的表单设计 132

4.3 IE浏览器滚动字幕、背景音乐与多媒体 133

4.3.1 IE浏览器滚动字幕标记＜marquee＞ 133

4.3.2 IE浏览器播放背景音乐标记＜bgsound／＞ 135

4.3.3 IE浏览器播放多媒体标记＜embed＞ 136

4.4 XHTML播放多媒体标记 137

4.4.1 嵌入对象标记＜object＞ ＜param＞ 137

4.4.2 用＜object＞播放Flash文件 139

4.4.3 ＜object＞使用RealPlayer播放器 140

4.4.4 ＜object＞使用Media Player播放器 141

4.4.5 用＜object＞自动嵌入合适的播放器 142

4.5 习题 143

第5章 盒子的定位 145

5.1 布局定位属性position 145

5.1.1 自动定位static 146

5.1.2 相对定位relative 146

5.1.3 绝对定位absolute 149

5.1.4 固定定位fixed 153

5.2 盒子的浮动、相对定位和绝对定位的综合应用 154

5.2.1 案例分析及方案说明 155

5.2.2 样式代码及说明 156

5.2.3 页面代码 157

5.2.4 脚本代码 159

5.3 元素的层叠等级 160

5.4 习题 162

第6章 JavaScript基础 163

6.1 JavaScript语言概述 163

6.1.1 JavaScript语言的特点 163

6.1.2 JavaScript的使用 164

6.2 JavaScript常量与变量 166

6.2.1 数据类型与常量 166

6.2.2 变量 167

6.3 JavaScript运算符与表达式 168

6.3.1 算术运算符与表达式 169

6.3.2 赋值运算符与表达式 169

6.3.3 比较、逻辑运算符与表达式 169

6.3.4 条件运算符与表达式 171

6.4 JavaScript的语法与流程控制语句 171

6.4.1 JavaScript的语法 171

6.4.2 条件语句if-else 171

6.4.3 多选择开关语句switch 172

6.4.4 循环语句while、do-while、for 176

6.5 JavaScript自定义函数 180

6.5.1 独立函数 180

6.5.2 内嵌函数与匿名函数 182

6.6 JavaScript事件处理 183

6.6.1 JavaScript常用事件 184

6.6.2 页面相关事件与函数的记忆调用 186

6.6.3 鼠标相关事件 188

6.6.4 焦点、按键及表单相关事件 193

6.7 onerror事件与页面错误提示 196

6.7.1 用onerror事件捕获错误 197

6.7.2 用try…catch捕获错误 199

6.7.3 用throw抛出错误对象 200

6.8 习题 201

第7章 JavaScript对象与系统对象 205

7.1 面向对象概述 205

7.2 JavaScript全局对象 206

7.2.1 全局对象的属性：全局变量 206

7.2.2 全局对象的方法：全局函数 206

7.3 浏览器窗口对象window 209

7.3.1 window对象的属性 209

7.3.2 window对象的对话框 209

7.3.3 window对象的方法 210

7.3.4 定时器应用小案例：图片轮换与漂浮广告 216

7.4 浏览器信息对象navigator 219

7.5 当前页面URL对象location 220

7.5.1 location对象的属性 220

7.5.2 location对象的方法 222

7.6 浏览页面历史对象history 223

7.7 习题 224

第8章 JavaScript内置对象与DOM对象 227

8.1 Date日期时间对象 227

8.1.1 Date日期时间对象的创建 227

8.1.2 Date日期时间对象的常用方法 228

8.2 Array数组对象 229

8.2.1 数组的创建与属性 229

8.2.2 数组对象与日期时间对象的综合应用 229

8.2.3 表单复选框组数据验证的实现 230

8.3 String字符串对象 232

8.4 RegExp正则表达式对象 234

8.4.1 正则表达式的构成 234

8.4.2 RegExp正则表达式对象的创建与属性 236

8.4.3 RegExp正则表达式对象的方法 237

8.4.4 String字符串对象使用正则表达式的方法 240

8.4.5 自定义删除字符串首尾空格的方法trim（str） 243

8.5 Math类 244

8.6 document文档对象 245

8.6.1 document对象的属性 245

8.6.2 document对象的方法 245

8.7 DOM节点对象 247

8.7.1 DOM节点对象的通用属性 247

8.7.2 标记对象的所属类 248

8.7.3 标记对象的属性 248

8.7.4 标记对象的方法 250

8.7.5 某些标记对象的专有属性或方法 250

8.8 event事件对象 254

8.9 style样式对象 256

8.10 习题 257

第9章 JavaScript的应用 261

9.1 折叠式导航 261

9.1.1 折叠式导航 261

9.1.2 动态生成下拉列表 265

9.2 图像操作 267

9.2.1 图像翻转器 267

9.2.2 随机显示一条文本或一幅图像 269

9.3 表单处理与验证 269

9.3.1 使用正则表达式验证表单内容 270

9.3.2 目前流行的通用表单验证方法 272

9.3.3 表单综合验证示例 276

9.4 样式表切换器 282

附录 习题答案 287