第1章 网站设计策划 1
1.1网站策划与建站流程 2
1.2建站需求分析 3
1.2.1客户分析 3
1.2.2市场分析 4
1.2.3网站资源状况分析 5
1.3建站目标分析 6
1.3.1短期目标 6
1.3.2长期目标 7
1.3.3网站行业前景 7
1.4网站分类与定位 8
1.4.1网站类型分析 8
1.4.2网站定位 12
1.5网站结构设计 12
1.6技术方案策划 14
1.7开始制作网站 15
1.7.1项目组成人员 15
1.7.2网站制作流程 16
思考与练习 17
第2章 网页版式设计与布局 19
2.1技术考虑 20
2.1.1关注文件容量大小 20
2.1.2为限制文件容量做计划 20
2.2网页视觉流程 22
2.3网页版式设计原则 24
2.3.1主题鲜明突出 24
2.3.2形式与内容统一 25
2.3.3强化整体布局 25
2.3.4模块化和容易更新 26
2.4网页框架结构 27
2.4.1网页布局类型 27
2.4.2网页框架结构 30
2.5网页版式设计的形式美 33
2.5.1页面设计中的概念要素 33
2.5.2版式设计中的形式美法则 37
思考与练习 43
第3章 导航 45
3.1导航简介 46
3.2导航类别 47
3.3导航设计原则 50
3.3.1导航的层次结构 50
3.3.2网站导航的易用度 50
3.3.3必要的网站导航 54
3.4链接功能 55
3.4.1站内链接 56
3.4.2站外链接 56
3.4.3下载链接 57
3.4.4信箱自动链接 57
3.4.5注释链接 58
3.5导航预示 58
3.6链接状态 59
3.7导航文字 60
3.7.1文字链接的优势 61
3.7.2链接文字选择 61
3.7.3对链接文字的预测 62
3.7.4加强文字链接 62
3.8导航图像 63
3.8.1图像链接预测 63
3.8.2图像翻转 63
3.8.3导航图标 64
思考与练习 64
第4章 网站内容 67
4.1编写内容之前的准备工作 68
4.1.1确定目标用户并调查 68
4.1.2分析客户需求 69
4.1.3研究目标访问者的语言 70
4.2编写内容 70
4.2.1线上写作的指导方针 71
4.2.2处理大段文字 73
4.2.3使用简单句 74
4.3网站内容的可浏览性 75
4.3.1使用合乎逻辑的线性设计 75
4.3.2内容紧凑 76
4.3.3用设计元素分开正文内容 76
4.3.4页面选择颜色的注意事项 77
4.3.5使用最新时态书写语句 77
4.4网站内容的可信度 77
4.5网页标题的设置 80
4.6优化网页标题 82
4.7网页的可读性 84
4.8网页内容设计中需要注意的问题 85
思考与练习 86
第5章 网页色彩基础知识 89
5.1网页安全色 90
5.2网页设计中色彩的用途 90
5.2.1视觉区域划分 91
5.2.2引导主次关系 91
5.2.3营造页面气氛 92
5.3网页色彩的特点 93
5.3.1整体性 93
5.3.2适应性 94
5.3.3独特性 95
5.3.4艺术性 95
5.3.5主次分明 96
5.4为网页定义色彩 97
思考与练习 99
第6章 色彩的功能角色与搭配 101
6.1色彩的功能角色 102
6.1.1主色 102
6.1.2配色 102
6.1.3强调色 104
6.1.4背景色 105
6.2基于色相的配色 106
6.2.1红色 106
6.2.2橙色 106
6.2.3黄色 108
6.2.4绿色 108
6.2.5蓝色 110
6.2.6紫色 110
6.2.7黑色 111
6.2.8白色 112
6.2.9灰色 112
6.3基于色调的配色 114
6.3.1亮色调 114
6.3.2暗色调 114
6.3.3中色调 115
6.4基于心理感受的配色 116
6.4.1冷暖感 116
6.4.2轻重感 117
6.4.3软硬感 118
6.4.4华丽与朴素 119
6.4.5明快与忧郁 120
6.4.6兴奋与沉静 120
思考与练习 121
第7章 网页色彩的对比与调和 123
7.1色彩的对比 124
7.1.1色相对比 124
7.1.2明度对比 128
7.1.3纯度对比 130
7.1.4冷暖对比 131
7.1.5面积对比 132
7.2网页色彩调和 134
7.2.1面积法 134
7.2.2阻隔法 134
7.2.3统调法 136
7.2.4削弱法 137
7.2.5综合法 138
7.2.6秩序调和 139
思考与练习 141
第8章 网页图像设计 143
8.1原理和术语 144
8.1.1原理 144
8.1.2术语 146
8.2网页图像格式 150
8.2.1 JPEG图像格式 151
8.2.2 GIF图像格式 151
8.2.3 PNG图像格式 152
8.3获取图像 153
8.4创作和编辑图像 154
8.4.1图像分层 155
8.4.2图像输出 155
8.4.3图像命名 156
8.4.4不同软件生成图像的色彩搭配 156
8.4.5网站标志设计 157
8.5背景图像 159
8.5.1背景图像的选择 159
8.5.2选择背景图像需要注意的问题 160
8.5.3平铺背景图像 161
8.5.4全屏背景图像 161
8.5.5非平铺的局部背景图像 162
8.6重复图像在网页中的应用 162
8.6.1视觉韵律 162
8.6.2存储一个1×1像素的透明图像 164
8.7动画 164
8.7.1动画术语 164
8.7.2动画格式 165
8.7.3应用网页动画需要注意的问题 166
8.8图像和可用度 166
思考与练习 167
第9章 网页文字 169
9.1字体的选择 170
9.1.1网页中经常用到的中文字体 170
9.1.2网站中经常用到的英文字体 172
9.2文字的设置 174
9.2.1文字尺寸的设计与浏览 174
9.2.2文字尺寸的单位 175
9.2.3字距与行距 176
9.2.4文字的排列 177
9.3网页文字与网站“易用度”的关系 178
9.4网页里的文字强调 180
9.4.1行首的强调 181
9.4.2引文的强调 181
9.4.3个别文字的强调 182
9.5网页文字的易用度 182
思考与练习 185
第10章 认识HTML 187
10.1什么是Web 188
10.2什么是HTML 189
10.3创建第一个HTML文件 190
10.4 HTML文档结构 193
10.4.1文档类型声明 193
10.4.2HTML基本架构 194
10.4.3头部内容 195
10.5基本语法 199
10.5.1双标签 200
10.5.2单标签 201
10.6代码的易读性和命名规范 202
10.7常用网页浏览器插件 203
思考与练习 205
第11章 HTML 4.0标签 207
11.1文字 208
11.1.1标题 208
11.1.2文字修饰 209
11.2文字段落 210
11.2.1段落标签 210
11.2.2换行标签 211
11.2.3水平线 212
11.3列表 213
11.3.1无序列表 213
11.3.2有序列表 215
11.3.3自定义列表 217
11.3.4列表标签嵌套 218
11.4图片 219
11.4.1图片的基本属性 219
11.4.2图片的其他属性 226
11.5多媒体元素 227
11.6超链接 229
11.6.1创建超链接 229
11.6.2设置超链接路径 231
11.6.3设置超链接窗口 235
11.6.4其他链接对象 235
思考与练习 239
第12章 由浅入深了解CSS 241
12.1 CSS可以做什么 242
12.2初识CSS 244
12.2.1写在标签内的CSS 245
12.2.2在HTML文件中统一规定的CSS 246
12.2.3导入外部CSS文件 247
12.2.4外联CSS文件 248
12.2.5 CSS的优先级 248
12.3 CSS的选择器 250
12.3.1 CSS的样式书写规则 250
12.3.2标签选择器 253
12.3.3类选择器 257
12.3.4 ID选择器 260
12.4修饰超链接 261
12.4.1伪类 261
12.4.2结合列表和伪类实现高级导航菜单 263
12.5文字的设定 267
12.5.1文字大小 267
12.5.2文字颜色 269
12.5.3文字笔画粗细 272
12.5.4文字样式 272
12.5.5文字字体 273
12.5.6文字间距 274
12.5.7文字行高 275
12.5.8英文大小写转换 276
12.6段落的修饰 277
12.6.1首行缩进 277
12.6.2段落文本对齐 278
12.7图片效果设定 281
12.7.1 常规属性 281
12.7.2背景图片 282
12.8盒模型 295
12.8.1 margin 295
12.8.2 padding 298
思考与练习 300
第13章 DIV布局与定位 303
13.1 DIV导言 304
13.2初识DIV 307
13.2.1定义DIV 307
13.2.2 DIV的宽、高设定 310
13.3 DIV实践 313
13.3.1 CSS基础设定 313
13.3.2 DIV框架设定 313
13.3.3 DIV嵌套使用 315
13.3.4文字和图片的CSS处理 319
13.3.5 DIV的相对和绝对定位 324
思考与练习 333
第14章 表格的使用与美化 335
14.1初识表格 336
14.2表格边框修饰 341
14.3单元格的宽、高 344
14.3.1宽、高的设定 344
14.3.2最大与最小宽、高限定 347
14.3.3固定整个表格的宽、高 349
14.4底色设置 351
14.5表格文字设定 353
14.6合并单元格 354
14.6.1横向合并 354
14.6.2纵向合并 355
14.7嵌套表格 356
思考与练习 361
第15章 表单 363
15.1初识表单 364
15.2添加文本框 366
15.2.1单行文本框 366
15.2.2密码框 367
15.2.3多行文本框 367
15.2.4文件域 367
15.3按钮 369
15.3.1提交按钮 369
15.3.2重置按钮 369
15.3.3普通按钮 370
15.3.4图片按钮 370
15.4表单的选择系列 371
15.4.1单选按钮 371
15.4.2复选框 372
15.4.3下拉列表 373
15.5隐藏域 375
15.6制作一个完整的表单 376
思考与练习 387
第16章 框架 389
16.1嵌入简单框架 390
16.1.1 <frameset>的属性 392
16.1.2 <frame＞的属性 393
16.1.3 <frameset＞与＜frame＞之间的嵌套 396
16.2 <iframe＞的使用 398
思考与练习 410
第17章 网页设计综合实例 413
17.1页面基本样式设定 414
17.2页面主体内容设定 426
思考与练习 445
第18章 HTML5.0的新特性 447
18.1HTML5.0介绍 448
18.2从“头”说起 450
18.3 HTML5.0的结构标签和内容分组标签 451
18.3.1 Header标签 451
18.3.2 Nav标签 453
18.3.3 Article标签和Section标签 454
18.3.4 Aside标签 456
18.3.5 Footer标签 456
18.3.6 Figure图像元素 457
18.3.7构建一个页面 458
18.4媒体元素标签 465
18.4.1音频元素控制 465
18.4.2相关属性控制 466
18.4.3利用JavaScript控制HTML5.0的Audio标签 467
18.4.4视频元素控制 468
18.5表单设计 468
18.5.1新的输入类型 469
18.5.2新增的表单元素 471
18.5.3新的表单属性 472
18.5.4创建一个表单 474
思考与练习 482
参考文献 485