Web前台设计实例教程PDF电子书下载

第Ⅰ篇 使用Dreamweaver 4.O进行网页设计和网站管理 3

第1章 初识网页 3

1.1 网页实例 3

1.1.1 个人网站“星星点灯” 3

1.1.2 商业网站“指南针” 6

1.2 有关网页制作的基础知识 7

1.2.1 网页的基本组成元素 7

1.2.2 HTML简介 12

1.2.3 WWW的工作机制 13

1.2.4 网页制作“三剑客” 14

小结 14

第2章 Dreamweaver 4.0概貌 16

2.1 Dreamweaver4.0的新增功能 16

2.2 Dreamweaver4.0的工作环境 18

2.2.1 主编辑窗口 18

2.2.2 属性检测器 20

2.2.3 对象(0bjects)面板 22

2.2.4 启动(Launcher)面板 25

2.2.5 历史(History)面板 26

2.2.6 HTML样式(HTML Styles)面板 27

2.2.7 CSS样式(CSS Styles)面板 27

2.2.8 库(Library)面板 28

2.2.9 HTML源代码检查器 28

2.2.10 框架(Frames)面板 28

2.2.11 层(Layers)面板 28

2.2.12 模板(Templates)面板 29

2.2.13 快捷菜单 29

2.3.1 常规(General)参数设置 30

2.3 用户参数的设置 30

2.3.2 源代码颜色(Code Colors)参数设置 32

2.3.3 源代码格式(Code Format)参数设置 32

2.3.4 代码重写(Code Rewriting)设置 33

2.3.5 CSS样式(CSS Styles)设置 34

2.3.6 文件类型/编辑器(File Types/Editor)设置 34

2.3.7 字体/编码(Font/Encoding)参数设置 35

2.3.8 突出显示(Highlighting)参数设置 36

2.3.9 面板(Panels)设置 37

2.3.10 状态栏(Status Bar)参数设置 38

2.4 Dreamweaver4.0的菜单简介 39

2.3.11 其他设置 39

小结 40

第3章 创建新的网页 41

3.1 本地站点管理 41

3.1.1 新建本地站点 41

3.1.2 站点文件管理 42

3.1.3 站点地图 43

3.2 创建网页 44

3.2.1 创建网页的有关操作 44

3.2.2 设置页面属性 46

3.2.3 网页的预览 47

3.3 插入文本 48

3.3.1 文本的样式 48

3.3.2 文本的颜色 51

3.4 插入图像 52

3.4.1 插入普通图像 53

3.4.2 插入翻转图像 54

3.4.3 外部图像编辑器 54

3.4.4 设置图像属性 55

3.5 插入其他修饰符 57

3.5.1 插入项目符号 58

3.5.2 插入分隔线 60

3.5.3 插入特殊字符 61

3.5.4 插入日期和时间 62

3.5.5 插入注释文字 63

3.5.6 插入行终止符号 64

3.6 段落的格式 64

3.6.1 创建新段落 64

3.6.3 缩进段落 65

3.6.2 对齐段落 65

3.7 创建超级链接 66

3.7.1 文本的超级链接 66

3.7.2 图片的超级链接 67

小结 69

第4章 网页定位技术 70

4.1 表格 70

4.1.1 创建表格 70

4.1.2 设置表格属性 71

4.1.3 表格的嵌套 72

4.1.5 表格的修改 73

4.1.4 填充表格 73

4.1.6 表格中行、列及单元格的设置 77

4.2 框架与框架集 80

4.2.1 创建框架和框架集 80

4.2.2 创建嵌套的框架集 81

4.2.3 编辑框架 81

4.2.4 生成无框架内容 85

4.3 图层 85

4.3.1 CSS简介 85

4.3.3 创建层 87

4.3.2 层的分类 87

4.3.4 设置层属性 88

4.3.5 有关层的操作 90

4.3.6 层的嵌套 93

4.3.7 将层转换为表格 94

4.4 模板 95

4.4.1 模板的概念 95

4.4.2 创建模板 97

4.4.3 使用模板编辑器 97

4.4.5 自动更新 98

4.4.4 编辑模板 98

4.4.6 在模板中使用样式、时间线及行为 100

小结 100

第5章 动态HTML技术 101

5.1 什么是动态HTML 101

5.2 行为的概念 101

5.2.1 什么是行为 101

5.2.2 行为的附加及修改 102

5.3.1 调用JavaScript(Call JavaScript) 103

5.3 使用Dreamweaver 4.0中的行为 103

5.3.2 改变属性(Change Property) 104

5.3.3 检查浏览器(Check Browser) 104

5.3.4 检查插件(Check Plugin) 106

5.3.5 控制Shockwave或Flash(Control Shockwave or Flash) 107

5.3.6 拖动图层(Drag Layer) 107

5.3.7 跳转到URL(Go To URL) 109

5.3.8 编辑跳转菜单(Jump Menu) 109

5.3.9 打开浏览器窗口(Open Browser Window) 110

5.3.10 播放声音(Play Sound) 111

5.3.12 预载图像(Preload Images) 112

5.3.11 弹出信息(Popup Message) 112

5.3.13 设置导航条图像(Set Nav Bar Image) 113

5.3.14 设置文本(Set Text) 114

5.3.15 替换图像(Swap Image) 116

5.3.16 替换图像恢复(Swap Image Restore) 117

5.3.17验证表单(Validate Form) 117

5.4 用时间线制作DHTML动画 118

5.4.1 时间线的概念 118

5.4.3 使用时间线创建时间线动画 120

5.4.2 准备图层 120

5.4.4 通过拖动路径创建时间线动画 121

5.4.5 修改时间线的属性 121

5.4.6 加入行为 122

小结 124

第Ⅱ篇 使用Fireworks 4.O进行网络图形设计 127

第6章 Fireworks 4.0快速入门 127

6.1 Fireworks 4.0简介 127

6.1.1 Fireworks的优点 127

6.1.2 Fireworks涉及的基本概念 127

6.1.3 Fireworks4.0的新增功能 130

6.2 Fireworks 4.0应用程序界面 132

6.2.1 Fireworks 4.0的窗口结构 132

6.2.2 使用浮动面板 134

6.3 入门实例 136

小结 140

第7章 Fireworks 4.0实例 141

7.1 Fireworks 4.0功能概览 141

7.2 绘图工具的使用实例 143

7.2.1 一个网站Logo图像的制作 143

7.2.2 十字花形按钮的制作 145

7.3 创建动画 150

7.3.1 简单动画的例子 151

7.3.2 复杂动画创作实例之一——淡入、淡出的动画效果 155

7.3.3 复杂动画创作实例之二——一个主页标志(Logo)的制作 160

7.4 热点和切片 165

7.4.1 创建热点 166

7.4.2 创建切片 168

7.5 创建弹出菜单(Pop-up Menu) 170

7.6 应用Fireworks 4.0中的遮罩(Mask) 174

7.6.1 创建位图遮罩 175

7.6.2 创建矢量遮罩 176

7.6.3 区域内遮罩 177

7.6.4 多对象遮罩 178

7.6.5 对象组遮罩 179

7.6.6 文字遮罩 180

7.6.7 一个利用遮罩原理生成按钮的实例 181

7.7 创建按钮和导航条 182

7.7.1 简单二态按钮的制作 183

7.7.2 标准四态按钮的制作 187

7.7.3 导航条的制作 188

7.8 动态翻转图 192

7.8.1 关于翻转图的基本概念 192

7.8.2 利用拖拽方式制作翻转图 192

7.8.3 传统翻转图的制作方法 195

小结 196

第8章 Fireworks 4.0中文件的导入和导出 198

8.1 文件的导入方式 198

8.1.1 打开 198

8.1.2 用导入方式生成Fireworks文档 199

8.1.3 在已打开的Fireworks文档中导入文件 202

8.2.1 导出图像实例 206

8.2 文件的导出 206

8.2.2 导出的结果 207

8.2.3 用导出向导来导出图像 207

8.2.4 导出中的优化和预览 210

8.2.5 导出一个区域 211

8.2.6 导出矢量路径 213

小结 216

9.1 Flash简介 219

9.1.1 Flash的发展背景 219

第9章 Flasr 5.0概述 219

第Ⅲ篇 使用Flash 5.0进行动画设计 219

9.1.2 Flash的特点 220

9.2 初识Flash 5.0 221

9.2.1 Flash 5.0的新增功能 221

9.2.2 Flash 5.0对计算机环境的要求 222

9.2.3 Flash 5.0的安装 222

9.3 Flash 5.0的工作环境 223

9.3.1 基本工作环境介绍 223

9.3.2 时间线窗口 224

9.3.3 控制面板 226

9.4 使用Flash 5.0建立一个动画 229

9.5 学习资源 232

小结 232

第10章 基本动画制作 233

10.1 动画中的帧 233

10.2 运动变形动画示例 233

10.2.1 转动的星星 233

10.2.2 渐变的星星 237

10.3.1 一般变形动画 238

10.3 形状变形动画示例 238

10.3.2 可控变形动画 240

10.4 色彩变化动画 242

10.5 逐帧动画 245

小结 247

第11章 高级动画制作 248

11.1 多层动画制作 248

11.2 使用引导层 251

11.2.1 链接引导层 251

11.3.1 遮罩层的基本使用 256

11.2.2 非链接引导层 256

11.3 使用遮罩层 256

11.3.2 水波效果 260

11.4 合成声音 261

11.4.1 声音的引入 262

11.4.2 声音的编辑 262

11.4.3 声音属性 264

11.4.4 在作品中使用声音 266

小结 268

12.1 交互式动画概述 270

第12章 交互式动画 270

12.2 Flasr 5.0的变量、函数和表达式 272

12.2.1 常量 272

12.2.2 变量 272

12.2.3 函数 272

12.2.4 表达式及运算符 273

12.3 播放控制语句 274

12.3.1 Go To(跳转)语句 274

12.3.2 Stop(停止)语句 276

12.3.3 Play(播放)语句 277

12.3.4 Toggle High Quality语句 279

12.3.5 Stop All Sounds语句 279

12.4 控制语句 280

12.4.1 SetVariable(赋值)语句 280

12.4.2 If与Else语句 281

12.4.3 While循环语句 283

12.4.4 Comment注释语句 284

12.4.6 函数调用 285

12.4.5 Trace(跟踪)语句 285

12.5 动画播放控制 287

12.5.1 setProperty(调整属性)语句 287

12.5.2 duplicateMovieClip和removeMovieClip(复制/删除动画片段)语句 289

12.5.3 装载/卸载外部动画语句 291

12.5.4 tellTarget(控制目标)语句 294

12.5.5 getURL(建立URL地址链接)语句 294

小结 295

第13章 Flash作品的输出和发布 296

13.1 作品的输出(Export) 296

13.2.1 发布当前作品 302

13.2 作品的发布(Publish) 302

13.2.2 设置发布作品的格式和参数 303

13.2.3 发布作品的播放效果预览 309

小结 310

第Ⅳ篇 创作实例 313

第14章 个人网站创作实例——Starshine 313

14.1 个人网站设计概述 313

14.1.1 整体规划 313

14.1.2 制作流程 314

14.1.3 网站设计规则与禁忌 315

14.1.4 网站版式结构设计的一般原则 319

14.2 个人网站实例 322

14.2.1 网站内容结构 322

14.2.2 目录结构 322

14.2.3 建立网站地图 323

14.2.4 网站的版式设计 323

14.3 制作引导页 324

14.3.1 引导页分类 324

14.3.2 制作引导页中的动画 325

14.3.3 引导页的最终完成 329

14.4 网页元素的制作 330

14.4.1 Logo的设计 331

14.4.2 背景图案的制作 332

14.4.3 广告条的制作 333

14.4.4 小图标的制作 334

14.4.5 标题设计 335

14.5 制作全局导航条 336

14.6 制作首页 339

14.7 完成个人网站 345

14.7.1 个人影集的制作 346

14.7.2 科技版块的制作 347

14.8 全面检查网站 351

14.9 发布并宣传自己的网站 351

14.9.1 发布个人网站 351

14.9.2 宣传自己的网站 353

小结 356

第15章 综合实例——商业网站“指南针” 357

15.1 建设商业网站的准备工作 357

15.1.1 规划商业网站 357

15.1.2 建立商业网站的过程 359

15.2 “指南针”网站实例概况 361

15.2.1 浏览整个网站 362

15.2.2 网站中各文件的层次安排 366

15.3 建设商业网站——网页设计与制作 367

15.3.1 定义本地站点 367

15.3.2 首页设计 368

15.3.3 页面布局 370

15.3.4 使用模板建设网站 373

15.4.1 个性化风格 376

15.4.2 Logo图像的设计 376

15.4 建设商业网站——设计和制作网页图像与动画 376

15.4.3 设计导航条按钮 378

15.4.4 使用Flash 5.0制作网站首页动画 383

15.4.5 发挥你的美术才能 385

15.5 建设商业网站——电子商务实践 385

15.5.1 电子商务应用的三种模式 385

15.5.2 实现网上旅游预约 386

15.5.3 在Dreamweaver4.0中使用ASP 389

15.5.4 如何实现社区特色服务 397

15.5.5 站点的维护 406