PART1 Dreamweaver CS4与Web2&0开发基础 3
第1章 Web2.0时代的网站开发 3
1.1 Web2.0 4
1.1.1 强调用户体验设计 4
1.1.2 Web2.0页面设计 5
1.2 Web2.0主流特色技术 7
1.2.1 CSS布局 7
1.2.2 Ajax(JavaScript) 8
1.2.3 各种框架 9
1.3 标准化的网页 11
1.3.1 如何学习网页标准 12
1.3.2 网页标准化的优点 14
1.4 Dreamweaver CS4给予设计师的支持 15
1.4.1 Dreamweaver CS4新功能 15
1.4.2 使用Dreamweaver快速建立符合Web2.0规格的Sp框架 16
1.5 标准化让我们更轻松 18
1.5.1 CSS让网页更容易设计与维护 19
1.5.2 扔掉Table使用XHTML+CSS的布局 20
1.5.3 DIV+CSS网站的命名规则有利于网站优化 21
1.5.4 通过精简CSS来实现控制网页文件大小 22
第2章 Dreamweaver CS4光速入门 25
2.1 创建站点 26
2.1.1 使用向导搭建站点 26
2.1.2 使用高级设定搭建站点 28
2.2 管理站点 29
2.2.1 文件管理 30
2.2.2 站点编辑 30
2.2.3 利用站点地图规划站点 31
2.3 3分钟制作一个网站 32
第3章 Web2.0站点开发流程 35
3.1 静态网站与动态网站 36
3.1.1 什么是静态网站与动态网站 36
3.1.2 静态网站与动态网站的应用 36
3.2 网站开发流程 37
3.2.1 网站开发基本流程 37
3.2.2 站点策划相关知识 38
3.2.3 站点开发人员分工 40
3.3 网站策划书 41
3.3.1 网站策划书都要写些什么 42
3.3.2 网站策划书范例 42
第4章 你—定需要掌握HTML代码吗 47
4.1 为什么要掌握HTML代码 48
4.1.1 HTML代码的重要性 48
4.1.2 了解HTML代码 48
4.2 编辑HTML代码 52
4.2.1 Dreamweaver中的HTML源码编辑窗口 52
4.2.2 使用代码窗口的快捷菜单 52
4.3 优化HTML源码 53
4.3.1 快速标签编辑器 53
4.3.2 优化HTML代码 54
4.4 查找与替换 56
4.4.1 使用查找功能 56
4.4.2 替换功能的使用 57
4.4.3 高级查找功能 58
4.4.4 搜索标签 59
4.4.5 存储查找和替换设置 60
4.5 使用Dreamweaver手工编写代码 60
4.5.1 使用“代码”面板 60
4.5.2 标签选择器和标签编辑器的使用 62
4.5.3 代码提示功能 64
4.6 关于XHTML 65
4.6.1 为何要将HTML升级为HTML 65
4.6.2 XHTML和HTML的区别 65
4.6.3 如何将HTML页面转换为XHTML 67
第5章 页面设计的思考 68
5.1 确定网站页面 69
5.1.1 简单化 69
5.1.2 水平居中布局 72
5.1.3 更少的分列 73
5.1.4 把页面的顶栏和页面分开 75
5.1.5 明显的边缘 76
5.1.6 简洁的导航栏 76
5.1.7 粗体LOGO 77
5.1.8 更大的字体 77
第6章 页面布局利器—CSS盒子戏法 78
6.1 为何要使用CSS 79
6.2 理解CSS盒子模型 80
6.2.1 何为盒子模型 80
6.2.2 使用盒子模型的原因 80
6.3 实现结构与表现相分离 81
6.4 熟悉工作流程 82
6.5 常用CSS代码及应用 82
6.5.1 CSS样式的类型 82
6.5.2 使用CSS编辑器 83
6.5.3 在CSS面板中快速修改样式 100
6.5.4 编辑CSS样式 101
6.5.5 设计时间样式表 102
6.5.6 使用CSS美化页面 103
6.6 CSS高级应用 106
第7章 DIV排兵布阵 113
7.1 DIV+CSS是什么 114
7.1.1 DIV是什么 114
7.1.2 DIV+CSS的优势 114
7.1.3 DIV+CSS的问题 115
7.2 Absolute与Relative 115
7.2.1 Absolute 116
7.2.2 Relative 116
7.2.3 Absolute与Relative应用实战 116
7.3 并非所有内容都要使用DIV做“容器” 117
7.4 掌握DIV布局 118
7.4.1 案例分析 118
7.4.2 案例实战 119
7.4.3 案例总结 133
7.5 解读DIV+CSS网页制作误区 135
7.5.1 节省代码不是唯一目的 135
7.5.2 id是狙击枪,class是双刃剑 136
7.5.3 工作上也做到“结构与表现分离” 136
7.5.4 CSS不是万能的,没有CSS也不是万万不能的 137
第8章 表格 138
8.1 了解表格 139
8.1.1 表格的代码结构 139
8.1.2 表格的边框属性Border 140
8.1.3 表格的边框色属性Bordercolor 141
8.1.4 单元格间距属性CellSpacing 143
8.1.5 单元格边距属性CellPadding 144
8.1.6 表格的水平对齐属性ALIGN 145
8.2 表格基本操作 145
8.2.1 表格整体设置 145
8.2.2 编辑表格内容 150
8.3 使用表格进行页面排版 157
8.3.1 创通科技页面的制作 157
8.3.2 农资导刊网络版页面 160
8.4 表格的优缺点 163
8.4.1 表格排版的优势 163
8.4.2 表格的劣势 164
第9章 打开布局思路 165
9.1 打破布局模式 166
9.2 像表格一样布局DIV 166
9.2.1 在非IE浏览器中的实现 166
9.2.2 IE浏览器中的解决方案 167
PART2 网站元素与相关技术剖析 171
第10章 文字—网站主角化妆 171
10.1 文字的重要性 172
10.2 网页字体设计守则 173
10.2.1 字体传达的印象 173
10.2.2 文字的粗细 174
10.2.3 文字的字号 175
10.2.4 网页字体设计守则 176
10.3 字体设计实例 177
10.3.1 为网页中加入文字 177
10.3.2 设定文字变形 179
10.3.3 制作文字特效 180
第11章 图片无处不在 186
11.1 网页图像常用格式 187
11.1.1 GIF图像 187
11.1.2 JPG图像 188
11.1.3 PNG图像 188
11.2 图像在网页中的应用 189
11.2.1 网页图像使用范围 189
11.2.2 图像选用技巧 190
11.3 网页图像处理 192
11.3.1 Logo的制作 192
11.3.2 页面整体效果的制作 194
11.4 图像运用实例 196
11.4.1 网页图像的插入 197
11.4.2 插入鼠标经过图像 202
11.4.3 插入导航条 203
11.4.4 外部图像编辑器的设置与启用 205
11.5 用CSS控制网页背景图 207
11.5.1 背景颜色background-color 207
11.5.2 背景图片background-image 207
11.5.3 设置背景图样式 207
11.5.4 在Dreamweaver CS4中设置背景图 208
第12章 CSS滤镜万花筒 210
第13章 规范的链接 214
13.1 关于链接 215
13.1.1 准备知识 215
13.1.2 创建链接 216
13.1.3 链接检查与测试 222
13.2 规范的链接 223
第14章 人性化导航 224
14.1导航制作注意事项 225
14.1.1 导航颜色设计守则 225
14.1.2 测试导航可行性 225
14.1.3 保持导航的合理性 225
14.1.4 走出导航设计的误区 227
14.2 各种人性化导航及制作 228
14.2.1 制作Vista风格导航 228
14.2.2 制作Flash导航 231
第15章 美丽智能的表单 235
15.1 关于表单的基本知识 236
15.1.1 表单概述 236
15.1.2 插入表单体及表单元素 236
15.1.3 表单元素的介绍 237
15.1.4 设置表单元素的属性 239
15.2 构建表单页面 240
15.2.1 构建基本的表单页面 240
15.2.2 设置表单的提交属性 246
15.3 表单验证 247
15.4 美化表单 248
15.4.1 定义文本样式 249
15.4.2 定义背景样式 250
15.4.3 定义链接样式 250
15.4.4 定义文本字段样式 251
15.4.5 定义按钮样式 252
15.5 Ajax智能表单 252
15.5.1 什么是Ajax 252
15.5.2 XML Http Request Ajax实例简介 254
15.5.3 Ajax适用场景 261
15.5.4 Ajax不适用场景 262
15.5.5 使用XForms和Ajax创建自动建议表单字段 262
第16章 丰富的多媒体元素 270
16.1 网页多媒体 271
16.1.1 网页静态多媒体的基本类型 271
16.1.2 网页多媒体音频、视频的基本类型 273
16.2 制作多媒体页面 275
16.2.1 插入音乐 275
16.2.2 插入视频 277
16.3 插入其他多媒体内容 277
16.3.1 在网页中插入Shockwave动画 277
16.3.2 插入ActiveX控件 277
16.3.3 插入JavaApplet 278
16.3.4 添加Netscape Navigator插件内容 279
第17章 Web2.0中的Flash 282
17.1 如何调用Flash 283
17.1.1 插入Flash动画 283
17.1.2 插入Flash视频 285
17.2 Flash高级应用 286
第18章 交互能手JavaScript 288
18.1 JavaScript简介 289
18.2 JavaScript基本语法 290
18.2.1 常量和变量 290
18.2.2 表达式和运算符 291
18.2.3 基本程序语句 292
18.2.4 函数 294
18.3 JavaScript事件 295
18.4 JavaScript的对象 297
18.4.1 浏览器对象 298
18.4.2 JavaScript内置对象 300
18.4.3 自定义对象 302
第19章 与模板打交道 304
19.1 Web2.0设计模板 305
19.2 CMS系统 305
19.2.1 认识CMS系统 306
19.2.2 使用CMS系统 307
19.2.3 国内免费CMS系统介绍 308
19.2.4 国外的CMS系统与国内CMS系统的区别 313
PART3 网站后期维护与推广 317
第20章 网站大体检 317
20.1 测试本地站点 318
20.1.1 站点兼容性测试 318
20.1.2 检查链接错误 318
20.2 错误的修正 319
第21章 把—切交给服务器 320
21.1 定义远程服务器 321
21.1.1 FTP服务器的站点设置 321
21.1.2 局域网站点的设置 323
21.2 站点上传 323
21.2.1 连接到远程服务器 323
21.2.2 上传文件 323
21.3 存回和取出文件 324
21.3.1 取出 325
21.3.2 存回 325
21.3.3 取消取出或存回操作 326
21.4 测试文件下载时间 326
21.5 使用设计备注 327
21.6 使用遮盖 328
21.7 IIS的安装和调试 329
21.7.1 安装IIS 330
21.7.2 配置IIS 331
21.8 简单ASP页面的编写 333
第22章 SEO—让搜索引擎找到我 334
22.1 关于搜索引擎 335
22.2 什么是SEO 336
22.2.1 让搜索引擎营销创造财富 336
22.2.2 网站的搜索引擎营销 336
22.2.3 关于SEO 337
22.2.4 掌握SEO基础知识 338
22.3 如何进行搜索引擎优化 343
22.3.1 从营销角度建设站点 343
22.3.2 将网站加入搜索引擎索引和地址目录 348
22.3.3 网站提交后的策略 350
22.3.4 总结 352
第23章 工作的捷径 353
23.1 辅助工具的使用 354
23.1.1 TopStyle Pro 354
23.1.2 IEDevToolBar 356
23.2 各种辅助资源 357
23.2.1 配色精灵 357
23.2.2 滚动条代码生成器 357
23.3 提高工作效率的方.法 358
23.3.1 Fireworks的批处理功能 358
23.3.2 使用Dreamweaver第三方插件 360
PART4 Web 2.0站点开发实录 371
第24章 CSS Zen Garden站点 371
24.1 案例分析 372
24.1.1 页面布局形式 373
24.1.2 添加文字和图像 373
24.2 案例实现 375
24.2.1 切片、优化和导出 375
24.2.2 页面实现 379
第25章 韩国Miodio站点首页 391
25.1 案例分析 392
25.2 案例实现 393
25.2.1 切片 393
25.2.2 优化和导出 394
25.2.3 页面制作 395
第26章 IGN娱乐公司网站 419
26.1 案例分析 420
26.1.1 页面顶部设计 422
26.1.2 主体内容的设计 423
26.1.3 页脚的设计 425
26.1.4 字体的选择 426
26.2 案例实现 427
26.2.1 切片、优化和导出 427
26.2.2 布局页面 429