第1章 网页设计基础 11
1.1 网页的主要分类及各自特点 12
1.1.1 个性展示类网站 12
1.1.2 影视音乐类网站 12
1.1.3 企业展示类网站 13
1.1.4 儿童类网站 14
1.1.5 美容时尚类网站 15
1.1.6 游戏类网站 15
1.1.7 医疗保健类网站 16
1.1.8 休闲旅游类网站 16
1.2 网页各元素的设计要点 17
1.2.1 文字 17
1.2.2 图像 18
1.2.3 多媒体 18
1.2.4 色彩 19
1.3 网页设计的原则 19
1.3.1 为用户考虑的原则 20
1.3.2 主题突出原则 20
1.3.3 整体原则 21
1.3.4 内容与形式相统一的原则 21
1.3.5 更新和维护的原则 22
1.4 网页设计的基本流程 22
1.4.1 前期策划 23
1.4.2 收集素材 23
1.4.3 页面的版式与布局分析 23
1.4.4 确定网页的主色调 24
1.4.5 设计页面整体 25
1.4.6 其他页面元素的设计 25
1.4.7 切割和优化页面 25
1.4.8 制作HTML页面 25
1.4.9 测试并上传网站 25
1.4.10 网站的更新与维护 25
1.5 网站中色彩的应用 25
1.5.1 网页色彩的特性 26
1.5.2 网页安全色彩 26
1.5.3 色彩模式 27
1.5.4 色彩的搭配 27
1.6 网站版式设计 30
1.7 本章小节 32
第2章 设计制作网站的基本元素 33
2.1 网站按钮设计 34
2.1.1 设计要点 34
2.1.2 应用技能 34
2.1.3 配色要求 34
2.1.4 制作步骤 34
2.2 网站金属质感图标设计 36
2.2.1 设计要点 36
2.2.2 应用技能 36
2.2.3 配色要求 37
2.2.4 制作步骤 37
2.3 网站导航设计 42
2.3.1 设计要点 42
2.3.2 应用技能 43
2.3.3 配色要求 43
2.3.4 制作步骤 43
2.4 网站广告设计 48
2.4.1 设计要点 48
2.4.2 应用技能 48
2.4.3 配色要求 49
2.4.4 制作步骤 49
2.5 网站动态广告条设计 55
2.5.1 设计要点 55
2.5.2 应用技能 55
2.5.3 配色要求 56
2.5.4 制作步骤 56
2.6 本章小节 64
第3章 网页设计实例之科勒官网 65
3.1 案例概述 66
3.1.1 项目背景分析 66
3.1.2 框架结构分析 66
3.1.3 网站配色方案 68
3.2 操作步骤解析 68
3.2.1 参数设置以及框架结构图层的建立 68
3.2.2 素材图片的处理制作左侧画面和主菜单 70
3.2.3 图片制作快捷入口 75
3.2.4 页首和页尾 78
3.2.5 右侧区域 81
3.3 本章小节 83
第4章 网页设计实例之Dior圣诞活动网站 84
4.1 案例概述 85
4.1.1 项目背景分析 85
4.1.2 框架结构分析 85
4.1.3 网站配色方案 85
4.2 操作步骤解析 85
4.2.1 参数设置以及框架结构图层的建立 85
4.2.2 制作页头主菜单和页尾 87
4.2.3 产品图片的处理 90
4.2.4 主画面文字的处理 93
4.3 本章小节 95
第5章 网页设计实例之碧欧泉空中之夏网站 96
5.1 案例概述 97
5.1.1 项目背景分析 97
5.1.2 框架结构分析 97
5.1.3 网站配色方案 97
5.2 操作步骤解析 97
5.2.1 框架结构图层的建立 97
5.2.2 填充背景 99
5.2.3 套索工具抠图和通道抠图处理素材图片 100
5.2.4 制作主画面 104
5.2.5 主菜单和页尾的制作 110
5.3 本章小节 113
第6章 网页设计实例之力度伸活动网站设计 114
6.1 案例概述 115
6.1.1 项目背景分析 115
6.1.2 框架结构分析 115
6.1.3 网站配色方案 116
6.2 操作步骤解析 116
6.2.1 参数设置以及图层组的建立 116
6.2.2 编辑背景 117
6.2.3 编辑产品组 119
6.2.4 制作菜单 120
6.2.5 添加页尾内容 122
6.2.6 制作主画面 123
6.3 细节修饰 127
6.3.1 添加水中泡泡 127
6.3.2 添加阴影部分 128
6.4 本章小节 129
第7章 网页设计实例之达喜官网 130
7.1 案例概述 131
7.1.1 项目背景分析 131
7.1.2 框架结构分析 131
7.1.3 网站配色方案 133
7.2 操作步骤解析 133
7.2.1 参数设置以及框架结构图层的建立 133
7.2.2 素材图片的处理制作主画面 134
7.2.3 广告语 137
7.2.4 产品展示 139
7.2.5 网页快速入口 142
7.2.6 页尾的制作 144
7.3 本章小节 145
第8章 网页设计实例之Jim Beam 146
8.1 案例概述 147
8.1.1 项目背景分析 147
8.1.2 网站配色方案 147
8.2 操作步骤解析 148
8.2.1 载入画笔 148
8.2.2 制作页面背景 148
8.2.3 主画面的制作 153
8.3 本章小节 160
第9章 网页设计实例之舒耐脱光派对 161
9.1 案例概述 162
9.1.1 项目背景分析 162
9.1.2 网站配色方案 162
9.2 操作步骤解析 163
9.2.1 面板的制作 163
9.2.2 快速入口的制作 170
9.2.3 主菜单的制作 173
9.2.4 添加产品和版权信息 176
9.3 本章小节 179
第10章 网页设计实例之雀巢咖啡玩上“饮” 180
10.1 案例概述 181
10.1.1 项目背景分析 181
10.1.2 网站配色方案 181
10.2 操作步骤解析 182
10.2.1 面板的制作 182
10.2.2 主画面的制作 184
10.2.3 产品展示区的制作 187
10.3 本章小节 192
第11章 网页设计实例之临动官方首页 193
11.1 案例概述 194
11.1.1 项目背景分析 194
11.1.2 网站配色方案 194
11.2 操作步骤解析 195
11.2.1 背景的制作 195
11.2.2 快速入口的制作 201
11.2.3 广告语的制作 205
11.2.4 导航栏的制作 206
11.2.5 企业Logo的制作 211
11.2.6 索引菜单的制作 213
11.2.7 品信息栏的制作 214
11.3 本章小节 215