第1章 网页视觉设计 1
1.1 网页设计概述 1
1.1.1 网页设计理念 1
1.1.2 网页设计分类 2
1.1.3 网页视觉设计 2
1.2 网页设计的构成 3
1.2.1 构成要素 3
1.2.2 设计特性 5
1.3 网页设计的实现 6
1.3.1 网页设计师的要求 6
1.3.2 网页设计误区 6
1.3.3 网页设计流程 7
1.3.4 网页设计原则 8
第2章 网页创意开发 9
2.1 创意设计与开发 9
2.1.1 关于创意设计 9
2.1.2 网页中的创意思维 9
2.2 网页中的设计创意 10
2.2.1 联想与想象 10
2.2.2 比喻与比拟 11
2.2.3 夸张与变形 12
2.2.4 借代 12
2.2.5 幽默 12
2.2.6 象征 12
2.2.7 对比 13
2.3 网页创意设计中的基本要素 13
2.3.1 图形图像的创意设计 13
2.3.2 文本编排与设计 13
2.3.3 版式布局与设计 14
2.3.4 色彩搭配设计 14
2.3.5 多媒体元素选择 14
第3章 网页效果图 15
3.1 图像在网页中的应用 15
3.1.1 网页图像应用 15
3.1.2 网页图像构成 17
3.2 网页图像设计 20
3.2.1 设计技巧 20
3.2.2 设计手法 21
3.3 网页图像设计形式 23
3.3.1 概括 23
3.3.2 具象 23
3.3.3 抽象 23
3.3.4 漫画 23
3.3.5 装饰 24
3.3.6 图标 25
3.4 网页中的图像处理 25
3.4.1 面积处理 25
3.4.2 外形处理 25
3.4.3 位置处理 26
3.4.4 虚实处理 26
3.4.5 合成处理 26
3.4.6 组合处理 27
3.4.7 特写处理 27
3.4.8 数量处理 27
3.4.9 与背景的关系处理 28
第4章 网页文字编排 29
4.1 网页字体设计 29
4.1.1 字号、字体、行距 29
4.1.2 文字的强调 31
4.1.3 文字的颜色 32
4.1.4 字体设计创意方法 32
4.1.5 字体设计原则 35
4.2 文字编排概述 36
4.2.1 文字编排的主要功能 36
4.2.2 文字编排的意义 37
4.2.3 文字编排方式 37
4.3 文字编排的应用原则 38
4.3.1 视觉性原则 38
4.3.2 整体性原则 38
4.3.3 对比性原则 38
4.4 网页文字设计技巧 39
4.4.1 网页标题设计技巧 39
4.4.2 网页正文设计技巧 39
4.4.3 主次和留白 39
4.5 网页标志设计 40
4.5.1 标志设计的构成要素 40
4.5.2 标志设计的构思 40
4.5.3 标志设计的表现 41
4.5.4 标志设计的流程 42
第5章 网页版式布局 43
5.1 网页布局的基础 43
5.1.1 网页的构成 43
5.1.2 构成的形式 44
5.2 网页布局方法 46
5.2.1 常见的版式结构 47
5.2.2 布局的原则 48
5.2.3 布局方法 49
5.2.4 布局的视觉因素 50
5.3 网页布局类型 50
5.3.1 骨骼型 50
5.3.2 国字型 51
5.3.3 满版型 51
5.3.4 拐角型 51
5.3.5 框架型 52
5.3.6 分割型 52
5.3.7 中轴型 53
5.3.8 曲线型 53
5.3.9 倾斜型 53
5.3.10 对称型 53
5.3.11 焦点型 53
5.3.12 自由型 54
5.3.13 三角型 54
5.4 网页导航布局 54
5.4.1 网页导航分类 54
5.4.2 导航布局 56
第6章 网页配色应用 59
6.1 认识色彩 59
6.1.1 色彩的相关概念 59
6.1.2 色彩的对比 61
6.1.3 色彩的调和 63
6.2 色彩的心理效应 64
6.2.1 网页中的色彩心理效应 64
6.2.2 黑白灰系列 65
6.2.3 六大色系 66
6.3 确定网站的主题色 69
6.3.1 网站的主色调 69
6.3.2 辅助色 69
6.3.3 点睛色 70
6.3.4 背景色 70
6.4 网页色彩搭配方法 71
6.4.1 网页配色准则 71
6.4.2 网页配色技巧 72
6.4.3 网页元素色彩搭配 73
第7章 Photoshop网页效果图设计 74
7.1 网站标志设计 74
7.1.1 Logo设计 74
7.1.2 图标设计 81
7.1.3 按钮设计 85
7.2 网页导航设计 88
7.2.1 导航背景设计 88
7.2.2 导航文字设计 92
7.2.3 个性主导航设计 92
7.2.4 侧边导航设计 94
7.3 网页主界面设计 99
7.3.1 Banner设计 99
7.3.2 主页主图设计 102
7.3.3 Gif动画设计 107
7.3.4 栏目设计 112
7.4 网页图像切片 117
7.4.1 网页图像切片的作用 117
7.4.2 Photoshop图像切片 117
7.4.3 图像切片技巧 120
第8章 Dreamweaver网页设计 121
8.1 建立网站 121
8.1.1 建立站点 121
8.1.2 设置服务器 122
8.1.3 管理站点 122
8.1.4 创建文件夹与文件 124
8.1.5 页面设置 125
8.1.6 HTML源代码 126
8.2 利用表格排版 128
8.2.1 表格的基本操作 128
8.2.2 表格的HTML代码 132
8.2.3 表格排版实例 132
8.3 建立超链接 134
8.3.1 绝对路径与相对路径 134
8.3.2 内部链接与外部链接 134
8.3.3 文本链接 135
8.3.4 锚点链接 136
8.3.5 热点链接 137
8.3.6 电子邮件链接 137
8.3.7 自动更新链接 138
8.4 Div和CSS网页布局 138
8.4.1 如何编写CSS 138
8.4.2 定义CSS样式 148
8.4.3 修改CSS样式 148
8.4.4 变化的超链接 149
8.4.5 使用外部CSS 149
8.4.6 创建Div标签 150
8.4.7 使用Div+CSS布局网页 150
8.5 模板的应用 152
8.5.1 创建模板 152
8.5.2 创建基于模板的网页 154
8.5.3 应用模板到页 154
8.6 建立框架网页 154
8.6.1 创建框架网页 154
8.6.2 设置框架样式 156
8.6.3 链接框架 157
8.7 信息表单 157
8.7.1 插入表单 157
8.7.2 插入文本字段 158
8.7.3 插入单选按钮和复选框 159
8.7.4 插入列表／菜单 161
8.7.5 插入文件域 163
8.7.6 插入跳转菜单 163
8.7.7 插入文本区域 164
8.7.8 插入按钮 165
8.7.9 添加隐藏域 166
第9章 Flash网页动画设计 168
9.1 网页动画基本理论 168
9.1.1 网页动画特点 168
9.1.2 网页动画种类 168
9.1.3 网页动画设计原则 169
9.1.4 常见动画设计效果 169
9.2 基本动画设计 170
9.2.1 帧的类型与基本操作 170
9.2.2 制作逐帧动画 171
9.2.3 制作运动动画 173
9.2.4 制作补间形状动画 174
9.2.5 制作遮罩动画 177
9.2.6 制作引导动画 182
9.3 Flash网页广告设计 185
9.3.1 悬浮广告设计 185
9.3.2 轮播广告设计 189
9.4 Flash导航设计 191
9.4.1 公司导航设计 191
9.4.2 下拉导航设计 194
第10章 动态网页技术 198
10.1 交互设计 198
10.1.1 页面跳转 198
10.1.2 获取用户请求 200
10.1.3 记录用户信息 201
10.1.4 在线人数统计 203
10.2 ASP.NET Web服务器控件 204
10.2.1 常用Web服务器控件 204
10.2.2 数据验证控件 218
10.3 动态数据 221
10.3.1 数据库的基本操作 221
10.3.2 SQL语言 226
10.3.3 使用Visual Studio连接数据库 229
10.4 网站后台技术 229
10.4.1 用户注册功能设计 229
10.4.2 用户登录界面 232
第11章 综合网页设计实例 234
11.1 企业网站设计 234
11.1.1 网页创意构思 234
11.1.2 Photoshop网页效果图设计 234
11.1.3 Dreamweaver首页制作 235
11.2 Flash全站设计 249
11.2.1 网页创意构思 249
11.2.2 准备素材元件 249
11.2.3 加载页面制作 249
11.2.4 主界面制作 251
11.2.5 子页面制作 274