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

第1章 网页制作概述 1

1.1 网络基础知识 1

1.1.1 WWW简介 1

1.1.2 网页和网站 2

1.1.3 静态网页与动态网页 2

1.1.4 浏览器与网页基本元素 3

1.1.5 IP地址与域名及DNS域名解析 4

1.2 网页编辑语言及网页制作工具 5

1.2.1 网页编辑语言 5

1.2.2 常用的网页制作工具 6

1.2.3 常用的动态网页技术 6

1.3 网站设计的基本步骤 7

1.3.1 分析策划阶段 8

1.3.2 设计阶段 8

1.3.3 制作阶段 10

1.3.4 测试阶段 10

1.3.5 发布与维护阶段 11

1.4 网站类型及Web技术发展的讨论 11

1.4.1 网站类型 11

1.4.2 Web技术发展的讨论 11

1.5 实训与习题 12

本章小结 12

第2章 HTML、CSS和Web标准 13

2.1 理解HTML 13

2.1.1 HTML简介 13

2.1.2 HTML文档的基本结构 13

2.1.3 HTML标记和元素 14

2.2 从HTML到XHTML的转变 18

2.2.1 HTML存在的问题 18

2.2.2 Web标准 19

2.2.3 文档类型的含义和选择 19

2.2.4 XHTML和HTML的重要区别 20

2.3 理解CSS 22

2.3.1 CSS概述 22

2.3.2 在HTML中引入CSS的方法 23

2.3.3 CSS样式表的基本用法 25

2.4 实训与习题 30

本章小结 35

第3章 HTML文件头部标记 36

3.1 HTML头部标记概述 36

3.2 HTML头部标记 37

3.2.1 〈base〉标记 37

3.2.2 〈meta〉标记 37

3.2.3 〈link〉标记 39

3.2.4 〈style〉标记 40

3.2.5 〈script〉标记 41

3.3 综合案例 42

3.4 实训与习题 43

本章小结 43

第4章 使用文本和图像 44

4.1 在网页中添加文本 44

4.1.1 HTML格式化文字 44

4.1.2 pre标签来控制换行和空格 45

4.1.3 〈br〉标签和空格标签 46

4.2 CSS文本内容排版 47

4.2.1 文本排版原则 47

4.2.2 文本控制属性 47

4.2.3 实例演示 48

4.3 在网页中添加图像 49

4.3.1 〈img〉标签 49

4.3.2 设置页面中的图像 50

4.4 设置页面背景图像 54

4.4.1 背景控制属性 54

4.4.2 实例演示 55

4.5 综合案例 59

4.6 实训与习题 60

本章小结 61

第5章 使用超链接 62

5.1 绝对路径和相对路径 62

5.1.1 绝对路径 62

5.1.2 相对路径 62

5.1.3 超链接标记〈a〉 63

5.1.4 实例演示 64

5.2 内部链接 64

5.2.1 定义与概念 64

5.2.2 实例演示 64

5.3 锚点链接 65

5.3.1 name属性 65

5.3.2 实例演示 65

5.4 外部链接 67

5.4.1 定义与概念 67

5.4.2 实例演示 67

5.5 超链接控制的属性 67

5.6 综合案例 68

5.7 实训与习题 68

本章小结 70

第6章 使用列表 71

6.1 列表概述 71

6.2 列表标签 71

6.2.1 无序列表 71

6.2.2 有序列表 72

6.2.3 定义列表 73

6.2.4 嵌套列表 74

6.3 列表样式控制 75

6.3.1 列表样式属性 75

6.3.2 实例演示 76

6.4 综合案例 78

6.5 实训与习题 80

本章小结 82

第7章 使用表格 83

7.1 创建表格 83

7.2 表格常用标记及其属性 83

7.2.1 〈table〉标记 83

7.2.2 〈caption〉标记 86

7.2.3 〈tr〉标记 87

7.2.4 〈td〉和〈th〉标记 88

7.2.5 表格标记元素综合演示 91

7.3 普通表格布局 93

7.4 综合案例 96

本章小结 99

第8章 使用多媒体 100

8.1 多媒体文件类型 100

8.1.1 常见音频文件 100

8.1.2 常见视频文件 101

8.2 插入多媒体 102

8.2.1 〈embed〉标记 102

8.2.1 〈object〉标记 103

8.3 插入Flash 105

8.3.1 什么是Flash 105

8.3.2 在网页上插入Flash 105

8.3.3 在图像上放置透明Flash 106

8.4 插入视频文件 107

本章小结 110

第9章 使用表单 111

9.1 表单的工作原理 111

9.2 表单〈form〉标记及属性 112

9.3 表单中的基本元素 113

9.3.1 输入标记〈input〉 113

9.3.2 菜单和列表标记〈select〉和〈option〉 118

9.3.3 多行文本域标记〈textarea〉 120

9.4 改善表单的标记 122

9.4.1 〈fieldset〉和〈legend〉标记 122

9.4.2 〈label〉标记 123

9.5 综合案例 124

本章小结 127

第10章 使用框架 128

10.1 框架的概念 128

10.2 框架标记及属性 130

10.2.1 框架集标记〈frameset〉 130

10.2.2 框架标记〈frame〉 133

10.2.3 浮动框架〈iframe〉 136

10.2.4 不支持框架标记〈noframes〉 137

10.3 综合案例 138

本章小结 140

第11章 理解CSS盒子模型 141

11.1 CSS盒子模型 141

11.1.1 盒子模型基础 141

11.1.2 盒子模型的宽度和高度计算 141

11.2 盒子模型的属性 143

11.2.1 填充padding属性 143

11.2.2 边框border属性 144

11.2.3 边界margin属性 147

11.3 盒子在标准流下的定位原则 152

11.3.1 标准流的含义 152

11.3.2 行内元素盒子和块级元素盒子的区别 153

11.3.3 display属性 154

11.4 盒子模型的应用举例 154

11.5 实训与习题 157

本章小结 159

第12章 浮动和定位 160

12.1 浮动 160

12.1.1 浮动的原理 160

12.1.2 浮动的清除 163

12.1.3 浮动的应用举例 164

12.2 相对定位和绝对定位 169

12.2.1 定位属性和偏移属性 170

12.2.2 相对定位 170

12.2.3 相对定位的应用举例 171

12.2.4 绝对定位 174

12.2.5 绝对定位的应用举例 175

12.3 实训与习题 179

本章小结 180

第13章 DIV+CSS布局 181

13.1 DIV+CSS布局 181

13.1.1 认识DIV 181

13.1.2 DIV+CSS布局思想 181

13.2 布局的种类 183

13.2.1 固定宽度布局 183

13.2.2 可变宽度布局 183

13.3 综合案例分析 185

13.4 实训与习题——制作汽车租赁网站 192

本章小结 195

第14章 HTML5的新特性 196

14.1 HTML5的新认识 196

14.2 HTML5的新特性 197

14.3 HTML5与HTML4的区别 197

14.3.1 语法的改变 197

14.3.2 新增的元素和废除的元素 200

14.3.3 新增的属性和废除的属性 205

14.3.4 全局属性 208

14.3.5 实例比较 213

本章小结 216

第15章 JavaScript基础 217

15.1 JavaScript简介 217

15.1.1 了解JavaScript基础 217

15.1.2 JavaScript的运行 217

15.2 JavaScript语法 218

15.2.1 JavaScript语法基础 218

15.2.2 JavaScript数据类型 219

15.2.3 JavaScript运算符 220

15.2.4 Javscript语句 221

15.3 函数 223

15.3.1 函数的创建与调用 223

15.3.2 函数的参数 224

15.3.3 函数的属性和方法 224

15.4 JavaScript引用类型 225

15.4.1 Object对象 225

15.4.2 Array数组 226

15.4.3 Date对象 227

15.4.4 RegExp对象 228

15.4.5 Function类型 228

15.4.6 基本包装类型 229

15.4.7 Math类型 232

15.4.8 自定义对象 232

15.5 文档对象模型（DOM） 233

15.5.1 DOM节点类型 233

15.5.2 document对象 234

15.6 JavaScript事件 239

15.6.1 用JavaScript处理事件 241

15.6.2 事件的捕捉与冒泡 244

15.7 浏览器对象模型（BOM） 246

15.7.1 window对象 246

15.7.2 document对象 247

15.7.3 frames对象 248

15.7.4 history对象 248

15.7.5 location对象 248

15.7.6 navigator对象 249

15.7.7 screen对象 249

15.8 JavaScript库 250

15.9 实训与习题 251

本章小结 253

第16章 个人博客网站制作 254

16.1 博客网站概述 254

16.2 博客网站页面布局设计 255

16.2.1 网站层次分析 255

16.2.2 网站各页面完成图 255

16.2.3 网站各页面布局设计 256

16.3 博客网站具体制作流程 261

16.3.1 本地站点建立 261

16.3.2 网站首页制作 262

16.3.3 网站日志页制作 267

16.3.4 网站图片页制作 269

本章小结 274

参考文献 275