目　录

第 一篇　美工篇

第 1章　网页和网站的制作流程　2
1.1　网页与网站　2
1.2　网站制作流程　3
1.2.1　前期策划　3
1.2.2　页面细化及实施　3
1.2.3　后期维护　4
1.3　静态页面制作流程　4
1.3.1　观察图纸　4
1.3.2　拆分图纸　4
1.3.3　组装　5
习题　5

第 2章　网页版式设计原则　6
2.1　文本和图片设计　7
2.1.1　文本设计　7
2.1.2　图片设计　8
2.1.3　图文排版　15
2.2　导航设计　17
2.3　框架结构设计　19
2.3.1　分栏式　19
2.3.2　区域划分　21
2.3.3　自由型　21
2.4　风格设计　22
2.4.1　平面风格　23
2.4.2　像素风格　24
2.4.3　三维风格　25
2.4.4　简洁风格　26
2.4.5　文字风格　26
习题　27

第3章　网页色彩设计　28
3.1　色彩基础知识　28
3.1.1　网页安全色　29
3.1.2　色彩的三要素　30
3.2　色彩象征　31
3.3　配色方案　37
3.3.1　基于色相的配色方案　38
3.3.2　基于色彩情感的配色方案　41
习题　44

第4章　各类别网页赏析　45
4.1　信息类　45
4.1.1　门户类网站　45
4.1.2　资讯类网站　46
4.1.3　机构类网站　47
4.2　气氛类　48
4.2.1　娱乐类网站　48
4.2.2　生活类网站　50
4.2.3　时尚类网站　51
4.2.4　文化类网站　53
4.3　商务类　54
4.3.1　电子商务网站　54
4.3.2　企业网站　58
4.4　个人类　61
习题　64

第 二篇　技术篇

第5章　HTML概述　66
5.1　编辑与运行环境　66
5.2　基本语法及文件结构　67
5.2.1　基本语法　67
5.2.2　文件结构　67
5.2.3　书写注意事项　68
5.3　创建第 一个HTML文件　68
5.4　HTML标签和属性的局限性　69
习题　70

第6章　网页元素的编辑　71
6.1　文本排版　71
6.1.1　段落　71
6.1.2　换行　72
6.1.3　标题　72
6.1.4　特殊文字符号　73
6.2　文字列表　74
6.2.1　无序列表　74
6.2.2　有序列表　74
6.2.3　定义列表　75
6.3　图像应用　76
6.3.1　网页中的图像格式　76
6.3.2　路径　77
6.3.3　插入图像　77
6.4　多媒体　78
习题　79

第7章　超链接　80
7.1　超链接的建立　80
7.2　超链接的应用　81
7.2.1　页内超链接　81
7.2.2　其他站点链接　82
7.2.3　电子邮件超链接　82
7.2.4　图像超链接　83
7.2.5　热点超链接　83
习题　83

第8章　表格与框架　85
8.1　表格　85
8.1.1　建立表格　85
8.1.2　合并单元格　86
8.2　框架　87
8.2.1　建立框架　88
8.2.2　框架分割　88
8.2.3　框架与超链接　91
8.2.4　浮动框架　92
习题　92

第9章　表单　94
9.1　建立表单　94
9.2　输入标记　94
9.2.1　文本框　94
9.2.2　密码框　95
9.2.3　单选按钮　95
9.2.4　复选按钮　96
9.2.5　按钮　96
9.3　选择标记　97
9.4　多行文本框　98
习题　99

第 10章　Dreamweaver CS5概述　100
10.1　Dreamweaver的工作环境　100
10.2　站点的管理　102
10.2.1　认识站点　102
10.2.2　创建本地站点　102
10.2.3　管理站点　105
习题　108

第 11章　常用元素的编辑　109
11.1　创建文本网页　109
11.1.1　新建、保存和打开网页文档　109
11.1.2　网页属性设置　111
11.2　编辑文本和设置文本属性　115
11.2.1　插入文本和文本属性设置　116
11.2.2　使用水平线　118
11.3　格式化文本　120
11.3.1　设置字体样式　120
11.3.2　编辑段落　121
11.4　项目列表设置　123
11.4.1　认识项目列表和编号列表　123
11.4.2　创建项目列表和编号列表　123
11.4.3　创建嵌套项目　125
11.5　图像的编辑　126
11.5.1　网页图像格式　126
11.5.2　插入网页图像　127
11.5.3　编辑和更新网页图像　129
11.6　链接的编辑　134
11.6.1　路径　134
11.6.2　链接的设置　134
11.7　多媒体文件的编辑　138
11.7.1　插入Flash动画　138
11.7.2　插入声音　140
习题　141

第 12章　布局元素的编辑　143
12.1　插入表格　143
12.2　添加内容到单元格　145
12.2.1　向表格中输入文本　146
12.2.2　嵌套表格　146
12.2.3　在单元格中插入图像　147
12.3　设置表格属性　147
12.3.1　设置单元格属性　148
12.3.2　设置表格属性　149
12.4　表格的基本操作　150
12.4.1　选定表格　150
12.4.2　剪切表格　154
12.4.3　复制表格　155
12.4.4　插入行或列　156
12.4.5　删除行或列　157
12.4.6　合并单元格　158
12.4.7　拆分单元格　159
12.4.8　调整表格大小　160
12.4.9　表格的排序　161
12.5　框架结构概述　162
12.6　框架的创建　163
12.6.1　创建预定义的框架集　163
12.6.2　向框架中添加内容　165
12.6.3　创建嵌套框架集　166
12.7　保存框架和框架文件　168
12.7.1　保存所有的框架集文件　168
12.7.2　保存框架集文件　169
12.7.3　保存框架文件　169
12.8　选择框架和框架集　169
12.8.1　认识【框架】面板　169
12.8.2　在【框架】面板中选择框架或框架集　169
12.8.3　在【文档】窗口中选择框架或框架集　170
12.9　设置框架和框架集属性　170
12.9.1　设置框架属性　170
12.9.2　设置框架集属性　172
12.9.3　改变框架的背景颜色　173
12.10　AP Div和【AP元素】面板　173
12.10.1　AP Div概述　173
12.10.2　【AP元素】面板　173
12.10.3　创建AP Div　174
12.11　AP Div的属性设置和操作　175
12.11.1　AP Div的【属性】面板　175
12.11.2　改变AP Div的可见性　176
12.11.3　改变AP Div的堆叠顺序　177
12.11.4　防止AP Div重叠　177
12.11.5　AP Div的基本操作　178
12.12　AP Div参数设置和嵌套AP Div　183
12.12.1　设置AP Div参数　183
12.12.2　嵌套AP Div参数　183
习题　184

第 13章　行为的编辑　186
13.1　应用行为　186
13.1.1　使用【行为】面板　186
13.1.2　添加行为　187
13.2　标准事件　187
13.3　内置行为　188
13.4　表单　191
13.4.1　创建表单域　191
13.4.2　插入文本域　192
习题　194

第 14章　CSS基础　195
14.1　CSS概述　195
14.1.1　元素　195
14.1.2　父元素/子元素　195
14.1.3　属性　195
14.2　CSS语法　195
14.2.1　内联样式表　196
14.2.2　文档级样式表　196
14.2.3　 外部样式表　197
14.2.4　优先权原则　198
14.3　CSS选择器　198
14.3.1　通配选择器　198
14.3.2　标签选择器　198
14.3.3　类选择器　199
14.3.4　ID选择器　199
14.3.5　派生选择器　200
14.3.6　群组选择器　200
14.4　CSS注释　200
14.5　CSS中的单位　201
14.5.1　长度单位　201
14.5.2　颜色单位　202
习题　202

第 15章　CSS属性　204
15.1　CSS属性　204
15.1.1　字体属性　204
15.1.2　颜色与背景属性　205
15.1.3　文本属性　207
15.1.4　方框属性　208
15.1.5　分类属性　210
15.2　CSS伪类与伪元素　212
15.2.1　CSS伪类　212
15.2.2　CSS伪元素　212
15.3　CSS滤镜　213
15.3.1　透明度滤镜　213
15.3.2　模糊滤镜　214
15.3.3　色度滤镜　214
15.3.4　水平翻转与垂直翻转　215
15.3.5　发光滤镜　215
15.3.6　阴影滤镜　215
15.3.7　波纹滤镜　216
习题　216

第三篇　实践篇

第 16章　小型企业网站制作　219
16.1　分析图纸　219
16.1.1　设计分析　219
16.1.2　布局分析　220
16.2　拆分图纸　223
16.2.1　提取颜色　223
16.2.2　拆分首页　224
16.2.3　拆分内容页　226
16.3　组装　227
16.3.1　定义站点　227
16.3.2　首页　229
16.3.3　内容页模板　249
16.3.4　制作内容页　257

第 17章　电子商务网站制作　261
17.1　分析图纸　261
17.1.1　设计分析　262
17.1.2　布局分析　262
17.2　拆分图纸　264
17.2.1　提取颜色　264
17.2.2　拆分元素　265
17.3　组装　267
17.3.1　定义站点　267
17.3.2　整体布局　269
17.3.3　插入内容　270
17.3.4　设置CSS　279

参考文献　304