网页制作案例与实训教程PDF电子书下载

第1篇 基础知识 2

第1章 网站建设基础知识 2

1.1 构成网页的基本元素 3

1.1.1 网站Logo 3

1.1.2 网站Banner 3

1.1.3 导航栏 3

1.1.4 Flash动画 4

1.2 如何设计网页 4

1.3 常用网页设计软件 4

1.3.1 网页图像设计软件Photoshop CS4 4

1.3.2 网页动画制作软件Flash CS4 4

1.3.3 网页编辑排版软件Dreamweaver CS4 5

1.4 网站建设的基本流程 5

1.4.1 网站的需求分析 5

1.4.2 网站整体规划 5

1.4.3 确定网站整体风格 5

1.4.4 收集资源 6

1.4.5 设计网页图像 6

1.4.6 编辑制作网页 6

1.4.7 开发动态网站模块 6

1.4.8 申请域名和服务器空间 6

1.4.9 测试与发布上传 6

1.4.10 网站维护 7

1.4.11 网站推广 7

第2篇 Dreamweaver CS4 10

第2章 初识Dreamweaver CS4 10

2.1 Dreamweaver CS4 11

2.1.1 工作环境 12

2.1.2 CSS样式 12

2.1.3 动态网站 14

2.2 案例：Dreamweaver CS4安装过程 15

2.2.1 系统需求 15

2.2.2 安装过程 15

2.3 案例：Dreamweaver CS4工作环境 17

2.3.1 文档窗口 18

2.3.2 “插入”面板 20

2.3.3 “属性”面板 21

2.3.4 浮动面板 21

2.4 小结 22

第3章 站点的创建与管理 23

3.1 案例：规划我的站点 24

3.1.1 规划站点结构 24

3.1.2 规划站点风格 26

3.2 案例：创建我的站点 29

3.2.1 创建新站点 29

3.2.2 管理资源站点 33

3.2.3 管理站点地图 34

3.3 案例：编辑站点文件 34

3.3.1 设置本地文件夹 35

3.3.2 设置远程文件夹 35

3.3.3 上传和下载文件 36

3.4 上机实训 37

实训 创建一个本地站点 37

第4章 文本与图像 38

4.1 案例：设置网页文本格式 39

4.1.1 在网页中使用文本 39

4.1.2 使用超级链接 44

4.1.3 案例实现 48

4.2 案例：制作公司简介页面 50

4.2.1 在网页中使用图像 50

4.2.2 插入水平线与空格 56

4.2.3 案例实现 57

4.3 上机实训 60

实训一 制作“相见欢”页面 60

实训二 制作“周庄”页面 60

实训三 为公司简介页面添加导航条 62

第5章 网页布局 65

5.1 案例：音乐网 66

5.1.1 创建并设置表格 66

5.1.2 编辑表格 69

5.1.3 表格数据的导入和导出 71

5.1.4 案例实现 74

5.2 案例：布局排版“美食天下”网页 76

5.2.1 创建布局表格与单元格 77

5.2.2 布局表格与单元格属性 80

5.2.3 案例实现 82

5.3 Spry构件 84

5.3.1 Spry构件的概念 84

5.3.2 Spry菜单栏构件 84

5.3.3 Spry选项卡式面板构件 86

5.3.4 Spry折叠构件 88

5.4 上机实训 89

实训一 制作旅游网主页 89

实训二 制作“我的博客”页面 93

第6章 添加网页特效 96

6.1 案例：环形布局网页设计 97

6.1.1 AP元素的创建与基本操作 97

6.1.2 AP元素的应用 101

6.1.3 案例实现 103

6.2 案例：制作视听在线网页 105

6.2.1 插入多媒体元素 105

6.2.2 插入日期与计数器 110

6.2.3 案例实现 111

6.3 案例：使用行为制作北京奥运场馆展示 113

6.3.1 行为概述 114

6.3.2 各种行为的应用 114

6.3.3 案例实现 118

6.4 上机实训 120

实训一 制作网页下拉菜单 120

实训二 制作动态公司主页 122

第7章 框架和CSS样式表 126

7.1 案例：对网页应用框架技术 127

7.1.1 创建各种框架与保存 127

7.1.2 设置框架属性 130

7.1.3 框架的链接 133

7.1.4 案例实现 134

7.2 案例：在网页中设置CSS样式 137

7.2.1 CSS样式的创建与应用 138

7.2.2 CSS滤镜效果 143

7.2.3 案例实现 145

7.3 Spry构件中的CSS设置 146

7.3.1 Spry面板样式的设置 146

7.3.2 Spry菜单栏样式的设置 147

7.4 上机实训 148

实训 制作“按钮”页面 148

第8章 编辑表单 150

8.1 案例：填写酒店预订 151

8.1.1 表单的基本操作 151

8.1.2 案例实现 163

8.2 Spry表单元素 164

8.2.1 Spry验证文本域 164

8.2.2 Spry验证文本区域 165

8.2.3 Spry验证复选框 166

8.2.4 Spry验证选择 166

8.3 上机实训 167

实训 制作“信息卡”页面 167

第9章 模板和库 169

9.1 案例：模板和库的使用 170

9.1.1 模板的概念与使用 170

9.1.2 库的概念与使用 178

9.1.3 案例实现 180

9.2 上机实训 190

实训 制作“手机世界”页面 190

第3篇 FireWorks CS4 194

第10章 Fireworks CS4基础 194

10.1 案例：打开一幅图像 195

10.1.1 认识Fireworks CS4 195

10.1.2 Fireworks CS4的界面 195

10.1.3 案例实现 202

10.2 上机实训 202

实训 绘制一个带有光晕的太阳 202

第11章 矢量图和位图 204

11.1 案例：矢量图的绘制 205

11.1.1 绘制矢量图形 205

11.1.2 绘制路径 209

11.1.3 设计文本 213

11.1.4 设置填充与描边效果 216

11.1.5 案例实现 219

11.2 位图 221

11.2.1 位图操作 221

11.2.2 案例实现 231

11.3 图层 232

11.3.1 图层的基本操作 232

11.3.2 案例实现 236

11.4 蒙版 237

11.4.1 蒙版的基本操作 238

11.4.2 案例实现 242

11.5 上机实训 243

实训一 制作卡通电视 243

实训二 制作网页主页 245

第12章 Fireworks CS4案例 249

12.1 案例：制作弹出菜单 250

12.1.1 图像的优化与导出 250

12.1.2 切片的基本操作 252

12.1.3 热点的基本操作 255

12.1.4 案例实现 258

12.2 上机实训 259

实训一 制作巧克力状按钮 259

实训二 制作动画LOGO 261

第4篇 Flash CS4 264

第13章 Flash CS4基础 264

13.1 案例：对象的编辑 265

13.1.1 编辑文本和对象 266

13.1.2 案例实现 272

13.2 案例：简单图形——卡通鱼绘制 274

13.2.1 绘图工具 275

13.2.2 修改工具 277

13.2.3 颜色工具 280

13.2.4 案例实现 282

13.3 案例：动态彩虹文字制作 284

13.3.1 图层的基本操作 284

13.3.2 案例实现 286

13.4 上机实训 288

实训 利用遮罩层制作结尾动画 288

第14章 编辑实例和元件 290

14.1 案例：灯光照射效果 291

14.1.1 元件的概念与应用 291

14.1.2 案例实现 295

14.2 案例：文随鼠标效果 300

14.2.1 ActionScript的基本概念与应用 300

14.2.2 案例实现 305

14.3 上机实训 311

实训一 制作Flash按钮 311

实训二 时空隧道效果 313

实训三 制作“拖曳”动画 315

实训四 制作“比较数字”演示板 318

第15章 创建动画 319

15.1 案例：文字旋转效果 320

15.1.1 帧的基本操作 320

15.1.2 时间轴 323

15.1.3 补间动画 323

15.1.4 案例实现 324

15.2 案例：迎接2008奥运 327

15.2.1 “动作-帧”面板 327

15.2.2 补间和逐帧动画 330

15.2.3 案例实现 333

15.3 上机实训 339

实训一 中秋贺卡实例 339

实训二 骇客帝国实例 348

参考文献 354