第1章 网页设计与制作基础 1
1.1网站与网页 1
1.1.1网站 1
1.1.2网页 3
1.1.3网页的基本构成元素 4
1.2网页相关的概念 5
1.2.1 Internet、IP和域名 5
1.2.2 WWW和FTP 6
1.2.3 HTTP和HTML 6
1.2.4浏览器和Web服务器 6
1.2.5静态网页和动态网页 9
1.3网站制作基本流程 12
1.4网页设计制作工具 17
1.4.1原型设计工具 17
1.4.2图形图像制作工具 18
1.4.3网页编辑工具 20
本章小结 21
课后习题 21
第2章 HTML基础 23
2.1标记语言的作用 23
2.2 HTML基础 24
2.2.1 HTML和XHTML 24
2.2.2 HTML5 25
2.2.3 HTML的基本语法 25
2.2.4 XHTML的语法 26
2.3 HTML的结构 27
2.3.1基本结构 27
2.3.2文档类型定义 28
2.3.3头部内容 29
2.3.4主体内容 29
2.4标题与段落 30
2.4.1标题 30
2.4.2段落 30
2.5文字格式 31
2.6建立和使用列表 32
2.6.1无序列表 32
2.6.2有序列表 33
2.6.3定义列表 33
2.7特殊字符和注释 34
2.8 HTML5中的新增结构元素 34
2.9使用Dreamweaver编写网页 35
2.9.1新建网页 36
2.9.2设置网页标题 37
2.9.3设置文章中的标题 38
2.9.4设置无序列表和有序列表 39
2.9.5设置文字格式 40
2.9.6特殊字符的输入 40
本章小结 41
课后习题 41
第3章 CSS基础 43
3.1 CSS基本概念 43
3.1.1 CSS的概述 43
3.1.2 CSS的基本语法 43
3.2 CSS选择器 45
3.2.1基本选择器 45
3.2.2其他选择器 48
3.3在HTML中应用CSS 52
3.3.1行内样式 52
3.3.2内部样式 52
3.3.3外部样式 52
3.4使用CSS控制文字样式 53
3.4.1文字字体 54
3.4.2 Web字体 55
3.4.3文字大小 56
3.4.4文字粗细 56
3.4.5斜体 56
3.4.6文字修饰 57
3.4.7字间距 57
3.4.8英文字母的大小写 58
3.4.9阴影效果 58
3.5使用CSS控制段落样式 59
3.5.1首行缩进 59
3.5.2段落水平对齐 59
3.5.3行高 59
3.5.4分栏 60
3.6继承性和层叠性 61
3.6.1 CSS的继承性 61
3.6.2 CSS的层叠性 62
3.7使用Dreamweaver编辑CSS 63
3.7.1 CSS样式面板 63
3.7.2创建与应用CSS规则 64
3.7.3编辑和移动CSS规则 69
3.7.4附加样式表 71
本章小结 72
课后习题 72
第4章 网页中的颜色、图像和多媒体 74
4.1颜色的基础知识 74
4.1.1三原色 74
4.1.2色相、明度、饱和度 75
4.1.3冷暖色 76
4.2网页中的颜色 76
4.2.1网页中颜色的表示 77
4.2.2网页安全色 78
4.2.3网页配色基础 79
4.2.4 Dreamweaver中颜色的操作 81
4.3网页中的图像 82
4.3.1图像在网页中的应用 82
4.3.2网页中的图像类型 83
4.3.3网页中的图像标签 85
4.4使用Dreamweaver操作图像 86
4.4.1网页图像的添加 86
4.4.2网页图像属性的设置 87
4.4.3网页图像占位符 90
4.4.4网页中的背景图像设置 90
4.5在网页中添加多媒体对象 95
4.5.1在网页中插入声音对象 95
4.5.2在网页中插入视频对象 98
4.5.3在网页中插入Flash对象 100
4.5.4在网页中插入其他媒体对象 101
本章小结 102
课后习题 102
第5章 网页中表格的使用 104
5.1表格概述 104
5.1.1表格的基本功能 104
5.1.2表格的基本标签 104
5.1.3表格的基本属性 105
5.2 Dreamweaver中有关表格的操作 111
5.2.1表格的创建 111
5.2.2在表格中添加内容 113
5.2.3选择表格元素 114
5.2.4复制、粘贴表格 116
5.2.5调整表格 117
5.2.6插入和删除表格行或列 117
5.2.7删除表格和清除表格内容 118
5.2.8合并和拆分单元格 119
5.2.9表格属性的设置 119
5.2.10导入和导出表格的数据 121
5.2.11排序表格 123
5.3使用表格布局网页 124
5.3.1表格布局技术的产生 124
5.3.2用表格布局网页的基本原理 126
5.3.3表格布局的优缺点 127
5.3.4使用表格布局网页的基本步骤 127
5.3.5表格布局应用实例 129
本章小结 134
课后习题 134
第6章 超链接 136
6.1超链接概述 136
6.1.1超链接的概念 136
6.1.2超链接的种类 136
6.1.3链接路径 138
6.2超链接的标签及常用属性 139
6.3超链接的CSS样式 140
6.3.1超链接属性控制 140
6.3.2超链接特效 143
6.4 Dreamweaver中有关超链接的操作 146
6.4.1创建文本超链接 146
6.4.2创建图像超链接 149
6.4.3创建热点超链接 149
6.4.4鼠标经过图像超链接 150
6.4.5电子邮件超链接 151
6.4.6创建锚点超链接 152
6.4.7创建下载文件超链接 153
6.4.8创建空链接 153
6.4.9创建脚本超链接 154
6.4.10超链接的编辑和更新 154
本章小结 156
课后习题 156
第7章 CSS布局基础 157
7.1基础知识 157
7.1.1网页中的块级元素和行内元素 157
7.1.2盒模型 158
7.1.3外边距的叠加 162
7.1.4元素的内容溢出 163
7.2浮动定位 164
7.2.1设置浮动 164
7.2.2浮动的清除 165
7.3位置定位 168
7.3.1静态定位 168
7.3.2相对定位 168
7.3.3绝对定位 169
7.3.4固定定位 171
7.3.5 z-index 172
本章小结 173
课后习题 173
第8章 CSS布局及应用 174
8.1网页整体布局 174
8.1.1固定宽度布局 174
8.1.2流动布局 177
8.2网站中的导航 178
8.2.1垂直导航 179
8.2.2水平导航 180
8.2.3下拉菜单 181
8.3首字下沉效果 183
8.4自定义符号列表 184
8.5图文混排 185
8.6全图排版 186
8.7 Dreamweaver中的页面组件 188
8.7.1 Spry菜单栏 189
8.7.2 Spry选项卡式面板 190
8.7.3 Spry折叠式面板 191
本章小结 193
课后习题 193
第9章 模板和库项目 194
9.1模板的概念 194
9.2模板的创建和使用 194
9.2.1创建模板 194
9.2.2创建模板的区域 196
9.2.3应用模板 200
9.2.4管理模板 204
9.2.5创建嵌套模板 206
9.3库项目的创建和使用 206
9.3.1关于库项目 206
9.3.2创建库项目 206
9.3.3应用库项目 207
9.3.4管理库项目 207
本章小结 208
课后习题 208
第10章 表单 211
10.1表单 211
10.1.1表单基本概念 211
10.1.2创建表单 211
10.2表单元素 212
10.3使用Dreamweaver编辑表单网页 216
10.3.1在Dreamweaver中创建表单 216
10.3.2在Dreamweaver中插入表单元素 216
10.4表单网页的页面布局 221
10.4.1案例1：利用Div＋CSS布局实现论坛登录页面 221
10.4.2案例2：用表格布局实现论坛注册页面 225
10.5 Spry表单元素 229
10.5.1 Spry验证文本域 230
10.5.2 Spry验证文本区域 231
10.5.3 Spry验证复选框 231
10.5.4 Spry验证选择 232
10.5.5 Spry验证密码 232
10.5.6 Spry验证确认 233
10.5.7 Spry验证单选按钮组 233
本章小结 233
课后习题 234
第11章 行为和CSS过渡效果 235
11.1行为 235
11.1.1行为的概念 235
11.1.2添加行为 236
11.1.3修改或删除行为 237
11.2使用Dreamweaver内置行为 237
11.2.1交换图像 237
11.2.2弹出信息 238
11.2.3打开浏览器窗口 239
11.2.4拖动AP元素 239
11.2.5改变属性 242
11.2.6效果 244
11.2.7显示-隐藏元素 244
11.2.8检查插件 245
11.2.9检查表单 246
11.2.10设置文本 247
11.3使用第三方提供的行为 247
11.4 CSS过渡效果 248
11.4.1创建CSS过渡效果 248
11.4.2编辑CSS过渡效果 249
本章小结 249
课后习题 249
第12章 JavaScript 251
12.1 JavaScript 251
12.1.1 JavaScript简介 251
12.1.2在网页中使用JavaScript 252
12.2 JavaScript中的对象 253
12.2.1对象的基础知识 253
12.2.2常用JavaScript的内置对象 253
12.2.3自定义对象 255
12.2.4 BOM和DOM 256
12.3 JavaScript语言基础 262
12.3.1基本数据类型 262
12.3.2常量和变量 263
12.3.3运算符和表达式 264
12.3.4基本语句 266
12.3.5程序控制语句 267
12.3.6函数 272
12.4案例 273
12.4.1案例1：表单校验 273
12.4.2案例2：联动菜单 275
本章小结 277
课后习题 277
第13章 jQuery框架 279
13.1 jQuery框架基础 279
13.1.1 JavaScript框架 279
13.1.2 jQuery框架的功能 279
13.1.3搭建jQuery运行环境 280
13.1.4 jQuery的选择器 281
13.1.5 jQuery中的事件 282
13.2使用jQuery操作网页元素 282
13.2.1获取和设置网页元素属性 282
13.2.2获取和设置网页元素的CSS样式属性 284
13.3 jQuery动画 285
13.3.1基础动画函数 285
13.3.2淡入/淡出动画函数 286
13.3.3滑动函数 287
13.4 jQuery插件 288
13.4.1 jQuery UI插件 289
13.4.2图像幻灯片插件 290
13.4.3图像灯箱插件 292
13.4.4内容切换插件 293
13.4.5数据表格插件 294
本章小结 296
课后习题 296
第14章 网站的发布和维护 297
14.1网站的测试与优化 297
14.1.1网站测试 297
14.1.2网站优化 300
14.2网站的发布与维护 302
14.2.1网站的发布 302
14.2.2网站的维护 305
14.3网站的宣传推广 305
本章小结 306
课后习题 306
第15章 综合案例 307
15.1案例描述 307
15.2布局规划及原型设计 308
15.3使用Photoshop设计页面效果图 309
15.3.1主页效果图设计 309
15.3.2内容页效果图设计 311
15.3.3切片 311
15.4站点制作 313
15.4.1站点目录结构 313
15.4.2主页头部设计 314
15.4.3主页主体内容设计 316
15.4.4主页底部设计 319
15.4.5内容页主体内容设计 320
本章小结 322
课后习题 322
第16章 CMS内容管理系统 323
16.1 CMS概述 323
16.1.1 CMS的概念 323
16.1.2常用CMS系统 323
16.2搭建网站运行环境 325
16.2.1搭建Web服务平台 325
16.2.2 Joomla的安装 325
16.3使用Joomla建立网站 328
16.3.1全局设置 328
16.3.2分类管理 328
16.3.3媒体管理 329
16.3.4文章管理 330
16.3.5菜单管理 333
16.3.6头版文章管理 336
16.3.7模板管理 336
16.3.8模块管理 338
本章小结 340
课后习题 341
附录A HTML常用标签 342
附录B CSS常用属性 345
B.1 CSS书写规范 345
B.2 CSS常用属性 345
附录C Dreamweaver CS6的基本使用 350
C.1 Dreamweaver CS6的工作界面 350
C.2创建和管理站点 354
附录D Firebug和Web Developer的使用 361
D.1 Firebug的使用 361
D.2 Web Developer的使用 367
参考文献 370