Web前端开发技术 HTML、CSS、JavaScript 第2版PDF电子书下载

第1篇 HTML标记语言篇 2

第1章 HTML基础 2

1.1 基本概念 2

1.2 HTML概述 3

1.2.1 HTML定义 3

1.2.2 HTML的发展历程 4

1.3 HTML文件 5

1.3.1 HTML标记 5

1.3.2 HTML文件的基本结构 5

1.3.3 HTML文件的编写方法 6

1.4 XHTML基础 8

1.5 HTML/XHTML文档类型 9

1.6 网站的建设与发布 9

1.6.1 网站策划 10

1.6.2 网站素材收集 10

1.6.3 网页规划 10

1.6.4 网站目录设计 11

1.6.5 网页制作 11

1.6.6 网站测试 11

1.6.7 网站发布 11

习题1 12

第2章 页面的头部标记 13

2.1 页面的头部标记 13

2.2 标题标记＜title＞ 13

2.3 元信息标记＜meta＞ 14

2.3.1 ＜meta＞标记属性 15

2.3.2 设定网页关键字 15

2.3.3 设定网页描述信息 15

2.3.4 设定网页字符集 16

2.3.5 设定网页自动刷新 17

2.3.6 设定网页自动跳转 18

习题2 19

第3章 页面的主体标记＜body＞ 20

3.1 设置网页正文颜色与背景颜色 20

3.2 添加网页背景图片 21

3.3 设置网页链接文字颜色 22

3.4 设置网页边距 23

习题3 24

第4章 文字与段落标记 25

4.1 文字标记 25

4.1.1 文字内容的输入 25

4.1.2 对文字字体的设置 27

4.1.3 使用文字的修饰标记设置文字格式 28

4.1.4 标题字设置 30

4.2 段落标记 32

4.2.1 段落标记＜p＞ 32

4.2.2 换行标记＜br＞ 33

4.2.3 预格式化标记＜pre＞ 33

4.2.4 居中标记＜center＞ 35

4.2.5 缩排标记＜blockquot＞ 35

4.3 水平线标记＜hr＞ 36

习题4 38

第5章 列表标记 39

5.1 有序列表 39

5.1.1 有序列表的前导符设置 40

5.1.2 有序列表的前导符起始编号设置 40

5.2 无序列表 42

5.2.1 项目列表 42

5.2.2 项目列表的前导符设置 43

5.2.3 定义列表 44

5.3 嵌套列表 45

习题5 46

第6章 图片标记 48

6.1 网页常用图片格式 48

6.2 插入图片 48

6.2.1 设置图片大小 49

6.2.2 设置图片提示文本 49

6.2.3 设置图片与周围对象的间距 50

6.2.4 设置图片的对齐方式 51

6.2.5 设置图片的边框 52

习题6 53

第7章 在网页中嵌入多媒体内容 54

7.1 概述 54

7.2 设置滚动字幕 54

7.2.1 设置默认效果的滚动字幕 54

7.2.2 设置滚动字幕的滚动方向 55

7.2.3 设置滚动字幕的滚动行为 56

7.2.4 设置字幕的滚动速度和滚动延迟特性 56

7.2.5 设置字幕的滚动区域及其背景颜色 58

7.2.6 设置字幕的滚动区域与周围对象的间距 59

7.3 嵌入音视频文件 60

7.4 嵌入Flash动画 61

7.5 设置背景音乐 62

7.6 嵌入Java Applet 62

习题7 63

第8章 使用框架结构 64

8.1 框架概述 64

8.2 框架集标记＜frameset＞ 64

8.2.1 左右分割窗口 65

8.2.2 上下分割窗口 66

8.2.3 嵌套分割窗口 67

8.2.4 使用＜frameset＞标记设置框架边框 68

8.3 框架标记＜frame＞ 69

8.3.1 设置框架显示内容 69

8.3.2 使用＜frame＞标记设置框架边框 70

8.3.3 设置框架名称 71

8.3.4 设置框架窗口固定大小 71

8.3.5 设置框架滚动条 72

8.3.6 设置框架边距 73

8.4 不支持框架标记＜noframes＞ 74

8.5 浮动框架标记＜iframe＞ 74

8.5.1 在页面中嵌入浮动框架 75

8.5.2 浮动框架的大小 76

8.5.3 浮动框架的对齐方式 77

8.6 框架与超链接 78

习题8 79

第9章 在网页中创建超链接 80

9.1 创建超链接 80

9.1.1 超链接标记 80

9.1.2 设置超链接目标窗口 81

9.2 超链接的链接路径 85

9.3 超链接的类型 85

9.3.1 内部链接 86

9.3.2 外部链接 86

9.3.3 书签链接 87

9.3.4 脚本链接 89

9.3.5 文件下载 90

9.3.6 文本链接 91

9.3.7 图片链接 91

9.3.8 图像映射 92

习题9 93

第10章 在网页中使用表格 95

10.1 表格概述 95

10.2 表格标记＜table＞ 96

10.2.1 设置表格的边框 96

10.2.2 设置表格的宽度和高度 97

10.2.3 设置表格的对齐方式 98

10.2.4 设置表格的背景颜色 99

10.2.5 设置表格的背景图片 100

10.2.6 设置表格的边距 100

10.2.7 设置表格的间距 101

10.2.8 设置表格的标题 102

10.3 ＜tr＞标记 103

10.4 ＜td＞和＜th＞标记 104

10.4.1 使用＜th＞创建表头 105

10.4.2 设置单元格对齐方式 106

10.4.3 设置单元格的背景颜色和边框颜色 107

10.4.4 设置单元格的背景图片 108

10.4.5 设置单元格的宽度和高度 109

10.4.6 单元格的跨行和跨列设置 110

10.5 表格的综合示例——使用表格布局网页 111

习题10 114

第11章 在网页中创建表单 115

11.1 表单概述 115

11.2 表单标记 115

11.2.1 表单标记＜form＞ 116

11.2.2 输入标记＜input＞ 117

11.2.3 选择列表标记＜select＞ 124

11.2.4 文本域标记＜textarea＞ 126

11.3 表单综合示例：使用表单收集个人信息 127

习题11 129

第2篇 CSS层叠样式表篇 131

第12章 定义CSS 131

12.1 CSS基础知识 131

12.1.1 CSS概述 131

12.1.2 应用CSS的步骤 132

12.2 定义CSS的基本语法 133

12.3 CSS基本选择器 133

12.3.1 HTML标记选择器 134

12.3.2 类选择器 135

12.3.3 ID选择器 137

12.4 CSS复合选择器 138

12.4.1 交集选择器 138

12.4.2 并集选择器 139

12.4.3 后代选择器 140

习题12 141

第13章 CSS常用属性 143

13.1 字体属性 143

13.2 文本属性 144

13.3 列表属性 145

13.4 颜色和背景属性 147

13.5 区块属性 148

13.6 层属性 149

13.7 鼠标属性 150

13.8 滤镜属性 152

习题13 153

第14章 在HTML文档中应用CSS 154

14.1 内联式 154

14.2 内嵌式 155

14.3 链接式 156

14.4 导入式 157

14.5 CSS的冲突 158

14.5.1 什么是CSS冲突 158

14.5.2 解决CSS冲突规则 158

习题14 159

第15章 CSS+DIV布局 160

15.1 网页布局概述 160

15.2 盒子模型 160

15.2.1 盒子模型的组成 160

15.2.2 盒子border属性 161

15.2.3 盒子padding属性 162

15.2.4 盒子margin属性 164

15.3 盒子的浮动与定位 165

15.3.1 标准流 165

15.3.2 盒子的定位原则 165

15.3.3 盒子的浮动float 170

15.3.4 盒子的定位 175

15.4 Div标记与Span标记 178

15.4.1 Div标记 179

15.4.2 Span标记 179

15.5 DIV+CSS布局网页 180

15.5.1 DIV+CSS布局简介 180

15.5.2 DIV+CSS布局版式介绍 180

15.5.3 DIV+CSS布局与表格布局的比较 181

习题15 181

第16章 CSS应用综合案例 182

16.1 综合案例1 DIV+CSS页面布局设计 182

16.2 综合案例2 页面排版左中右版式 185

习题16 188

第3篇 JavaScript脚本语言篇 192

第17章 JavaScript基础 192

17.1 JavaScript简介 192

17.2 JavaScript编辑和调试工具 193

17.2.1 编辑工具之EditPlus 193

17.2.2 编辑工具之Macromedia Dreamweaver 195

17.2.3 调试工具之“IE开发人员工具”和“Firebug” 196

17.3 JavaScript语言调试技巧 199

17.3.1 使用alert（）语句进行调试 200

17.3.2 使用write（）语句进行调试 200

17.3.3 使用自定义异常消息进行调试 200

17.4 JavaScript的基本语法 201

17.5 数据结构 202

17.5.1 标识符 202

17.5.2 关键字 202

17.5.3 常量 203

17.5.4 变量 203

17.6 数据类型 204

17.6.1 数字型 204

17.6.2 字符串型 205

17.6.3 布尔型 206

17.6.4 特殊数据类型 207

17.7 数据类型的转换 208

17.8 运算符和表达式 208

17.8.1 算术运算符 209

17.8.2 比较运算符 209

17.8.3 赋值运算符 210

17.8.4 字符串运算符 211

17.8.5 逻辑运算符 211

17.8.6 条件运算符 214

17.8.7 其他运算符 214

17.8.8 运算符优先级与结合性 216

17.8.9 表达式 217

17.9 赋值语句 217

17.10 流程控制语句 218

17.10.1 条件判断控制语句 218

17.10.2 循环控制语句 223

17.10.3 跳转语句 226

17.11 with语句和comment语句 227

习题17 228

第18章 在HTML网页中嵌入脚本的方式 229

18.1 在HTML标记的事件属性中直接添加脚本 229

18.2 使用script标记插入脚本 230

18.3 使用script标记链接脚本文件 230

习题18 231

第19章 事件驱动及事件处理 232

19.1 事件及事件驱动 232

19.2 常用事件 232

19.3 事件处理程序 233

习题19 235

第20章 脚本函数 236

20.1 函数的定义 236

20.2 函数的调用 237

20.2.1 函数的简单调用 237

20.2.2 在事件响应中调用函数 237

20.2.3 通过链接调用函数 238

20.3 函数参数的使用 239

20.4 函数的返回值 239

20.5 递归函数 240

20.6 内置函数 241

习题20 243

第21章 JavaScript对象 244

21.1 JavaScript内置对象 244

21.1.1 Array对象 244

21.1.2 String对象 245

21.1.3 Math对象 247

21.1.4 Date对象 249

21.2 浏览器对象 251

21.2.1 navigator对象 251

21.2.2 window对象 253

21.2.3 location对象 259

21.2.4 history对象 261

21.2.5 document对象 261

21.2.6 image对象 263

21.2.7 form对象 264

习题21 268

第22章 JavaScript经典实例 269

22.1 漂浮广告 269

22.2 折叠式菜单 271

22.3 下拉式菜单 272

22.3.1 用层制作下拉菜单 272

22.3.2 用JavaScript+CSS制作下拉菜单 276

22.4 加入收藏和设为首页 278

22.4.1 加入收藏 278

22.4.2 设为首页 280

22.5 刷新、打印及关闭窗口按钮 281

22.5.1 刷新当前页 281

22.5.2 调用IE自身的打印功能实现打印 282

22.5.3 打印指定框架中的内容 284

22.5.4 为弹出的窗口加入关闭按钮 285

22.5.5 关闭弹出窗口时刷新父窗口 286

习题22 288

第4篇 HTML5基础篇 290

第23章 HTML5入门 290

23.1 HTML5的发展历程 290

23.2 HTML5的优势 291

23.3 HTML5的语法变化 293

23.3.1 DOCTYPE的简化声明 293

23.3.2 字符集的简化声明 294

23.3.3 元素可省略结束标记 294

23.3.4 标记和属性不区分大小写 294

23.3.5 可以省略具有布尔类型的属性值 295

23.3.6 属性值可以省略引号 295

23.4 HTML5的文档结构 295

23.4.1 header元素 295

23.4.2 article元素 296

23.4.3 section元素 296

23.4.4 nav元素 297

23.4.5 aside元素 297

23.4.6 footer元素 298

习题23 298

第24章 HTML5表单 299

24.1 表单新增属性 299

24.1.1 form属性 299

24.1.2 Formaction属性 300

24.1.3 autofocus属性 301

24.1.4 pattern属性 302

24.1.5 placeholder属性 302

24.1.6 required属性 303

24.2 新增的input元素类型 304

24.2.1 tel类型 305

24.2.2 email类型 305

24.2.3 url类型 306

24.2.4 number类型 307

24.2.5 range类型 307

24.2.6 search类型 308

24.2.7 color类型 309

24.2.8 date类型 310

24.2.9 time类型 311

24.2.10 datetime类型 311

24.2.11 datetime-local类型 311

24.2.12 week类型 312

24.2.13 month类型 313

24.3 新增的表单元素 314

24.3.1 datalist元素 314

24.3.2 output元素 315

24.4 新增的客户端校验方式 316

24.4.1 自动校验 316

24.4.2 显式校验 317

24.4.3 取消校验 317

24.4.4 自定义校验错误提示信息 318

习题24 319

第5篇 综合实例篇 321

第25章 使用HTML+CSS+Java Script创建企业网站 321

25.1 企业网站的创建流程 321

25.2 公司简介网页的制作 323

25.2.1 页面头部制作 323

25.2.2 页面主体内容制作 326

25.2.3 页面侧边栏制作 328

25.2.4 页脚制作 331

25.2.5 网页居中显示设置 332

25.3 网上订购页面的制作 333

第26章 使用HTML5创建企业网站 338

26.1 网页结构 338

26.2 网上订购页面的制作 338

26.2.1 页面头部制作 338

26.2.2 页面主体内容制作 341

26.2.3 页面侧边栏制作 345

26.2.4 页脚制作 349

26.2.5 网页居中显示设置 350