第一部分理论 3
第1章 HTML语言基础 3
1.1 HTML文档的基本结构 5
1.1.1 HTML文档结构 5
1.1.2 HTML注释和特殊字符 7
1.1.3使用EditPlus创建第一个HTML文档 9
1.2 HTML基本标签 10
1.2.1格式标签 10
1.2.2文本标签 16
1.2.3图像标签 19
1.2.4超链接标签 22
第2章 表格与表单 31
2.1表格基础 33
2.1.1表格的基本结构 33
2.1.2如何创建表格 34
2.1.3表格属性 35
2.1.4表格嵌套 42
2.2表单 44
2.2.1表单概述 44
2.2.2 〈form〉标签 45
2.2.3输入元素input 46
2.2.4下拉列表框 53
2.3综合应用 55
第3章 样式表 65
3.1 CSS概述 67
3.1.1为什么需要CSS 67
3.1.2什么是CSS 68
3.2行内样式表 69
3.3内嵌样式表 70
3.4选择器 72
3.4.1标签选择器 72
3.4.2类选择器 74
3.4.3 ID选择器 75
3.4.4伪类选择器 77
3.4.5包含选择器 79
3.4.6组合选择器 80
3.5使用外部样式文件 81
3.6样式表的优先级 85
第4章 样式表应用 91
4.1常用标签 93
4.1.1 〈div〉与〈span〉 93
4.1.2 〈ul〉与〈1i〉 95
4.1.3〈p〉与〈h〉 97
4.1.4 〈table〉 98
4.2常用样式属性 100
4.2.1字体样式（font） 100
4.2.2边框样式（border） 101
4.2.3文本样式（text） 103
4.2.4方框样式（box） 105
4.2.5显示样式（display） 107
4.2.6浮动与清除（float&clear） 109
4.3长度单位 112
4.3.1 px与pt 112
4.3.2 em与ex 113
第5章XHTML语言基础 119
5.1 XHTML简介 121
5.1.1为什么使用XHTML 121
5.1.2什么是XHTML 121
5.2 XHTML特点及发展优势 122
5.3如何过渡到XHTML 122
5.4 XHTML与HTML的区别 123
5.4.1标签名称必须小写 123
5.4.2属性名称必须小写 124
5.4.3标签必须严格嵌套 124
5.4.4标签必须封闭 124
5.4.5属性值必须加双引号 124
5.4.6属性值必须使用完整形式 124
5.4.7用id属性代替name属性 125
5.4.8强制使用的XHTML元素 125
5.4.9 XHTML文档必须拥有一个根元素 125
5.5 XHTML基本标签 125
5.5.1块状标签 126
5.5.2行内标签 129
5.6使用XHTML标签进行页面布局 132
第6章 页面布局设计 137
6.1页面布局概述 139
6.1.1什么是页面布局 139
6.1.2常见的页面布局 140
6.2表格布局 141
6.3框架布局 143
6.3.1什么是框架布局 143
6.3.2创建复杂的框架页面 146
6.3.3框架与超链接 148
6.4 DIV布局 148
6.4.1什么是DIV布局 148
6.4.2 DIV布局的特点 150
6.4.3页面元素定位 151
6.4.4博客页面布局设计分析 154
第7章 布局类型——盒子模型 163
7.1盒子模型概述 165
7.1.1内容与表现分离 165
7.1.2盒子 166
7.1.3盒子之间的关系 168
7.2盒子定位 170
7.2.1静态定位（static ） 170
7.2.2绝对定位（absolute） 171
7.2.3相对定位（relative） 173
7.2.4包含块（include） 174
7.3综合应用 175
第8章 布局模型——流动、浮动模型 181
8.1标准文档流 183
8.2流动模型 183
8.2.1流动模型概述 183
8.2.2相对定位流动 185
8.3浮动模型 186
8.3.1为什么需要浮动模型 186
8.3.2什么是浮动模型 187
8.3.3浮动模型的特征 188
8.3.4浮动塌陷 188
8.3.5浮动清除 188
8.4 CSS基本布局 192
8.4.1单行单列 192
8.4.2单行两列 193
8.4.3单行三列 195
第9章 页面背景特效 205
9.1 background属性 207
9.1.1 background-image属性 207
9.1.2 background-repeat属性 208
9.1.3 background-position属性 209
9.2 CSS Sprites 212
9.2.1什么是CSS Sprites 212
9.2.2 CSS Sprites的优点 212
9.2.3 CSS Sprites的应用 213
9.3滑动门技术 216
9.3.1什么是滑动门技术 216
9.3.2滑动门实现原理 216
9.3.3滑动门的应用 216
第10章 导航栏 223
10.1水平导航菜单 225
10.1.1横向文本导航 225
10.1.2 tab导航 227
10.2垂直导航菜单 228
10.2.1箭头导航 228
10.2.2提示信息导航 231
10.3下拉式导航菜单 232
10.3.1垂直列表下拉导航 232
10.3.2水平列表下拉导航 234
第二部分 上机 241
上机1HTML语言基础 241
阶段1制作天涯社区新手指南页面 242
阶段2制作“找回密码”页面 244
阶段3制作“标签分类”页面 248
阶段4制作滚动新闻 250
上机作业 252
上机2表格与表单 257
阶段1创建表格的基本结构 258
阶段2使用嵌套表格 261
阶段3表单的使用 264
上机作业 266
上机3样式表 269
阶段1行内样式表的用法 270
阶段2内嵌样式表的用法 272
阶段3外部样式文件的用法 275
上机作业 278
上机4样式表应用 283
阶段1制作NBA新闻列表 284
阶段2制作搜索和登录页面 290
上机作业 292
上机5 X日TML语言基础 295
阶段1创建XHML基本结构 296
阶段2制作首字下沉效果 297
阶段3制作站点搜索页面 298
阶段4制作环绕文字与导航栏 300
上机作业 302
上机6页面布局设计 305
阶段1表格及hover伪类的用法 306
阶段2项目列表的基本用法 311
上机作业 314
上机7布局类型——盒子模型 317
阶段1搭建博客科技页面结构 318
阶段2制作博客科技页面左栏内容 319
阶段3制作博客科技页面中间及右栏内容 321
上机作业 326
上机8布局模型——流动、浮动模型 329
阶段1搭建迷你QQ相册结构 330
阶段2制作相册浏览区 332
阶段3制作相册导航栏 334
上机作业 338
上机9页面背景特效 341
阶段1制作重复背景效果 342
阶段2制作在线编辑器 343
阶段3制作QQ空间的Tab菜单 346
上机作业 349
上机10导航栏 353
阶段1搭建淘宝首页水平导航栏框架 354
阶段2制作淘宝首页水平导航栏内容 356
阶段3制作淘宝商城垂直导航栏 363
上机作业 367
第三部分在线学习 371
在线学习1使用Dreamweaver制作网页 371
综合练习 制作新闻版块 372
在线学习2滤镜的使用与网站配色方案 375
综合练习设计“我的博客”主页 376