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

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

1.1Web网页的基本概念 1

1.1.1网页 1

1.1.2网站 2

1.2静态网页工作原理与制作工具 3

1.2.1静态网页的工作原理 3

1.2.2运行Web服务器中的页面 4

1.2.3静态网页制作工具 8

1.3HTML、CSS、JavaScript简介 8

1.3.1HTML超文本标记语言 8

1.3.2CSS层叠样式表 10

1.3.3JavaScript脚本语言 11

1.4页面文档结构和基本语法 11

1.4.1HTML文档结构 11

1.4.2HTML基本语法 12

1.4.3XHTML文档结构 14

1.5页面文档头部的相关标记 15

1.5.1设置页面标题〈title〉 15

1.5.2定义页面元信息〈meta/〉 15

1.5.3引用外部文件〈link/〉 17

1.6习题 18

第2章 CSS样式表基础 20

2.1CSS中层叠的概念 20

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

2.2.1CSS样式规则 21

2.2.2内联CSS样式 22

2.3CSS样式表 23

2.3.1CSS样式表结构与使用 23

2.3.2基本选择符 25

2.3.3群组与通用选择符 28

2.3.4包含与子对象选择符 29

2.3.5相邻选择符 33

2.3.6属性选择符 34

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

2.3.8伪类选择符 39

2.4CSS常用样式 42

2.4.1CSS颜色的属性值 42

2.4.2CSS设置鼠标形状cursor 42

2.4.3CSS大小尺寸量度的属性值 43

2.4.4文本字符的CSS样式属性 44

2.4.5文本外观CSS样式属性 46

2.5样式规则的优先级 51

2.5.1样式规则的优先级原则 52

2.5.2用！important提高样式优先级 54

2.6案例分析与实现 56

2.7习题 57

第3章 盒子的应用 59

3.1盒模型的结构 59

3.1.1盒子的宽度与高度 60

3.1.2盒子的内填充与外边距 60

3.1.3盒子的边框 61

3.1.4盒子的阴影效果 65

3.1.5box-sizing属性 66

3.1.6盒子的背景 67

3.1.7网页元素div 69

3.2垂直外边距的合并 70

3.2.1上下相邻元素的垂直外边距合并 70

3.2.2内外包含元素的垂直边距合并 70

3.2.3空元素自身的垂直外边距合并 71

3.3盒子的排列 71

3.3.1盒子的居中 71

3.3.2盒子的浮动与清除浮动 72

3.3.3盒子的布局应用举例 76

3.4盒子的定位 77

3.4.1自动定位static 78

3.4.2相对定位relative 78

3.4.3绝对定位absolute 81

3.4.4固定定位fixed 85

3.4.5元素的层叠等级 85

3.5盒子的显示方式与可见性 86

3.5.1块元素和行内元素 86

3.5.2元素的显示方式 86

3.5.3元素的可见性visibility 87

3.6弹出式菜单设计 87

3.7习题 94

第4章 HTML的基本元素及样式 96

4.1文本及相关标记 96

4.1.1HTML文本字符与注释标记 96

4.1.2文本相关标记 97

4.2图像与图像样式 99

4.2.1插入图像 99

4.2.2图像样式 100

4.2.3使用display：block将图像转换为块级元素 102

4.2.4使用float将图像设置为浮动块元素 102

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

4.3.1案例分析 104

4.3.2案例代码 105

4.4列表标记与相关样式 106

4.4.1各种列表标记介绍 107

4.4.2列表样式 109

4.5超链接标记与伪类 111

4.5.1超链接标记及属性 111

4.5.2链接到普通文档、图像或多媒体文件 113

4.5.3设置锚点与Email链接 115

4.5.4超链接伪类选择符 116

4.6图像映射标记 120

4.6.1创建图像映射标记 121

4.6.2使用图像映射的〈img/〉图像 121

4.7表格标记及样式 123

4.7.1创建表格的基本标记 123

4.7.2表格基本标记中的样式属性 126

4.7.3表格单元格合并 129

4.7.4表格结构划分标记〈thead〉〈tfoot〉〈tbody〉 131

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

4.9课堂练习小案例 140

4.10习题 141

第5章 HTML框架、表单、多媒体 144

5.1HTML的浮动框架 144

5.1.1浮动框架的基本概念 144

5.1.2浮动框架的应用举例 145

5.2表单标记 148

5.2.1创建表单标记〈form〉 148

5.2.2表单输入标记〈input/〉 149

5.2.3HTML5新增〈input/〉输入元素 156

5.2.4文本区标记〈textarea〉 159

5.2.5滚动列表与下拉列表标记〈select〉〈option〉 160

5.2.6按钮标记〈button〉 163

5.2.7控件标签标记〈label〉 163

5.2.8表单分组及标题标记〈fieldset〉〈legend〉 164

5.2.9应用div和样式的表单设计 166

5.3滚动字幕、背景音乐与多媒体 169

5.3.1滚动字幕标记〈marquee〉 169

5.3.2背景音乐标记〈bgsound/〉 171

5.3.3播放多媒体标记〈embed〉 171

5.4习题 172

第6章 JavaScript基础 173

6.1JavaScript概述 173

6.1.1ECMAScript 173

6.1.2DOM简介 174

6.1.3浏览器对象模型BOM 175

6.1.4JavaScript语言的特点 176

6.1.5JavaScript的使用 177

6.2JavaScript基本概念 181

6.2.1语法 181

6.2.2关键字和保留字 181

6.2.3变量 182

6.2.4数据类型 183

6.3JavaScript运算符与表达式 186

6.3.1算术运算符与表达式 187

6.3.2赋值运算符与表达式 187

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

6.3.4条件运算符与表达式 189

6.4JavaScript语句 189

6.4.1if语句 189

6.4.2switch语句 190

6.4.3循环语句while、do-while、for 193

6.4.4break和continue语句 197

6.5JavaScript自定义函数 200

6.5.1函数声明和函数表达式 200

6.5.2函数内部属性 205

6.5.3函数的嵌套与递归 206

6.5.4匿名函数 207

6.5.5闭包 211

6.6JavaScript事件处理 216

6.6.1JavaScript的常用事件 217

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

6.6.3鼠标相关事件 222

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

6.6.5表单数据验证 230

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

6.7.1用onerror事件捕获错误 236

6.7.2用try.catch捕获错误 238

6.8习题 242

第7章 JavaScript全局对象与系统对象 244

7.1面向对象概述 244

7.1.1面向对象基础 244

7.1.2对象访问语句 245

7.2JavaScript全局对象 246

7.2.1全局对象的属性——全局变量 246

7.2.2全局对象的方法——全局函数 246

7.3浏览器窗口对象window 249

7.3.1window对象的属性 249

7.3.2window对象的对话框 252

7.3.3window对象的方法 253

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

7.4浏览器信息对象navigator 263

7.5location对象 264

7.5.1location对象的属性 265

7.5.2Iocation对象的方法 265

7.6history对象 267

7.7习题 269

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

8.1Date对象 270

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

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

8.2Array对象 273

8.2.1数组的创建与属性 273

8.2.2数组对象的方法 274

8.2.3数组对象与日期时间对象的综合应用 279

8.2.4表单复选框组数据验证的实现 279

8.3String对象 281

8.4RegExp对象 285

8.4.1正则表达式的构成 285

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

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

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

8.5Math对象 295

8.6DOM 296

8.6.1document对象 297

8.6.2DOM节点对象的通用属性 299

8.6.3标记对象的属性 299

8.6.4标记对象的方法 301

8.6.5表单脚本 304

8.6.6节点对象综合应用案例 308

8.7event事件对象 310

8.8style样式对象 314

8.9习题 316

附录：习题答案 320

第1章 320

第2章 320

第3章 321

第4章 321

第5章 322

第6章 323

第7章 324

第8章 324