网站架构与美工黄金组合PDF电子书下载

第一篇 基础篇 3

第1章 Dreamweaver 3新功能 3

第2章 初识Dreamweaver 3 7

2．1 启动Dreamweaver 3程序 8

2．2 认识Dreamweaver 3的三个工具条 9

2．2．1 属性工具条Properties 9

2．2．2 对象工具条Objects 10

2．2．3 装载器工具条Launcher 10

2．2．4 三个工具条的一些基本使用方法 11

2．3 Dreamweaver 3菜单条简介 13

2．3．1 文件管理菜单(File) 13

2．3．2 编辑菜单(Edit) 14

2．3．3 查看菜单(View) 15

第3章 Fireworks 3新功能 17

第4章 初识Fireworks 3 19

4．1 启动Fireworks 3 20

4．2 浮动选项板含义简述 21

4．2．1 对象属性调整 21

4．2．2 颜色调整 21

4．2．3 图层及影格操作 22

4．2．4 事件行为定义及外部素材使用 22

4．3 Fireworks 3中的工具栏Toolbox 22

第5章 使用Fireworks 3的绘图工具 25

5．1 绘制规则图形 26

5．1．1 矩形绘图工具 26

5．1．2 绘制椭圆和多边形的工具 28

5．2 绘制曲线 29

5．2．1 自由绘图工具 29

5．2．2 钢笔工具 29

5．2．3 绘制任意形状的路径 30

5．2．5 使用副选工具对图形进行编辑 31

5．3 对路径进行描边和填色 31

5．2．4 基于Path的Fireworks矢量绘图 31

5．3．1 对图形的路径进行描边 32

5．3．2 对图形的路径进行填色 33

第6章 使用文字工具及文字特效 35

6．1 用文字编辑器输入文字 36

6．1．1 文字编辑器 36

6．1．2 定义单字属性 37

6．1．3 以路径形式保存文字 38

6．1．4 对文字填色 38

6．1．5 灵活的文字对齐方式 38

6．2 文字的特殊样式效果 40

6．2．1 样式的合成与分解 40

6．2．2 对样式进行自定义 41

6．3 Fireworks 3的其他文字处理功能 41

6．3．1 文字环绕路径功能 41

6．3．2 强大的文字查找和替换功能 42

第7章 使用路径绘制图像 45

7．1 路径的原理 46

7．2 路径的绘制 47

7．2．1 延长和结束一条路径 47

7．2．2 节点性质的转换 48

7．2．3 钢笔工具的功能键 48

7．3 常见的路径编辑命令 48

7．3．1 结合两条路径 49

7．3．2 分开路径 50

7．3．3 接合路径 50

7．3．4 修改线条路径 52

第8章 预览输出图像的效果 57

8．1 图像格式设置面板 58

8．1．1 打开一个PNG格式的图形文件 58

8．1．2 输出预览面板 58

8．1．3 指定输出的文件格式 59

8．2．1 GIF和GIF动画两种图像格式 60

8．2．2 色深(Bit Depth) 60

8．2 GIF和GIF动画文件格式 60

8．2．3 色盘面板(调色板) 61

8．2．4 混色效果 62

8．2．5 图像失真 62

8．2．6 色块显示和编辑 62

8．2．7 编辑颜色属性按钮 62

8．2．8 设置透明色的工具 62

8．2．9 设置背景透明色 63

8．3 JPEG文件格式 63

8．3．1 图像品质 63

8．3．2 图像平滑 63

8．3．3 其他设置 64

8．3．4 启动转存向导 64

8．3．5 启动自动压缩程序 65

8．4．3 多种输出设置 66

8．4．2 无损压缩 66

8．4．1 兼容性 66

8．4 PNG技术简介 66

8．4．4 Alpha通道 67

8．5 其他属性设置 67

8．5．1 文件设置面板 67

8．5．2 动画面板 68

8．5．3 图像预览子窗口 69

8．6 输出图片 69

第9章 Fireworks3中常用的杂项功能 71

9．1 几个特殊的图像导出功能 72

9．1．1 将图层、影格等对象输出到文件中 72

9．1．2 输出为CSS图层 73

9．1．3 输出连续图像 74

9．2 执行批处理 74

9．3 Fireworks 3中的偏好设定 75

第10章 Flash 5新功能 77

第11章 初识Flash 5 79

11．1 Flash 5的启动及其菜单条 80

11．1．2 编辑(Edit)菜单 81

11．1．3 查看(View)菜单 81

11．1．1 文件(Files)菜单 81

11．1．4 插入(Insert)菜单 82

11．1．5 修改(Modify)菜单 82

11．1．6 控制(Control)菜单 82

11．1．7 符号库(Library)菜单 82

11．1．8 窗口(Window)菜单 82

11．2 Flash 5动画的舞台 83

11．1．9 帮助(Help)菜单 83

11．2．1 标尺(Ruler) 84

11．2．2 网格(Grid) 84

11．3 洋葱皮窗口 84

11．3．1 洋葱皮绘图原理 84

11．3．2 洋葱皮绘图演示 85

11．3．3 演示洋葱皮的多种显示功能 85

11．4．1 使用动画图层制作动画的原理 87

11．3．4 对整个序列中的对象进行修改 87

11．4 使用Flash中的图层 87

11．4．2 与图层有关的命令 88

11．4．3 图层的状态提示 88

11．5 Flash 5程序窗口中的其他部分 91

11．5．1 场景/符号名称显示窗口 91

11．5．2 时间线窗口 91

11．5．3 时间线状态显示条 92

第12章 Flash 5中的绘图工具 95

12．1 绘图工具栏 96

12．2 点选工具 97

12．2．1 自动捕捉(Snap) 97

12．2．2 平滑(Smooth) 97

12．2．3 修直(Straighten) 98

12．2．4 旋转(Rotate) 98

12．3．1 字符属性窗口(Character) 99

12．2．5 放缩(Scale) 99

12．3 文字工具 99

12．3．2 段落属性窗口(Paragraph) 100

12．3．3 文本属性窗口(Text Options) 101

12．4 其他绘图工具 102

12．4．1 铅笔工具(Pencil Tool) 102

12．4．2 墨水瓶工具(Ink Bottle) 102

12．4．3 笔刷工具(Brush Tool) 102

12．4．4 油漆桶工具(Paint Bucket Tool) 103

12．4．5 吸管工具(Dropper Tool) 104

12．4．6 橡皮擦工具(Eraser Tool) 104

12．4．7 套索工具(Lasso Tool) 105

12．4．8 手掌工具(Hand Tool) 106

12．4．9 放大镜(Magnifier) 106

12．5 播放控制器 106

第13章 在Flash 5中调制色彩 109

13．1 笔画属性设置窗口 110

13．2 设置填色属性 111

13．2．1 使用单一的颜色进行填充 112

13．2．2 使用渐变色进行填充 113

13．3 混色器和色盘 114

13．3．1 混色器窗口 114

13．3．2 色盘窗口 115

13．4 色彩应用举例 116

第二篇 实战篇 119

第14章 图片和文字的排版 119

14．1 文字处理 120

14．1．1 新建文件 120

14．1．2 设置段落格式 121

14．1．3 设置字体 121

14．1．4 设置字体大小、对齐方式、字型 122

14．1．5 插入空格 122

14．1．6 设置字体颜色 123

14．1．7 设置列表格式 124

14．1．8 修改列表符号 125

14．1．9 定义文字的缩进 125

14．1．10 综合排版示例 126

14．2 HTML源文件编辑器 127

14．2．1 使用自带的源文件编辑器 127

14．2．2 定义外部编辑器 128

14．2．3 使用外部编辑器 128

14．3 图文混合排版 130

14．3．1 插入图片 130

14．3．2 对齐图片 132

14．3．3 在浏览器中预览网页效果 132

14．3．4 移动图片 133

14．3．5 设定图像的尺寸 133

14．3．7 定义图片的外部编辑器 134

14．3．6 改变图片和文字之间的间隔 134

14．3．8 快速下载图像 136

14．3．9 设置图片的边框 136

14．4 在浏览器中预览网页 137

14．4．1 编辑浏览器列表 137

14．4．2 预览结果 138

第15章 合理使用表格 141

15．1 本章制作的最终效果预览 142

15．2．2 设置插入表格的行和列 143

15．2．3 设置表格的边界属性 143

15．2 向网页中插入表格 143

15．2．1 打开“插入表格”对话框 143

15．2．4 向表格中插入图片 144

15．3 选定表格 145

15．3．1 选定整个表格 145

15．3．2 选中表格的一行或一列 145

15．3．3 选中单元格 146

15．4．1 设置单元格的属性 147

15．4 调整表格的属性 147

15．4．2 设置表格的背景色 148

15．4．3 向表格中插入表格 149

15．4．4 合并单元格 150

15．4．5 拆分单元格 151

15．4．6 改变表格边框颜色 151

15．4．7 修改单元格边框颜色 152

15．4．8 使表格边框立体化 153

15．4．9 设置表格的对齐属性 154

15．4．10 设置页面的其他属性值 154

15．4．11 设置背景图片 155

15．4．12 去掉单元格中的空格 156

15．4．13 最终的界面 156

第16章 超链接、动态按钮和影像地图 159

16．1．1 创建新的文件 160

16．1 建立文字的超链接 160

16．1．2 建立指向一个Internet站点的链接 163

16．1．3 改变连接文本的颜色设置 163

16．1．4 选用Dreamweaver提供的颜色组合 164

16．1．5 检验链接 164

16．1．6 插入E-mail链接 165

16．2 使用书签 166

16．2．1 建立书签 166

16．2．3 预览使用书签的效果 167

16．2．2 建立指向书签的链接 167

16．3 建立图片的超链接 168

16．3．1 打开需要建立链接的文件 168

16．3．2 建立图片的超级链接 169

16．3．3 预览图片超链接的效果 169

16．4 制作图片的翻转效果 170

16．4．1 向网页中插入图片 170

16．4．2 添加交互行为 170

16．4．4 加入其他的鼠标、键盘事件和行为 173

16．4．3 使用“插入翻转图”按钮 173

16．4．5 简述鼠标和键盘事件及其响应 174

16．4．6 存盘预览 175

16．5 利用影像地图建立超级链接 175

16．5．1 打开想要建立影像地图的网页 176

16．5．2 打开图片属性选项板 176

16．5．3 添加矩形热点 177

16．5．4 调整热点区域的大小和位置 177

16．5．5 设置热点链接的属性 178

16．5．6 绘制圆形热点 178

16．5．7 绘制多边形热点 179

16．5．8 调整和删除热点区域 180

16．5．9 预览影像地图的效果 180

第17章 进行全网站管理 183

17．1 进入站点管理 184

17．1．1 打开站点管理窗口 184

17．1．2 远程站点管理 185

17．2 编辑站点属性 186

17．2．1 打开站点编辑窗口 187

17．2．2 设置本地信息属性 187

17．2．3 设置Web服务器信息 188

17．2．4 利用FTP进行网站内容的修改和传输 189

17．2．5 检查下载/上传 190

17．2．6 站点地图布局 192

17．3．1 例示在一个文件夹中进行查找 194

17．3 文件中单词搜索 194

17．2．7 完成站点的定义并创建新的站点 194

17．3．2 选择要查找的文件夹 195

17．3．3 选择查找方式 195

17．3．4 选择查找范围 195

17．3．5 查找结果显示 196

17．4 其他站点管理功能 197

17．4．1 检查目标浏览器兼容性 197

17．4．3 保持文件同步 198

17．4．2 全网站范围内改变链接 198

第18章 利用图层进行绝对定位 201

18．1 向页面中添加图层 202

18．1．1 向页面中添加一个图层 202

18．1．2 设置图层的属性 203

18．1．3 向这个图层中插入标题图片 204

18．1．4 图层管理窗口 204

18．1．5 图层和表格之间的互相转换 205

18．2 制作十二生肖的显示效果 207

18．2．1 插入表格和图层 207

18．2．2 添加文字的行为 207

18．2．3 在Dreamweaver 3中预览网页效果 208

18．2．4 在浏览器中预览显示效果 210

18．3 使用图层的隐藏/显示行为 210

18．3．1 添加显示隐藏图层的行为 210

18．3．2 预览显示图层的效果 211

第19章 创建和校验表单 213

19．1 表单Forms组中包括的各种表单元素 214

19．2 使用表单元素创建一个实际的表单 215

19．2．1 创建一个空表单 215

19．2．2 设置表单属性 216

19．2．3 输入姓名和密码 217

19．2．4 插入按钮 218

19．2．5 预览显示效果 218

19．2．6 调整页面结构 219

19．2．7 插入多种表单元素后的页面 219

19．2．8 插入列表或菜单 220

19．2．9 插入单选框 222

19．2．10 添加复选框 223

19．2．11 插入表单组中的隐藏元素 223

19．2．12 插入文本区域 224

19．3 预览完成的表单 224

19．4．1 配置表单 225

19．4 校验表单 225

19．4．2 打开校验表单对话框 226

19．4．3 设置必填域的校验 227

19．4．4 设置电子邮件的校验 227

19．4．5 设置数值域的校验 227

19．4．6 设置交互行为的事件 228

19．4．7 设置提示信息 228

19．5 预览校验效果 229

19．5．1 空输入时的报错信息 229

19．5．2 电子邮件域的警告 229

19．5．3 数值域中的警告信息 230

19．5．4 设置即时校验 230

19．5．5 设置交互行为的事件 231

第20章 在网页中使用CSS 233

20．1 预览CSS排版效果 234

20．2．2 编辑样式表窗口 235

20．2．1 打开样式窗口 235

20．2 定义新的样式 235

20．2．3 新建样式窗口 236

20．2．4 样式定义窗口 237

20．2．5 编辑边框属性 238

20．2．6 预览图片边框效果 239

20．3 重新定义HTML中的标签 240

20．3．1 新建一个可编辑的样式 240

20．3．2 对超级链接的标签进行重定义 240

20．3．3 定义超级链接的背景 241

20．3．4 查看定义的内容 242

20．3．5 重新定义图片的标签 243

20．3．6 重新定义单元格的标签 244

20．4 使用CSS样式选择器进行编辑 246

20．4．1 新建一个使用CSS选择器的样式 246

20．4．2 定义鼠标滑过时的超级链接样式 246

20．4．3 在浏览器中预览定义的效果 247

第21章 在网页中使用框架 249

21．1．1 打开框架窗口 250

21．1 创建一个新的框架页 250

21．1．2 创建框架 251

21．1．3 改变框架分割线位置 252

21．1．4 分割子框架 252

21．1．5 将框架分割方法存盘 253

21．2 编辑各个框架的属性 253

21．2．1 为框架命名 253

21．2．2 将各个框架页存盘 255

21．2．3 在框架中打开已经存在的网页 255

21．2．4 预览框架页效果 255

21．2．5 在浏览器中调整框架页大小 256

21．2．6 设置框架页的边框 256

21．2．7 在浏览器中预览 257

21．2．8 设置框架页的主题 257

21．3．1 设置框架中的超链接 258

21．3 直接在框架中编辑网页 258

21．3．2 设置框架的背景色 259

21．3．3 预览编辑效果 259

第22章 利用时间线实现动画技术 261

22．1 添加制作动画的元素 262

22．1．1 打开一个网页 262

22．1．2 插入一个图层 263

22．1．3 插入动画内容 263

22．2 使用时间线窗口编辑动画 264

22．2．1 打开时间线窗口 264

22．2．2 添加动画对象 264

22．2．3 设置动画的长度 265

22．2．4 设置动画运动的始终点 265

22．2．5 添加关键帧 266

22．2．6 设置关键帧位置 267

22．2．7 设置时间线播放属性 267

22．2．8 最后时间线窗口中的设置 268

22．2．9 预览时间线动画效果 269

22．3 制作更复杂的动画 269

22．3．1 插入图层 269

22．3．2 在时间线中新建一个对象 270

22．3．3 设置复杂的曲线运动轨迹 270

22．3．4 移动轨迹的位置 271

22．3．5 预览图文混排的动画效果 272

22．4 利用时间线实现动画闪烁技术 272

22．4．1 添加一个图层 272

22．4．2 将图层插入到时间线中 273

22．4．3 在时间线中添加关键帧 273

22．4．4 设置图层的可见性 274

22．4．5 设置中间关键帧的属性 275

22．4．6 在Dreamweaver 3中预览动画效果 275

22．4．7 设置时间线属性 276

22．4．8 在浏览器中预览动画效果 276

22．4．9 调试页面效果 277

第23章 模板和库的使用 279

23．1 新建模板 280

23．1．1 新建模板 280

23．1．2 编辑模板 281

23．1．3 定义可编辑区域 282

23．1．4 撤销可编辑区域 283

23．1．5 新建可编辑区域 283

23．1．6 保存模板 284

23．1．7 从模板中新建网页 284

23．1．8 从模板中新建网页的修改 285

23．2 打开已有的模板 286

23．2．1 打开使用了模板的站点 286

23．2．2 编辑从模板新建的网页 287

23．2．3 打开模板编辑窗口 287

23．2．4 模板中可编辑区域的源文件 288

23．3 新建库项目 289

23．2．6 模板的更新 289

23．2．5 将网页保存为模板 289

23．3．1 打开库窗口 290

23．3．2 新建库项目 290

23．3．3 编辑库项目 291

23．3．4 更新库项目 292

第24章 杂项功能及使用多媒体 295

24．1 使用插件 296

24．1．1 插入Shockwave影片 296

24．1．2 插入Flash 298

24．1．3 插入Java Applet 298

24．1．4 插入ActiveX 299

24．1．5 插入Plugin 300

24．1．6 插入由Fireworks 3生成的HTML文件 301

24．2 插入各种页面元素 302

24．2．1 插入特殊字符 302

24．2．3 快速标签编辑器 303

24．2．2 插入水平线 303

24．2．4 插入导航条 304

24．2．5 插入日期 304

24．2．6 进行自动刷新 305

24．2．7 插入注释 306

24．2．8 拼写检查 307

24．2．9 清理HTML样式 307

第25章 切割图片并输出 309

25．1 对图片进行分块切割 310

25．1．1 采用矩形工具切割图片 311

25．1．2 采用多边形切割工具进行切割 311

25．2 预览切割效果 312

25．2．1 用单一预览窗口预览切割效果 312

25．2．2 用2-Up窗口预览图片输出效果 314

25．3 定制图片输出格式和效果 315

25．3．1 打开最佳化窗口 315

25．2．3 用4-Up窗口预览图片输出效果 315

25．3．2 比较JPEG输出效果 316

25．3．3 比较GIF格式输出效果 317

25．4 使用转存预览窗口输出切割结果 318

25．4．1 指定图片输出区域进行输出 318

25．4．2 输出预览窗口中的按钮说明 319

25．4．3 保存和使用此转存预览窗口中的设置 320

25．4．4 输出图片 320

25．5．2 在浏览器中浏览输出效果 321

25．5 定制其他的输出格式 321

25．5．1 输出切割结果到HTML文件中 321

25．5．3 输出为Dreamweaver 3的模板 322

25．5．4 在Dreamweaver 3中查看输出效果 322

第26章 制作图片的动态交换效果 325

26．1 制作切割区域 326

26．1．1 选择两幅图片 326

26．1．3 设置标识区域的属性 327

26．1．2 切割图片 327

26．2 制作用于动态交换的图片 328

26．2．1 得到切割区域大小的信息 328

26．2．2 新建指定大小的图片 329

26．2．3 修改画布大小 330

26．2．4 修改画布颜色 331

26．2．5 在画布上绘制图像 331

26．2．6 引入图片 332

26．3 设置切割区域行为 333

26．3．1 设置切割区域的行为 333

26．3．2 添加按钮的事件响应和行为 335

26．4 预览网页效果 336

第27章 Fireworks 3的综合运用 339

27．1 图片的特殊设置 340

27．1．1 打开特效窗口 340

27．1．2 应用特殊效果 341

27．1．4 设置光晕效果 342

27．1．3 设置阴影效果 342

27．1．5 其他特殊效果 343

27．1．6 应用运动残影 344

27．2 制作标题图片 345

27．2．1 预览标题图片效果 345

27．2．2 输入文字 346

27．2．3 设置背景色 346

27．2．4 设置文字特殊效果 347

27．2．5 设置文字的背景图形 347

27．2．6 设置矩形的特殊效果 348

27．2．7 切割图片 349

27．2．8 输出切割区域 349

27．3 制作立体边框 350

27．3．1 表格边框的原理 350

27．3．2 绘制圆角矩形 350

27．3．3 设置圆角矩形的立体效果 351

27．3．4 切割图片并输出 352

第28章 用Flash 5制作精彩动画 355

28．1 制作符号 356

28．1．1 新建符号 356

28．1．2 输入文字 357

28．1．3 显示网格和标尺 358

28．1．4 打散文字 358

28．1．5 给文字填色 359

28．1．6 调整文字的填色效果 360

28．1．7 将图像转变为符号 361

28．1．8 在符号库中查看新建的符号 361

28．2 利用符号库编辑动画 361

28．2．1 建立符号的样例 361

28．2．2 向场景中插入关键帧 362

28．2．3 产生动画变化 362

28．2．4 设定Flash动画的属性 363

28．3．1 插入遮照效果后面的层 364

28．3 制作遮照效果 364

28．2．5 预览输出的动画效果 364

28．3．2 插入和编辑遮照物符号 365

28．3．3 插入并编辑遮照层 365

28．3．4 产生遮照效果 366

28．3．5 预览遮照效果 367

28．4 制作使用简单移动导线的动画 368

28．4．1 旋转图片 368

28．4．2 添加移动导线层 369

28．4．3 添加符号到轨迹 370

28．4．4 产生沿着轨迹的移动 371

28．4．5 预览输出作品 371

28．5 制作使用闭合移动导线的动画 372

28．5．1 新建一个符号 372

28．5．2 编辑移动导线图层 372

28．5．3 移动导线的参数设置 374

28．5．4 预览动画效果 375

第29章 用Flash 5制作动态按钮 377

29．1 制作动态按钮 378

29．1．1 编辑鼠标滑过的影格 379

29．1．2 编辑鼠标按下的影格 380

29．1．3 向图层中加入文字 380

29．1．4 插入空白关键帧 381

29．1．5 使用库中的动态按钮 381

29．1．6 预览动态按钮效果 382

29．2 设定按钮的超级链接 383

29．2．1 打开行为设置窗口 383

29．2．2 添加鼠标事件 384

29．2．3 设定URL参数 386

29．3 制作具有动画效果的动态按钮 387

29．3．1 编辑电影片段 387

29．3．2 插入电影片段 388

29．3．3 预览按钮效果 388