HTML+CSS+JavaScript实用详解

第一篇 HTML网页技术.
第1章 网页技术学前班 2
Internet，中文称为国际互联网。众所周知，Internet起源于1969年，由美国国防部授权ARPANET（高级研究规划署）进行的互联网的试验。当初没有人会预料到，在几十年后的今天，互联网成了全球互通的主要方式。网页是Internet最主要的组成部分，在本章读者可以学到很多Internet及网页制作方面的基础知识。
1.1 Internet相关技术介绍 2
1.1.1 TCP/IP协议 2
1.1.2 IP地址和域名简介 2
1.1.3 URL简介 3
1.1.4 Web浏览器 3
1.2 Internet技术的应用 3
1.3 HTML网页技术简介 4
1.3.1 什么是HTML 4
1.3.2 HTML网页的结构 4
1.3.3 如何获取网页的HTML 5
1.4 什么是静态网页和动态网页 5
1.4.1 有动画的网页就是动态网页吗 5
1.4.2 有了动态网页还有必要学习HTML吗 6
1.4.3 网站简介 6
1.5 小结 7
第2章 网页制作的第一次接触 8
本章读者将学习网页服务器的安装和配置，以保证网页测试的准确性，为制作完整的网站做好技术铺垫。其后读者将了解到网页的工作全过程，对网页技术的本质有一个透彻的认识。最后读者将学习一个简单的HTML网页的制作，以掌握HTML页面的基本编写方法。
2.1 配置Web服务器运行环境 8
2.1.1 系统要求 8
2.1.2 IIS是干什么的 8
2.1.3 安装IIS 9
2.1.4 配置IIS 10
2.1.5 网页制作工具的选择 11
2.2 了解网页技术的工作原理 12
2.2.1 静态HTML的工作流程 12
2.2.2 如何设置Web技术中的访问路径 12
2.2.3 网页中怎么表示颜色 13
2.2.4 学习网页技术的顺序 15
2.3 制作一个完整的HTML网页 15
2.3.1 怎样写HTML网页的标签 15
2.3.2 完成第一个网页 16
2.4 小结 17
第3章 HTML网页的整体设置 18
通过上一章的学习，读者已经可以制作很简单的网页。HTML网页文件是组成网站的基本单位，有完整的结构。本章从网页的整体设置入手，全面开始HTML网页技术的学习。通过本章的学习，读者将掌握HTML网页文件的头部信息设置、网页主体的基本设置。
本章将继续沿用上一章的网站设置。所有示例网页文件都在D:\web目录下创建，以便于通过URL访问每个示例网页。
3.1 HTML的头部信息设置 18
3.1.1 定义网页的标题 18
3.1.2 设置网页的基底网址 19
3.1.3 掌握强大的元信息标签 19
3.1.4 怎样和CSS以及JavaScript产生联系 21
3.1.5 头部信息的其他设置 22
3.2 HTML主体的常用设置 23
3.2.1 设置网页的背景色 23
3.2.2 设置网页的背景图片 23
3.3 页面的整体边距 26
3.4 HTML代码的注释 27
3.5 小结 27
第4章 HTML网页中的文字和段落 28
通过上一章的学习，读者在网页整体表现设置方面有了比较扎实的基础。但是读者不仅是希望在网页上表现文字，更希望对网页上的文字进行排版、修饰。本章将学习文字的简单排版、修饰、滚动文字以及超级链接。超级链接在网站开发中无处不在，是网页中的重点。
学习本章时，在D:\web\目录下创建一个目录命名为chapter3，把上一章的文件移动到D:\web\chapter3，做一个归类。本章继续在D:\web\目录下创建示例文件，这样方便用IIS测试示例文件。
4.1 段落排版和换行 28
4.1.1 给大段文字进行分段 28
4.1.2 给文字加入空格 29
4.1.3 设置文字换行与不换行 30
4.1.4 设置文字对齐方式 31
4.1.5 添加水平分隔线 32
4.2 文字的多样化修饰 34
4.2.1 文字样式设置的基本标签—[font] 34
4.2.2 设置文字的颜色 34
4.2.3 设置文字的尺寸 35
4.2.4 设置文字的字体 36
4.2.5 使文字倾斜 36
4.2.6 使文字加粗 37
4.2.7 给文字加下划线 37
4.2.8 多种标题样式的使用 37
4.2.9 学会处理网页中的特殊字符 39
4.2.10 如何更方便地忽略浏览器对部分HTML的解析 40
4.2.11 其他文字修饰方法 40
4.3 制作滚动文字 41
4.3.1 设置文字滚动 41
4.3.2 设置文字滚动的方向 42
4.3.3 设置文字滚动的速度和形式 42
4.4 用于组织数据的列表 43
4.4.1 列表的结构组成 43
4.4.2 制作无序列表 44
4.4.3 制作有序列表 44
4.5 超级链接 45
4.5.1 给文字添加链接 45
4.5.2 修改链接的窗口打开方式 46
4.5.3 给链接添加提示文字 46
4.5.4 什么是锚（anchor） 47
4.5.5 电子邮件、FTP和Telnet的链接 48
4.6 小结 49
第5章 HTML网页中的图片 50
上一章学习了HTML网页中段落和文字的控制，不过没有了图片的参与，网页难免单调。本章学习在HTML网页中显示图片、认识网络中各种类型的图片、学习图片的热区超级链接的制作。本章内容的学习相对容易，很多时候可以把图片作文字一样处理，比如超级链接、滚动效果等。
5.1 认识网页中的图片格式 50
5.1.1 常用的图片格式 50
5.1.2 怎样选择合适的图片格式 51
5.2 插入图片 52
5.2.1 插入图片到网页 52
5.2.2 设置图片的高度和宽度 53
5.2.3 设置图片的边框 53
5.2.4 给图片添加提示文字 53
5.2.5 给图片添加替代文字 54
5.3 图文混合排版 55
5.4 给图片加链接 56
5.5 制作滚动图片 59
5.6 小结 59
第6章 插入外部资源 60
上一章学习了HTML控制图片在网页上的表现，读者制作的网页已经有了比较丰富的表现力。随着多媒体网络的到来，网页上表现各种多媒体资源已经是大势所趋，本章学习HTML控制外部多媒体资源在网页的表现。本章还会学习服务器端程序和客户端程序的区别。
6.1 插入多媒体资源 60
6.1.1 为网页添加背景声音 60
6.1.2 为网页添加音乐、动画等更多媒体资源 61
6.2 插入外部程序 62
6.2.1 插入外部JavaScript程序 63
6.2.2 区分程序的客户端程序与服务器端程序 63
6.3 小结 64
第7章 强大的表格 65
前面几章对网页上各个基本元素做了比较全面的介绍，现在读者可以制作丰富多彩的网页了。不过细心的读者会发现，互联网上的网页布局排版多种多样，只用简单的图文混合排版好像不能完成。本章学习表格工具，完成网页的整体布局。
7.1 认识表格的作用 65
7.1.1 用表格组织数据 65
7.1.2 用表格布局网页 66
7.2 创建一个表格 67
7.2.1 表格的基本构成 67
7.2.2 [tr]与[td]的配合 68
7.2.3 表头组和表尾组的设置 69
7.2.4 创建一个完整的表格 69
7.3 表格的整体控制 70
7.3.1 控制表格的高度和宽度 71
7.3.2 调整表格的水平对齐方式 72
7.3.3 尝试不同类型的表格边框 73
7.3.4 调整表格的填充和间距 76
7.3.5 改变表格的背景色以及背景图片 80
7.4 表格行的控制 82
7.4.1 整行的高度设置 83
7.4.2 行内的对齐控制 84
7.5 表格单元格的控制 85
7.5.1 控制单元格的高度和宽度 85
7.5.2 单元格的对齐设置 86
7.5.3 合并多个单元格 87
7.6 表格的互相嵌套 88
7.6.1 嵌套表格的作用 88
7.6.2 表格布局网页实例 90
7.6.3 用Photoshop切片迅速生成布局表格 93
7.7 小结 95
第8章 和程序交互的利器——表单 96
一个完整的网站不仅仅只是展示信息给浏览者，应该提供更多交互的功能。例如，网络上广泛应用的留言本、注册系统等网页，可使浏览者充分参与到网页内容中。表单是完成网页交互功能最重要的HTML元素，读者把本章内容学习扎实，对以后学习动态网页有很大帮助。
8.1 表单的用途及属性 96
8.1.1 表单能做什么 96
8.1.2 表单的结构 96
8.1.3 表单的数据传递方式 97
8.2 表单的控件 98
8.2.1 单行文本框控件和密码框控件 98
8.2.2 多行文本框控件 99
8.2.3 不同类型的按钮控件 100
8.2.4 单选框控件和复选框控件 101
8.2.5 下拉列表和列表框控件 102
8.2.6 图像域控件、文件域控件和隐藏域控件 103
8.3 实战表单制作 104
8.3.1 表单控件的分组方法 105
8.3.2 用户注册表单页面实例 106
8.4 小结 108
第9章 网页的框架页面 109
在浏览网页时，浏览器的一个窗口一般只能显示一个页面。但是HTML技术提供了一种特殊的页面浏览方法，能使浏览者在一个窗口中浏览到多个页面，这就是框架页面。个人网站等小规模的网站使用框架页面比较多，而大型门户网站则使用较少。
9.1 用框架灵活地组织网页 109
9.1.1 框架在网站中的作用 109
9.1.2 框架的结构分析 109
9.2 建立完整的框架页面 110
9.2.1 建立窗口框架集 110
9.2.2 帧的比例调整 111
9.2.3 调整帧边框属性 112
9.2.4 设置帧滚动条 113
9.2.5 复杂帧结构的框架页面 114
9.3 特殊的[iframe]框架 115
9.3.1 使用[iframe]的好处 115
9.3.2 设置浮动框架属性 116
9.4 框架综合实例 117
9.5 小结 120
第二篇 CSS网站布局与样式
第10章 CSS的第一次接触 122
“DIV+CSS”网页已经成为了新一代网站制作的标榜，读者可能会很纳闷，什么是“DIV”？什么又是“CSS”？从本章开始，读者全面地学习CSS技术，可以掌握Web标准的概念以及CSS的基本设计方法。制作“DIV+CSS”网页的说法虽然不是很准确，但相对来讲更容易让人接受并记住，在网站概念营销中这一点是很重要的。
10.1 何谓Web标准 122
10.1.1 理解Web标准的基本组成和内涵 122
10.1.2 关于Web标准与浏览器的兼容性 123
10.2 XHTML与CSS的概念 123
10.2.1 XHTML与CSS实现样式与结构分离 123
10.2.2 CSS布局与表格布局的分析 124
10.3 XHTML的基本知识 127
10.4 CSS编写基本模式 127
10.4.1 CSS的声明方法 128
10.4.2 CSS的媒介控制 129
10.5 CSS的基本语法 129
10.5.1 CSS通过接口作用于XHTML元素 129
10.5.2 CSS的属性和选择符 131
10.5.3 CSS的各种选择符详解 132
10.5.4 id和class的区别 133
10.6 CSS的颜色和数值单位 134
10.7 小结 134
第11章 CSS布局方法 135
通过上一章的学习，读者了解到了CSS强大的表现控制功能，特别是在布局方面有很大的优势。相对于代码条理混乱、样式杂糅在结构中的表格布局，CSS将带来全新的布局方法，让网页设计师更轻松、更自由。本章通过多个示例展示CSS布局网页的方法，并对CSS的“盒模型”作详细阐述。相信读者在深入理解“盒模型”后，布局网页、定位CSS网页元素将更加自如。
11.1 什么叫“Div+CSS” 135
11.1.1 初识div 135
11.1.2 XHTML中的块状元素和内联元素 137
11.1.3 div元素的样式设置 137
11.1.4 布局页面的宽度 139
11.1.5 布局页面水平居中 139
11.1.6 div元素的嵌套 141
11.1.7 div元素的浮动 142
11.1.8 一些高级的div布局技巧 146
11.1.9 一个典型的网页布局实例 148
11.2 列表元素布局 151
11.2.1 列表元素制作导航条 151
11.2.2 列表元素的综合使用——导航条制作 153
11.2.3 导航条的互动布局 154
11.3 CSS盒模型 156
11.3.1 什么是CSS盒模型 156
11.3.2 外边距的控制 157
11.3.3 边框的样式设置 158
11.3.4 内边距的设置 160
11.3.5 盒模型兼容问题 162
11.4 元素的非常规定位方式 162
11.4.1 CSS绝对定位 162
11.4.2 CSS固定定位 165
11.4.3 CSS相对定位 166
11.5 小结 167
第12章 CSS网页元素设计 168
本章开始全面地学习网页中各种元素，以便更加灵活地设计网页的版面。本章学习的内容很多，包括大部分Web标准页面需要用到的各种元素。相比以前几乎全部用表格来排版网页，Web标准的网页由多种元素有机构成，所以更加简洁、结构清晰并且有语义。
12.1 背景样式控制 168
12.1.1 背景色样式 168
12.1.2 背景图片样式的分类 169
12.1.3 背景图片样式的模拟 170
12.1.4 背景图片的位置 171
12.1.5 固定背景图片 173
12.1.6 背景属性缩写设置 174
12.1.7 背景样式综合示例 176
12.2 超级链接深入应用 179
12.2.1 超级链接伪类的应用实例1 179
12.2.2 超级链接伪类的应用实例2 181
12.3 表单的CSS设计 183
12.4 列表的CSS设计 187
12.4.1 列表演示 187
12.4.2 列表显示技巧 188
12.4.3 使用图片作为列表符号.. 189
12.5 段落及字体样式设计 192
12.5.1 字体样式的设计 192
12.5.2 字体修饰 194
12.5.3 段落样式的设计 195
12.5.4 设置行距 197
12.5.5 段落内容裁剪 198
12.5.6 纵向段落排版 200
12.6 图片样式控制 202
12.6.1 图片作为超链接 202
12.6.2 漂亮的图文排版 203
12.6.3 技巧图片裁切 206
12.7 CSS滤镜 207
12.7.1 如何使用CSS滤镜 208
12.7.2 CSS滤镜综合实例 210
12.8 小结 212
第13章 CSS编写技巧 213
近年来，Web标准化设计网页越来越受到重视，特别是被Web 2.0风格的网站尤为推崇，甚至很多大型网站也开始了Web标准的重构，进行大幅度的改版，也极大地提升了网页浏览速度，减轻了维护复杂度。不过还有不少网站没有深刻理解Web标准，只是表面上把网站从表格布局转换为“Div+CSS”布局，而语义等各方面仍然是原来表格布局的设计思想。最大的问题是CSS编写混乱，大量冗余CSS充斥页面，div元素和span元素滥用现象也非常普遍，浏览兼容问题也层出不穷。本章学习实际开发中的一些技巧及常见问题的解决方法。
13.1 CSS设计与编写原则 213
13.1.1 养成好的命名习惯 213
13.1.2 用好id和class 215
13.1.3 提高代码重用率技巧1 217
13.1.4 提高代码重用率技巧2 218
13.1.5 提高代码重用率技巧3 220
13.1.6 CSS属性值的缩写 224
13.2 浏览器解析CSS的兼容问题 225
13.2.1 IE浏览器版本兼容问题的解决办法 226
13.2.2 IE与Firefox之间兼容问题的解决办法 227
13.2.3 IE与Firefox之间兼容问题的解决办法：属性选择符 228
13.2.4 IE与Firefox之间兼容问题的解决办法：子对象选择符 229
13.2.5 IE与Firefox之间兼容问题的解决办法：符号修饰选择符 230
13.3 小结 232
第三篇 JavaScript动态行为
第14章 JavaScript的第一次接触 234
网页作为一种新型的传播媒体，浏览者不仅仅要求被动地接收信息，还希望进行互动。如前面HTML中学习的表单控件，浏览者可以简单填入数据，只是没有程序的参与，其功能是相当简单的。网页中的程序分为服务器端程序和客户端（浏览端）程序，服务器端程序即运行在网页服务器中并得出结果，如ASP、PHP等程序。客户端（浏览端）程序即通过网页加载到客户端（浏览端）的浏览器后，才开始运行并得出结果。从本章开始学习网页设计制作中常用的客户端（浏览端）程序——JavaScript程序。
14.1 什么是JavaScript 234
14.2 JavaScript有什么功能 234
14.3 在什么地方编写JavaScript 235
14.4 写一个简单的JavaScript程序 236
14.5 小结 237
第15章 JavaScript程序基础知识 238
JavaScript是解释型的程序设计语言，具有面向对象的能力。虽然JavaScript属于轻型语言，但具备一切程序语言的共同特征，类似于其他程序语言，本章从JavaScript语言的基础语法开始学习。虽然本章内容没有前面章节有趣，但只有牢牢掌握基础语法部分，读者才能编写精彩的程序。
15.1 JavaScript的基本语法 238
15.1.1 字母大小写编写规范 238
15.1.2 JavaScript代码编写格式 238
15.1.3 注释格式 239
15.1.4 保留字 239
15.1.5 基本的输出方法 239
15.1.6 关于[script][/script]标签的声明 241
15.2 JavaScript交互基本方法 241
15.2.1 最常用的信息对话框 242
15.2.2 选择对话框 243
15.2.3 显示提示的对话框 244
15.3 数据类型和变量 246
15.3.1 数据类型的理解 246
15.3.2 学习几种基本数据类型 246
15.3.3 变量的含义 248
15.3.4 变量的声明与使用 249
15.4 常用的运算符 250
15.4.1 运算符与表达式 250
15.4.2 基本算术运算符及使用 251
15.4.3 关系运算符及使用 255
15.4.4 逻辑运算符及使用 257
15.4.5 其他常用运算符及使用 258
15.5 小结 260
第16章 JavaScript程序核心语法 261
通过基本语法知识的学习，读者对JavaScript语言有了比较全面的理解。本章将学习JavaScript程序编写的核心部分，条件分支语句和循环语句、函数以及面向对象的概念。对于初学的读者，这是一个未知的学习世界，但也是知识提升最快的章节。
16.1 程序的核心：分支和循环 261
16.1.1 if和switch的条件分支 261
16.1.2 while和do…while循环 265
16.1.3 for和for…in循环 267
16.1.4 如何更合理地控制循环语句 270
16.2 函数 273
16.2.1 什么是函数 273
16.2.2 学会使用函数解决问题 274
16.2.3 理解函数的参数传递 276
16.2.4 函数中变量的作用域和返回值 277
16.2.5 函数的嵌套 279
16.3 面向对象编程的简单概念 280
16.3.1 什么是面向对象 280
16.3.2 如何创建对象 281
16.3.3 定义对象的属性 282
16.3.4 对象的构造函数和方法 283
16.3.5 关联数组的概念 286
16.3.6 with语句和for…in语句 287
16.4 小结 290
第17章 JavaScript核心对象 291
上一章学习了JavaScript中比较核心的语法，其中的对象类型是JavaScript编程中的重点。JavaScript提供了多种内置对象供程序使用，例如和系统日期有关的操作可使用日期对象，而和字符串有关的操作可使用字符串对象。本章学习JavaScript的一些核心对象，有了这些对象的帮助，处理各种问题将轻松很多。
17.1 数组对象 291
17.1.1 创建数组 291
17.1.2 数组元素的操作 292
17.1.3 创建多维数组 294
17.1.4 数组的方法 295
17.2 日期对象 301
17.2.1 用Date对象创建常用日期 301
17.2.2 Date日期对象的方法 302
17.2.3 做一个时间计算程序 306
17.3 数学运算对象 307
17.3.1 数学运算对象的方法和属性 307
17.3.2 做一个小型计算器 310
17.4 字符串对象 312
17.4.1 字符串对象的属性 312
17.4.2 字符串对象的方法 313
17.5 函数对象 317
17.6 小结 318
第18章 浏览器对象模型 319
前面章节学习完了JavaScript中的语法部分和常用核心对象，从本章开始全面进入网页相关的编程学习。读者在前面关于对象的学习中可体会到，JavaScript大多数操作需要使用对象，在网页的编程中更是如此。浏览者在浏览网页时，看到的是浏览器显示HTML文档的一个窗口程序，JavaScript则将其看做一组对象的集合。这个对象集合中整个HTML文档被称作文档对象（Document Object），文档对象是整个浏览器对象的一部分。
18.1 navigator浏览器信息对象 319
18.1.1 navigator对象的管理方法 319
18.1.2 在网页上显示浏览者系统的基本信息 320
18.2 window对象 321
18.2.1 window对象的管理方法 321
18.2.2 制作可定制的弹出窗口 323
18.2.3 完美地关闭窗口 324
18.2.4 制作简单网页动画 325
18.2.5 延时执行命令 328
18.3 location对象 329
18.4 history对象 331
18.5 screen对象 333
18.6 小结 334
第19章 文档对象模型 335
本章内容十分重要，因为本章学习的文档对象模型直接对应HTML文档，学习更加直观。结合前面学习的HTML和XHTML页面制作，掌握文档对象模型更加容易。文档对象模型是通过编程直接操纵网页内容的途径，其实前面的示例中使用了一部分，如document.write()方法、document.getElementById()方法等。
19.1 文档对象模型概念详解 335
19.1.1 文档对象模型简介 335
19.1.2 文档对象的属性 336
19.1.3 文档对象的方法 338
19.2 forms对象 339
19.2.1 访问表单对象的方法 339
19.2.2 表单控件 343
19.2.3 制作数据检测功能的注册页面 350
19.3 image对象 353
19.4 链接对象 356
19.5 小结 358
第20章 事件响应 359
事件响应编程是JavaScript编程的主要方式，在前面的示例中已经大量使用了事件处理程序。本章内容侧重实例操作，将以大量典型的事件编程应用实践所学。本章还有部分内容把JavaScript和前面学习的CSS部分联系起来，制作更实用的程序。
20.1 事件响应编程的概念 359
20.1.1 事件和事件处理程序 359
20.1.2 HTML元素常用事件的展示 359
20.2 事件方法的使用 361
20.3 event对象 363
20.3.1 event对象的各种属性 363
20.3.2 网页监视发生事件的元素 364
20.3.3 网页检测用户的鼠标信息 365
20.3.4 网页检测用户的键盘按键信息 366
20.3.5 鼠标随意拖动网页元素 369
20.4 事件编程访问网页元素 371
20.4.1 数组方式访问 371
20.4.2 id名称和name名称访问 373
20.4.3 HTML标签名称访问 374
20.4.4 DOM节点方法访问 375
20.5 结合CSS制作动态页面 378
20.5.1 让HTML元素动起来 379
20.5.2 通过切换CSS给网页换肤 381
20.5.3 动态添加节点 383
20.6 小结 386
第21章 JavaScript综合范例 387
本章以实例讲解为主，实例为目前网站中比较常用的JavaScript应用，笔者将从实例思路开始分析，然后图解结构，直至实际代码编写。每个实例综合了多个知识点，并且有新的知识点，读者在学习的过程中必须跟随笔者实际操作，以便提高学习效率。
21.1 流行的应用：JavaScript选项卡切换内容块 387
21.1.1 思路分析 387
21.1.2 编写内容容器切换程序 388
21.1.3 选项卡切换实例功能编写 388
21.1.4 选项卡切换实例美化 391
21.2 仿猫扑：网页框架伸缩 394
21.2.1 思路分析 395
21.2.2 分析JavaScript的框架操作 395
21.2.3 框架伸缩实例功能编写 396
21.2.4 框架伸缩实例美化 398
21.3 实用多级导航条 403
21.3.1 思路分析 403
21.3.2 CSS二级导航条实例功能编写 404
21.3.3 完善CSS二级导航条实例 405
21.3.4 JavaScript制作导航条 408
21.4 各种对联广告的制作 410
21.4.1 分析对联广告如何适应不同分辨率屏幕 411
21.4.2 分析对联广告如何关闭 412
21.4.3 固定位置的对联广告 415
21.4.4 移动的对联广告 418
21.5 HTML元素伸缩效果的制作 421
21.5.1 制作进度条 421
21.5.2 制作可伸缩的菜单组 423
21.6 小结 425
第四篇 网页制作综合实例
第22章 制作个人网站 428
个人网站似乎是比较遥远的词汇了，互联网在我国普及的前期（2002年之前），由于当时很多大型网站提供免费网站空间及域名，个人站点（网页）成为很多人展示自我的选择。其实，当前网络流行的个人博客、QQ空间都是另一种形式的个人网站，不过用户只需考虑内容的填充，而不必考虑技术的实现。本章学习的正是个人网站技术实现部分，包含从网站的规划、页面视觉设计到代码编写，最后到发布的全过程。
22.1 网站整体规划 428
22.1.1 网站结构规划 428
22.1.2 页面功能划分 429
22.1.3 页面内容结构布局 429
22.2 页面设计效果图 429
22.3 站点目录规划 430
22.3.1 规划各种资源目录 430
22.3.2 配置IIS虚拟目录 431
22.4 构建XHTML结构并用CSS布局 432
22.5 参照最终效果图美化页面样式 436
22.5.1 输入所有的标题和内容 437
22.5.2 用CSS设置背景图片 441
22.5.3 用CSS设置渐变背景 442
22.5.4 用CSS设置页面垂直滚动条样式 443
22.6 首页添加动态行为 443
22.7 制作日志页面 448
22.7.1 日志浏览功能思路分析 449
22.7.2 日志代码编写 450
22.8 制作相册页面 454
22.8.1 相册浏览功能思路分析 454
22.8.2 相册代码编写 454
22.9 注册域名并发布网站 458
22.10 小结 460
第23章 制作门户网站 461
门户网站是描述大型综合性网站的通用概念，内容包罗万象，除了新闻以外，还有博客、专题、论坛等。实现这么多复杂的内容需要服务器端编程和数据库技术，由于本书只学习网页前台表现技术，所以本章只制作门户网站的基本页面。
23.1 门户网站整体规划 461
23.1.1 规划门户网站结构 461
23.1.2 规划页面功能结构 461
23.1.3 首页内容结构布局 462
23.2 页面设计效果图 462
23.3 站点目录规划 463
23.4 构建XHTML结构并用CSS布局 463
23.5 参照最终效果图美化页面样式 469
23.5.1 输入所有的标题和内容 469
23.5.2 设置页面主体背景 470
23.5.3 设置页面渐变背景 470
23.5.4 设置有规律的背景图片 471
23.6 插入无虚框的Flash动画 472
23.7 JavaScript与Flash制作轮换图片 473
23.8 制作栏目页面 479
23.9 制作文章页面 484
23.10 注册域名并发布门户网站 487
23.11 小结 488
附录 A HTML标记参考 489
附录 B CSS属性列表 495
附录 C JavaScript属性及方法列表... 498