模块1 网页视觉设计
1.1 网页设计概述 2
1.1.1 网页设计理念 2
1.1.2 网页设计分类 3
1.1.3 网页视觉设计 3
1.2 网页设计的构成 4
1.2.1 构成要素 4
1.2.2 设计特性 5
1.3 网页设计的实现 6
1.3.1 网页设计师的要求 6
1.3.2 网页设计误区 7
1.3.3 网页设计流程 8
1.3.4 网页设计原则 10
模块2 网页创意开发
2.1 创意设计与开发 12
2.1.1 关于创意设计 12
2.1.2 网页中的创意思维 13
2.2 网页中的设计创意 13
2.2.1 联想与想象 13
2.2.2 比喻与比拟 14
2.2.3 夸张与变形 15
2.2.4 借代 15
2.2.5 幽默 15
2.2.6 象征 15
2.2.7 对比 15
2.3 网页创意设计中的基本要素 16
2.3.1 图形图像的创意设计 16
2.3.2 文本编排与设计 16
2.3.3 版式布局与设计 16
2.3.4 色彩搭配设计 16
2.3.5 多媒体元素选择 17
模块3 网页图像设计与制作
3.1 图像在网页中的应用 19
3.1.1 网页图像应用 19
3.1.2 网页图像构成 21
3.2 网页图像设计 23
3.2.1 设计技巧 23
3.2.2 设计手法 24
3.3 网页图像设计形式 25
3.3.1 概括 25
3.3.2 具象 25
3.3.3 抽象 25
3.3.4 漫画 26
3.3.5 装饰 26
3.3.6 图标 27
3.4 网页中的图像处理 27
3.4.1 面积处理 27
3.4.2 外形处理 28
3.4.3 位置处理 28
3.4.4 虚实处理 28
3.4.5 合成处理 28
3.4.6 组合处理 28
3.4.7 特写处理 29
3.4.8 数量处理 29
3.4.9 与背景的关系处理 29
模块4 网页文字编排
4.1 网页字体设计 31
4.1.1 字号、字体、行距 31
4.1.2 文字的强调 33
4.1.3 文字的颜色 33
4.1.4 字体创意设计方法 34
4.1.5 字体设计原则 37
4.2 文字编排概述 39
4.2.1 文字编排的主要功能 39
4.2.2 文字编排的意义 40
4.2.3 文字编排方式 40
4.3 文字编排的应用原则 41
4.3.1 视觉性原则 41
4.3.2 整体性原则 41
4.3.3 对比性原则 42
4.4 网页文字设计技巧 42
4.4.1 网页标题设计技巧 42
4.4.2 网页正文设计技巧 42
4.4.3 主次和留白 42
4.5 网页标志设计 43
4.5.1 标志设计的构成要素 43
4.5.2 标志设计的构思 43
4.5.3 标志设计的表现 43
4.5.4 标志设计的流程 45
模块5 网页版式布局
5.1 网页布局的基础 47
5.1.1 网页的构成 47
5.1.2 构成的形式 48
5.2 网页布局方法 49
5.2.1 常见的版式结构 49
5.2.2 布局的原则 51
5.2.3 布局方法 52
5.2.4 布局的视觉因素 52
5.3 网页布局类型 54
5.3.1 骨骼型 54
5.3.2 国字型 54
5.3.3 满版型 54
5.3.4 拐角型 55
5.3.5 框架型 55
5.3.6 分割型 56
5.3.7 中轴型 56
5.3.8 曲线型 57
5.3.9 倾斜型 57
5.3.10 对称型 57
5.3.11 焦点型 57
5.3.12 自由型 58
5.3.13 三角型 58
5.4 网页导航布局 58
5.4.1 网页导航分类 58
5.4.2 导航布局 60
模块6 网页配色应用
6.1 认识色彩 64
6.1.1 色彩的相关概念 64
6.1.2 色彩的对比 66
6.1.3 色彩的调和 68
6.2 色彩的心理效应 69
6.2.1 网页中的色彩心理效应 69
6.2.2 黑白灰系列 69
6.2.3 六大色系 70
6.3 确定网站的主题色 72
6.3.1 网站的主色调 72
6.3.2 辅助色 72
6.3.3 点睛色 72
6.3.4 背景色 73
6.4 网页色彩搭配方法 73
6.4.1 网页配色准则 74
6.4.2 网页配色技巧 74
6.4.3 网页元素色彩搭配 75
模块7 Photoshop网页效果图设计
7.1 网站标志设计 77
7.1.1 Logo设计 77
7.1.2 图标设计 85
7.1.3 按钮设计 90
7.2 网页导航设计 93
7.2.1 导航背景设计 93
7.2.2 导航文字设计 98
7.2.3 个性主导航设计 98
7.2.4 侧边导航设计 101
7.3 网页主界面设计 106
7.3.1 Banner设计 106
7.3.2 主页主图设计 110
7.3.3 Gif动画设计 116
7.3.4 栏目设计 122
7.4 网页图像切片 127
7.4.1 网页图像切片的作用 127
7.4.2 Photoshop图像切片 128
7.4.3 图像切片技巧 131
模块8 Dreamweaver网页设计
8.1 建立网站 134
8.1.1 建立站点 134
8.1.2 设置服务器 135
8.1.3 管理站点 136
8.1.4 创建文件夹与文件 137
8.1.5 页面设置 138
8.1.6 HTML源代码 140
8.2 利用表格排版 143
8.2.1 表格的基本操作 143
8.2.2 表格的HTML代码 147
8.2.3 表格排版实例 148
8.3 建立超链接 150
8.3.1 绝对路径与相对路径 150
8.3.2 内部链接与外部链接 151
8.3.3 文本链接 152
8.3.4 锚点链接 152
8.3.5 热点链接 154
8.3.6 电子邮件链接 155
8.3.7 自动更新链接 155
8.4 Div和CSS网页布局 156
8.4.1 如何编写CSS 156
8.4.2 定义CSS样式 171
8.4.3 修改CSS样式 172
8.4.4 变化的超链接 173
8.4.5 使用外部CSS 173
8.4.6 创建Div标签 174
8.4.7 使用Div+CSS布局网页 174
8.5 模板的应用 177
8.5.1 创建模板 177
8.5.2 创建基于模板的网页 179
8.5.3 应用模板到页 179
8.6 建立框架网页 180
8.6.1 创建框架网页 180
8.6.2 设置框架样式 182
8.6.3 链接框架 183
8.7 信息表单 184
8.7.1 插入表单 184
8.7.2 插入文本字段 184
8.7.3 插入单选按钮和复选框
186
8.7.4 插入列表/菜单 188
8.7.5 插入文件域 190
8.7.6 插入跳转菜单 191
8.7.7 插入文本区域 192
8.7.8 插入按钮 193
8.7.9 添加隐藏域 194
模块9 网页动画设计
9.1 网页动画基本理论 197
9.1.1 网页动画特点 197
9.1.2 网页动画种类 197
9.1.3 网页动画设计原则 198
9.1.4 常见动画设计效果 198
9.2 创建简单动画 199
9.2.1 逐帧动画 199
9.2.2 补间动画 200
9.2.3 补间形状动画 202
9.2.4 传统补间动画 205
模块10 网页制作技术
10.1 HTML5文件的基本结构 208
10.1.1 HTML简介及发展史 208
10.1.2 HTML5的优势 209
10.1.3 网页编辑工具 209
10.1.4 HTML5文件的基本结构 210
10.1.5 网页的基本声明 211
10.2 网页的基本标签 212
10.2.1 标题标签 212
10.2.2 段落标签和换行标签
212
10.2.3 水平线标签 214
10.2.4 字体样式标签 214
10.2.5 注释和特殊符号 215
10.2.6 图像标签 216
10.2.7 超链接标签 218
10.2.8 块元素和行内元素 220
10.3 列表、表格与媒体元素 220
10.3.1 列表 220
10.3.2 表格 223
模块11 综合网页设计实例
11.1 企业网站设计 230
11.1.1 网页创意构思 230
11.1.2 Photoshop网页效果图设计 230
11.1.3 Dreamweaver首页制作 232
11.2 网页导航栏制作 248
参考文献 256