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

第1章 HTML、CSS、JavaScript概述 1

1.1 Web网页的基本概念 1

1.1.1 Internet网络与WWW 1

1.1.2网页 1

1.1.3网站 3

1.1.4 Web标准 4

1.2网页工作原理与制作工具 6

1.2.1网页的工作原理 6

1.2.2网页制作工具 7

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

1.3.1 HTML超文本标记语言 7

1.3.2 CSS层叠样式表 10

1.3.3 JavaScript脚本语言 11

1.4网站的发布与测试 13

1.4.1在实验室或局域网内部发布HTML页面 13

1.4.2在Internet上发布网站 14

1.4.3测试网页 15

1.5如何学习HTML、CSS、JavaScript 15

1.5.1掌握HTML、CSS、JavaScript的语法结构 15

1.5.2借助Dreamweaver网页设计工具 16

1.5.3参考已有网站的代码 16

1.6习题 18

第2章 HTML基本语法与头部内的标记 19

2.1 HTML文档结构 19

2.1.1 HTML文档的构成 19

2.1.2 HTML文档头部标记＜head＞ 19

2.1.3 HTML文档主体标记＜body＞ 20

2.2 HTML基本语法 20

2.2.1标记语法 20

2.2.2属性语法 22

2.3 XHTML文档结构 23

2.3.1 XHTML文档的构成 23

2.3.2 XHTML标记的通用标准属性 25

2.3.3 XHTML的语法规则 26

2.4 HTML文档头部的相关标记 28

2.4.1设置页面标题＜title＞ 28

2.4.2设置基底网址＜base/＞ 28

2.4.3设置基准字体＜basefont/＞ 30

2.4.4定义页面元信息＜meta/＞ 30

2.4.5引用外部文件＜link/＞ 32

2.5习题 33

第3章 HTML页面基本元素 35

3.1 HTML文本字符、注释标记及标记分类 35

3.1.1普通文本、实体字符与注释标记 35

3.1.2 HTML文档的标记与分类 37

3.2文本与修饰标记 37

3.2.1设置文本标记 37

3.2.2文本修饰标记 39

3.2.3块级文本标记 41

3.2.4样式组织标记＜span＞＜div＞ 44

3.3列表标记 45

3.3.1有序列表＜ol＞ 46

3.3.2无序列表＜ul＞ 46

3.3.3定义列表＜dl＞ 48

3.3.4目录、菜单列表＜dir＞＜menu＞ 48

3.3.5列表嵌套应用 49

3.4插入图像标记 52

3.5超链接标记 55

3.5.1超链接、设置锚点标记＜a＞ 55

3.5.2超链接页面的URL路径 56

3.5.3关于target属性 58

3.5.4链接到普通文档、图像或多媒体文件 58

3.5.5设置锚点与E-mail链接 59

3.6图像映射标记 61

3.6.1图像映射方式 62

3.6.2创建图像映射标记 62

3.6.3使用图像映射的＜img/＞图像 63

3.7表格标记 65

3.7.1表格的语法结构 65

3.7.2创建表格标记＜table＞ 66

3.7.3标题标记＜caption＞ 67

3.7.4行标记＜tr＞ 67

3.7.5单元格标记＜th＞＜td＞ 67

3.7.6表格结构划分标记＜thead＞＜tfoot＞＜tbody＞ 71

3.8表格与DIV页面布局 72

3.8.1布局示例一 72

3.8.2布局示例二 74

3.8.3简单布局应用 75

3.9习题 78

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

4.1框架集、框架标记 81

4.1.1框架集文档的结构 81

4.1.2框架集标记＜frameset＞ 82

4.1.3框架标记＜frame/＞ 83

4.1.4不支持框架标记＜noframes＞ 83

4.1.5浮动框架标记＜iframe＞ 89

4.2表单标记 90

4.2.1创建表单标记＜form＞ 90

4.2.2表单输入标记＜input/＞ 91

4.2.3文本区标记＜textarea＞ 97

4.2.4按钮标记＜button＞ 97

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

4.2.6控件标签标记＜label＞ 102

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

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

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

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

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

4.4 XHTML播放多媒体标记 110

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

4.4.2以＜object＞播放Flash文件 111

4.4.3以＜object＞使用RealPlayer播放器 112

4.4.4以＜object＞使用Media Player播放器 114

4.4.5以＜object＞自动嵌入合适的播放器 115

4.5习题 116

第5章 CSS样式表基础 119

5.1 CSS概述 119

5.2 CSS样式规则与内联CSS样式 120

5.2.1 CSS样式规则 120

5.2.2内联CSS样式 120

5.3 CSS文本样式规则 121

5.3.1 CSS大小尺寸量度的属性值 121

5.3.2 CSS颜色的属性值 122

5.3.3文本字符的CSS样式属性 123

5.3.4文本外观CSS样式属性 126

5.3.5行内元素定位——垂直对齐 132

5.4 CSS样式表 134

5.4.1 CSS样式表结构与使用 134

5.4.2基本选择符 136

5.4.3元素指定选择符 140

5.4.4群组与通用选择符 141

5.4.5包含与子对象选择符 143

5.4.6 IE7及以上或火狐的相邻选择符 146

5.4.7 IE7及以上或火狐的属性选择符 147

5.4.8伪类选择符 151

5.4.9伪对象（伪元素）选择符 154

5.5样式规则的优先级 155

5.5.1样式规则的优先级原则 156

5.5.2用！important提高样式优先级 158

5.6习题 160

第6章 CSS盒模型与布局样式 162

6.1元素区域与背景样式 162

6.1.1块级元素的区域与溢出处理 162

6.1.2设置元素背景 165

6.2块级元素的盒模型 169

6.2.1盒模型分析 169

6.2.2盒模型的宽度和高度 170

6.3块级元素的边框 170

6.3.1设置边框样式（border-style） 171

6.3.2设置边框宽度（border-width） 172

6.3.3设置边框颜色（border-color） 173

6.3.4综合设置边框样式、宽度及颜色 175

6.4块级元素的内外边距与轮廓 176

6.4.1设置内边距（padding） 177

6.4.2设置外边距（margin） 178

6.4.3垂直外边距的合并 180

6.4.4设置元素轮廓（outline） 181

6.5列表与表格样式 182

6.5.1设置列表样式 182

6.5.2设置表格样式 184

6.6设置鼠标指针及其他样式 187

6.6.1 CSS设置鼠标形状（cursor） 187

6.6.2媒介类型样式表、打印及听觉样式简介 188

6.7布局定位属性（position）与裁剪（clip） 189

6.7.1自动定位（static） 189

6.7.2绝对定位（absolute） 190

6.7.3绝对定位元素的裁剪（clip） 192

6.7.4固定定位（fixed） 194

6.7.5相对定位（relative） 196

6.8布局浮动属性（float）与清除浮动（clear） 198

6.8.1浮动（float） 198

6.8.2浮动环绕、行框清理 201

6.8.3清除浮动（clear） 202

6.8.4父子元素的嵌套浮动与浮动元素的外边距合并 203

6.9元素的层叠等级、显示方式与可见性 206

6.9.1层空间层叠等级（z-index） 206

6.9.2元素的显示方式（display） 208

6.9.3元素的可见性（visibility） 209

6.10习题 211

第7章 CSS布局应用与浏览器兼容性 214

7.1页面布局应用 214

7.1.1单行单列布局 214

7.1.2单行两列布局 215

7.1.3单行三列布局 218

7.1.4多行多列综合布局 219

7.1.5不改变页面代码改变布局 220

7.2常用页面组件 224

7.2.1横向导航组件 224

7.2.2提示框 228

7.2.3纵向导航 229

7.3不同浏览器的兼容性 230

7.3.1浏览器兼容性概述 230

7.3.2使用Hack技术实现浏览器兼容 232

7.4常见浏览器兼容问题的解决方法 238

7.4.1 IE5及以下浏览器的兼容问题 238

7.4.2 IE6及以下浏览器的兼容问题 239

7.4.3 IE7及以下浏览器的兼容问题 245

7.4.4父元素不适应子元素高度——外边距合并 248

7.5浏览器常用默认样式 249

第8章 JavaScript基础 251

8.1 JavaScript语言概述 251

8.1.1 JavaScript语言的特点 251

8.1.2 JavaScript的使用 252

8.2 JavaScript常量、变量与数组 254

8.2.1数据类型与常量 254

8.2.2变量 255

8.2.3数组 257

8.3 JavaScript运算符与表达式 257

8.3.1算数运算符与表达式 258

8.3.2赋值运算符与表达式 259

8.3.3比较、逻辑运算符与表达式 259

8.3.4条件运算符与表达式 260

8.4 JavaScript语法与流程控制语句 262

8.4.1 JavaScript的语法 262

8.4.2条件语句if（）…else 262

8.4.3多选择开关语句switch 264

8.4.4循环语句while、do-while、for 267

8.4.5遍历循环语句for（…in…） 272

8.5 JavaScript自定义函数 273

8.5.1独立函数 273

8.5.2内嵌函数与匿名函数 274

8.6 JavaScript事件处理 276

8.6.1 JavaScript常用事件 276

8.6.2页面相关事件与函数的记忆调用 279

8.6.3鼠标相关事件 283

8.6.4焦点、按键及表单相关事件 290

8.7 onerror事件与页面错误提示 293

8.7.1用onerror事件捕获错误 293

8.7.2用try…catch捕获错误 295

8.7.3用throw抛出错误对象 297

8.8习题 298

第9章 JavaScript对象与系统对象 301

9.1自定义类与对象 301

9.1.1面向对象概述 301

9.1.2用函数自定义类 302

9.1.3创建与使用对象 302

9.2 JavaScript全局对象 307

9.2.1全局对象的属性——全局变量 307

9.2.2全局对象的方法——全局函数 309

9.3浏览器窗口对象window 311

9.3.1 window对象的属性 312

9.3.2 window对象的对话框 312

9.3.3 window对象的方法 314

9.4浏览器信息对象navigator 323

9.4.1 navigator对象的属性 323

9.4.2 navigator对象的方法 325

9.5客户端屏幕对象screen 326

9.6当前页面URL对象location 327

9.6.1 location对象的属性 327

9.6.2 location对象的方法 330

9.7浏览页面历史对象history 331

9.8习题 333

第10章 JavaScript内置对象与DOM对象 335

10.1 Array数组对象 335

10.1.1 Array数组对象的创建与length属性 335

10.1.2 Array数组对象的方法 336

10.2 String字符串对象 339

10.3 RegExp正则表达式对象 342

10.3.1正则表达式的构成 342

10.3.2 RegExp正则表达式对象的创建与属性 345

10.3.3 RegExp正则表达式对象的方法 346

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

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

10.4 Date日期时间对象 355

10.4.1 Date日期时间对象的创建 355

10.4.2 Date日期时间对象的方法 356

10.5 Math类与Boolean、Number对象 361

10.5.1 Math数学函数类 361

10.5.2 Boolean对象 362

10.5.3 Number对象 362

10.6 document文档对象 364

10.6.1 document对象的属性与cookie 365

10.6.2 document对象的集合属性 369

10.6.3 document对象的方法 371

10.7 DOM节点对象 373

10.7.1 DOM节点对象的通用属性 374

10.7.2标记对象的所属类 374

10.7.3标记对象的属性 375

10.7.4标记对象的方法 377

10.7.5某些标记对象的专有属性或方法 378

10.8 event（事件）对象 383

10.9 style（样式）对象 386

10.10习题 389

第11章 JavaScript应用 392

11.1下拉列表导航 392

11.1.1鼠标单击折叠式下拉列表导航 392

11.1.2鼠标指向展开式下拉列表导航 395

11.1.3下拉列表导航与动态生成下拉列表 400

11.2图像操作 403

11.2.1图像与文本翻转器 403

11.2.2移动图像——漂浮广告 419

11.2.3随机显示一条文本或一幅图像 421

11.2.4循环显示图像广告 423

11.3超链接与浏览器窗口操作 428

11.3.1灵活使用超链接 428

11.3.2在独立窗口中打开超链接页面 430

11.4表单处理与验证 432

11.4.1使用正则表达式验证表单内容 432

11.4.2目前流行的通用表单验证方法 435

11.4.3表单综合验证示例 439

11.5样式表切换器 446

附录 习题参考答案 450

参考文献 460