第1章 网站设计基础 1
1.1准备工作 1
1.1.1相关领域与技能 1
1.1.2所需设备与工具 3
1.2网站与HTML 6
1.21网站的工作原理 6
1.2.2浏览器 7
1.2.3了解HTML 7
1.3创建一张简单的网页 10
1.3.1输入内容 10
1.3.2内容结构化 12
1.3.3添加样式 14
1.4本章小结 17
第2章 网站规划与设计 18
2.1确定主题与视觉隐喻 18
2.1.1主题 18
2.1.2视觉隐喻 19
2.1.3头脑风暴 20
2.2信息架构 21
2.2.1内容的创建与归类 21
2.2.2用户意见收集与信息架构确定 23
2.3网页的版式布局 26
2.31常见的布局方式 27
2.3.2布局原则 30
2.3.3布局元素 32
2.3.4绘制布局草图 32
2.4色彩设计 34
2.4.1色彩对情绪的影响 34
2.4.2色彩搭配原则 36
2.4.3利用工具创建色彩方案 39
2.5导航的设计 41
2.5.1导航设计原则 42
2.5.2导航的样式 43
2.5.3面包屑导航 45
2.6网站的文字排版规范 45
2.6.1按重要性排列文字顺序 46
2.6.2利用列表增强可读性 46
2.6.3最有效的工具——标题 47
2.6.4字号和字体的选择 48
2.6.5行间距与段间距 49
2.6.6文字对齐和强调 49
第3章 网页图像处理 51
3.1数字图像基础 51
3.1.1图像素材获取与处理 51
3.1.2网页专用图像格式 53
3.1.3图像处理原则 54
3.2 Photoshop图像处理基础 56
3.2.1 Adobe Photoshop的关键概念 56
3.2.2常用工具 57
3.2.3基本操作 58
3.3网站效果图设计案例 71
3.3.1案例1：游侠相册 71
3.3.2案例2：玖零社团 84
第4章 网页动画制作 91
4.1网页动画基础 91
4.1.1认识动画 91
4.1.2网页动画形式 91
4.2 Flash CS4概述 93
4.2.1界面介绍 93
4.2.2文档基本操作 95
4.2.3文档的测试和发布 97
4.2.4常用工具与面板 97
4.2.5图层与时间轴 102
4.2.6元件 105
4.2.7“库”面板 108
4.3创建Flash动画 111
4.3.1创建基本动画 111
4.3.2引导动画和遮罩动画 119
4.3.3基础实例 121
4.4网站动画制作实例 125
4.4.1 Logo动画 125
4.4.2小广告动画 126
4.4.3图片展示动画 128
第5章 结构化页面制作和HTML基础 133
5.1网站的建立 134
5.1.1网站的建站规划 134
5.1.2网站的建立规则 136
5.1.3 HTML标记简介 137
5.1.4新建站点 138
5.1.5页面基本标记介绍 142
5.2网页文本内容编辑 143
5.2.1设置页面标题 143
5.2.2插入文本内容 144
5.2.3用项目列表创建导航 148
5.2.4插入和使用表格 150
5.2.5内容容器标记介绍 153
5.3网页多媒体对象编辑 154
5.3.1使用图像 154
5.3.2插入Flash对象 155
5.3.3插入视频对象 157
5.3.4插入音频对象 158
5.3.5多媒体对象标记介绍 160
5.4网页超链接编辑 160
5.4.1地址和链接 160
5.4.2添加页面链接 161
5.4.3书签链接和热点链接 163
5.4.4其他链接 166
5.4.5超链接标记介绍 167
5.5网站发布 168
5.5.1网站空间申清 168
5.5.2站点上传和访问 169
第6章 页面样式和布局控制 171
6.1 CSS元素设计 172
6.1.1CSS基础 172
6.1.2文本的样式 180
6.1.3颜色与背景 185
6.1.4超链接样式 186
6.2 CSS布局控制 195
6.2.1盒模型 195
6.2.2浮动与定位 198
6.2.3布局与排版 202
6.2.4 页面整体调整 204
第7章 增强网页交互效果 207
7.1网页交互技术介绍 207
7.1.1 DHTML简介 207
7.1.2 javaScript和jQuery库介绍 207
7.1.3其他前端开发库简介 208
7.2 jQuery库使用基础 208
7.2.1 jQuery使用准备 208
7.2.2 jQuery的页面载入 211
7.2.3 jQuery修改页面对象 212
7.2.4事件驱动机制介绍 213
7.2.5“玖零社团”日期板的制作 217
7.3 jQuery插件的使用 221
7.3.1 jQuery插件的获取和引用 221
7.3.2 jQuery插件的使用 222
7.3.3“游侠相册”查看大图效果的制作 222
第8章 网站案例设计开发实录 224
8.1“玩美设计”案例的设计开发 224
8.1.1“玩美设计”网站最终效果 224
8.1.2网站色彩与布局分析 225
8.1.3使用Photoshop软件设计版面效果 227
8.1.4使用Flash制作网站动画素材 236
8.1.5使用Dreamweaver软件制作页面 243
8.1.6网站发布 258
8.2“雨林影院”案例的设计开发 260
8.2.1“雨林影院”网站最终效果 260
8.2.2网站色彩与布局分析 262
8.2.3使用Photoshop软件设计效果图 263
8.2.4使用Flash制作网站动画素材 270
8.2.5使用Dreamweaver软件制作页面 272
8.2.6网站发布 285
8.3“创新工坊”案例的设计开发 286
8.3.1网站色彩与布局分析 286
8.3.2使用Photoshop软件设计版面效果 287
8.3.3效果图切片与输出 294
8.3.4组织站点信息 296
8.3.5使用Dreamweaver软件制作页面 299
8.3.6网站发布 307
参考文献 308