第1章 网页视觉设计概述 1
1.1 网页视觉设计教学 1
1.2 网页视觉设计概述 3
1.2.1 互联网的起源 3
1.2.2 网页视觉设计定义 4
1.2.3 网页视觉设计要点 4
1.2.4 网页视觉设计特点 11
1.2.5 网页视觉设计的原则 14
第2章 网页视觉设计要素 19
2.1 网页视觉设计基础要素 19
2.1.1 网页视觉创意方法 20
2.1.2 视觉基础元素 25
2.2 文字篇 31
2.2.1 文字的演变和发展 32
2.2.2 网页视觉设计中的基本字体 36
2.2.3 网页中文字设计原则 40
2.2.4 文字的版式编排 45
2.2.5 网页文字的色彩处理 47
2.2.6 网页文字情感因素 49
2.3 图形（图像）篇 51
2.3.1 图形（图像）概述 51
2.3.2 网页设计中的图形（图像）存在形式 52
2.3.3 网页中图形（图像）文件格式 54
2.3.4 网页图形创意设计 56
2.4 色彩篇 67
2.4.1 色彩的基本原理 67
2.4.2 Web中色彩管理 72
2.4.3 网页视觉设计中色彩的作用 74
2.4.4 色彩情感 75
2.5 版式设计篇 80
2.5.1 版式设计原理 80
2.5.2 版式设计法则 84
2.5.3 常用的版式 87
第3章 CI网页中企业形象识别 93
3.1 CI概述 93
3.1.1 CI的形成与历史沿革 95
3.1.2 CI的概念 100
3.1.3 CI的价值 102
3.2 CI系统构成与相互关系 105
3.2.1 CI系统构成要素 106
3.2.2 MI、BI、VI之间的相互关系 109
3.2.3 CI设计原则 111
3.2.4 CI功能 113
3.3 网络CI策划与设计 116
3.3.1 明确形象建设的目的与动因 116
3.3.2 设计调查 118
3.3.3 形象识别定位 119
3.3.4 标志设计 120
3.3.5 网页形象视觉设计 130
第4章 网页美工设计制作 133
4.1 网页美工设计工具 133
4.1.1 选择适合的设计软件 134
4.1.2 网页美工设计工具——Photoshop 136
4.1.3 Web图像的生成 150
4.2 网页视觉设计中元素制作 154
4.2.1 网页图标设计 154
4.2.2 网页logo图标 156
4.2.3 网页banner制作 159
4.2.4 网页导航菜单的制作 161
4.3 首页设计制作 164
4.3.1 首页设计的原则 164
4.3.2 首页设计案例制作 166
第5章 HTML网页设计基础 173
5.1 HTML基础知识 173
5.1.1 Dreamweaver软件与网页设计准备 174
5.1.2 HTML的页面（PAGE）标记（TAGS） 176
5.1.3 字体（FONT）标记（TAGS） 180
5.1.4 文字布局（TEXT STYLE）标记（TAGS） 183
5.1.5 文字列表 184
5.1.6 图像（IMAGE）标记（TAGS） 187
5.2 HTML的表格设计与布局 190
5.2.1 表格（TABLE）标记（TAGS） 190
5.2.2 表格设计进阶 192
5.3 HTML的表单设计 195
5.3.1 表单基础 195
5.3.2 表单进阶 198
5.4 HTML的框架结构 200
5.4.1 框架结构基础 200
5.4.2 框架结构进阶 202
5.5 HTML的文字移动和背景音乐 205
5.5.1 文字移动（Marque） 205
5.5.2 背景音乐 209
第6章 CSS层叠样式表设计基础 210
6.1 Web标准历史与发展 210
6.1.1 W3C技术架构 211
6.1.2 了解CSS的应用本质和优点 211
6.1.3 网页的表现与分离 212
6.2 CSS基础知识 214
6.2.1 XHTML基础 214
6.2.2 XHTML头部的meta标签 215
6.2.3 第一个CSS样式设计 216
6.2.4 CSS的语法结构 217
6.2.5 CSS的类型 220
6.2.6 CSS的标签 221
6.2.7 XHTML的书写规范 222
6.2.8 如何将样式表加入到网页 222
6.2.9 CSS基本的书写顺序及规范 224
6.2.10 CSS的优先级 225
6.2.11 CSS的计量单位 226
6.3 CSS网页布局（Inside CSS Layout） 227
6.4 网页布局基础 234
6.4.1 布局页面的基本步骤 234
6.4.2 网页布局基础综合实训 240
6.5 CSS容器属性 245
6.5.1 盒模型的概念 245
6.5.2 边界属性的概念 251
6.5.3 综合实训——网站首页CSS实战设计 253
第7章 美工设计全案解析 257
7.1 企业应用型网站规划与设计 257
7.1.1 建设网站前的市场分析 258
7.1.2 建设网站的目的及功能定位 258
7.1.3 网站技术解决方案 258
7.1.4 网站内容规划 259
7.1.5 网页设计 259
7.1.6 网站维护 261
7.1.7 网站测试 261
7.1.8 网站发布与推广 261
7.2 网页的切割技巧分析 261
7.3 门户类型网站全案分析 262
7.3.1 门户类网站 262
7.3.2 AOL网站的的美工制作过程 265
7.3.3 AOL网站的切割实训案例 269
7.3.4 AOL网站的CSS设计实例 270
7.4 企业类型网站全案分析 287
7.4.1 惠好公司网站 288
7.4.2 惠好公司（Weyerhaeuser）网站美工制作过程 288
7.5 功能类型网站全案分析 291
7.6 休闲类型网站全案分析 292
附录A 习题参考答案 297
参考文献 302