网页制作精品教程PDF电子书下载

第1部分 网页制作基础知识 2

第1章 网页基础知识 2

1.1 网页相关知识简介 2

1.1.1 因特网 2

1.1.2 网站、网页和主页 3

1.1.3 IP地址与域名 3

1.1.4 网址 4

1.1.5 浏览器 4

范例1 在浏览器中打开金企鹅网站 5

1.1.6 网站管理与网页制作相关软件 5

1.1.7 XHTML 6

1.1.8 脚本语言简介 7

范例2 无缝滚动效果的实现 7

1.1.8 动态网页概述 8

1.2 认识网页构成 9

1.2.1 站标 9

1.2.2 导航条 10

1.2.3 广告条 11

1.2.4 标题栏 11

1.2.5 按钮 11

1.3 网站建设流程 12

1.3.1 网站需求分析 12

1.3.2 设计制作网站页面 13

1.3.3 空间和域名申请 14

1.3.4 测试和发布网站 15

1.3.5 网站推广 15

学习总结 16

思考与练习 16

第2部分 Dreamweaver 8详解第2章 Dreamweaver 8入门 16

2.1 熟悉Dreamweaver 8工作界面 18

2.1.1 标题栏和菜单栏 19

2.1.2 “插入”栏 19

2.1.3 文档标签与“文档”工具栏 20

2.1.4 状态栏 21

范例1 利用状态栏中标签选择单元格 22

2.1.5 浮动面板 23

范例2 练习面板基本操作 23

2.2 网站创建与管理 25

2.2.1 确定站点目录结构 25

范例3 在Dreamweaver中定义“火百合”站点 25

2.2.2 网页文档基本操作 28

范例4 利用“文件”面板创建网页 30

2.2.3 网页文件命名规则 31

2.3 基本页面属性设置 32

2.3.1 指定网页文档标题和边距 32

2.3.2 指定网页背景颜色和背景图像 33

2.3.3 为网页设置文本和链接属性 34

范例5 为“movie”网页设置页面属性 35

学习总结 36

思考与练习 36

第3章 编辑网页内容 38

3.1 文本的输入与格式设置 38

3.1.1 输入文本 38

3.1.2 设置文本段落和字符格式 39

范例1 设置“公司介绍”网页文本 43

3.1.3 插入水平线和特殊字符 45

3.2 插入图像和动画 46

3.2.1 插入并设置图像属性 47

3.2.2 插入flash动画 48

3.2.3 应用透明flash动画 50

范例2 在“火百合”主页中插入图像和动画 51

3.3 制作超链接 52

3.3.1 常规链接 53

3.3.2 图片链接和下载链接 54

3.3.3 电子邮件链接 54

3.3.4 热点链接 55

范例3 为“火百合”网页设置链接 57

学习总结 58

思考与练习 59

第4章 构建网页布局 61

4.1 使用表格 61

4.1.1 创建表格 61

4.1.2 选择表格和单元格 62

4.1.3 设置表格和单元格的属性 63

范例1 使用表格构建“火百合”主页布局 65

范例2 制作细线表格 67

4.1.4 合并与拆分单元格 69

4.1.5 在表格中添加或删除行或列 70

4.1.6 格式化表格 71

范例3 制作嵌套表格 71

范例4 制作圆角表格 73

4.2 使用框架 76

4.2.1 关于框架和框架集 76

4.2.2 创建框架集 77

4.2.3 框架和框架集的基本操作 78

4.2.4 框架及框架集的属性设置 79

4.2.5 保存框架和框架集 80

范例5 制作框架网页——娱乐天地 81

学习总结 84

思考与练习 84

第5章 样式表的应用 88

5.1 认识样式表 88

5.1.1 熟悉“CSS样式”面板 88

5.1.2 CSS样式的存在方式 89

5.2 定义样式表 90

5.2.1 CSS样式的分类 90

5.2.2 定义样式的步骤 90

范例1 为“火百合”网页中的表格定义边线样式 93

范例2 为“火百合”网页定义“body”样式 95

范例3 为“火百合”网页定义链接样式 96

范例4 链接外部样式 98

5.3 样式表的高级应用 100

范例5 为“火百合”网页设置列表样式 100

范例6 为“火百合”网页中的图片设置阴影 101

范例7 在同一个网页中设置两种链接样式 103

学习总结 104

思考与练习 105

第6章 制作高级网页效果 108

6.1 应用交互式图像 108

6.1.1 鼠标经过图像 108

范例1 为“macaco”网页制作交互式导航条 110

6.2 应用多媒体 112

6.2.1 在页面中嵌入音乐文件 112

范例2 为“火百合”主页添加背景音乐 113

范例3 在“cat”网页中嵌入视频 115

6.3 应用行为 116

6.3.1 认识行为 116

6.3.2 认识“行为”面板 118

范例4 应用“打开浏览器窗口”行为 119

范例5 为“pegiun”网页制作下拉菜单 121

范例6 设置状态栏文本 124

6.3.3 安装插件 125

学习总结 126

思考与练习 126

第7章 模板和库的应用 128

7.1 使用模板 128

7.1.1 创建模板文档 128

7.1.2 模板的区域类型 130

7.1.3 基于模板创建文档 131

范例1 制作“服装展示”网页模板 132

范例2 利用模板制作网页 134

7.2 使用库项目 136

7.2.1 什么是库项目 136

7.2.2 创建库项目 136

范例3 创建“top”库项目 137

7.2.3 插入库项目 138

7.2.4 编辑库项目 139

范例4 在“服装展示”网页中应用库项目 139

学习总结 141

思考与练习 141

第8章 表单及表单对象的应用格 141

8.1 表单的应用 142

8.1.1 认识表单 142

8.1.2 插入表单 143

8.2 表单对象的应用 144

8.2.1 文本字段 144

8.2.2 隐藏域 146

8.2.3 按钮 146

范例1 制作留言页面 147

8.2.4 复选框 150

8.2.5 单选按钮和单选按钮组 150

8.2.6 列表和菜单 151

8.2.7 图像域 153

8.2.8 文件域 154

范例2 制作“商品订购”页面 154

8.3 验证表单数据 157

学习总结 159

思考与练习 159

第9章 动态网页制作入门 161

9.1 创建动态网页测试环境 161

9.1.1 动态网页工作原理 161

9.1.2 在Windows XP中安装IIS 162

范例1 设置“pegiun”为IIS默认网站 163

9.2 数据库相关知识 166

范例2 创建数据库“mydb” 166

典型范例 制作留言板 169

9.3 发布网站 177

9.3.1 网页兼容性测试 177

9.3.2 检查并修复网页链接 179

9.3.3 设置站点远程信息 181

9.3.4 上传或下载文件 182

学习总结 183

思考与练习 184

第3部分 Fireworks 8详解 187

第10章 Fireworks 8入门 187

10.1 初识Fireworks 8 187

10.1.1 工具栏 188

10.1.2 工具面板 188

10.1.3 “属性”面板 189

10.1.4 文档编辑窗口 189

10.1.5 控制面板 191

范例1 制作一个简单广告条 193

10.2 矢量图形绘制与编辑 196

10.2.1 设置笔触与填充 196

10.2.2 绘制线条 198

10.2.3 绘制形状 199

10.2.4 编辑矢量图形 200

10.2.5 设置矢量图形填充效果 203

10.2.6 对象组合和取消 204

范例2 绘制卡通广告条背景 205

学习总结 209

思考与练习 209

第11章 本和位图的应用 211

11.1 应用文本 211

11.1.1 文本输入与编辑 211

11.1.2 使文本沿路径排列 212

11.1.3 矢量化文本 213

范例1 制作纯文本标志 214

11.2 位图的创建方法 215

11.3 位图绘制与修饰 215

11.3.1 铅笔工具和刷子工具 216

11.3.2 橡皮擦和模糊工具组 216

11.3.3 橡皮图章和替换颜色工具 217

范例2 制作家具广告条 218

11.4 选区制作及羽化 222

11.4.1 选取框工具组的应用 222

11.4.2 套索工具组的应用 223

11.4.3 魔术棒工具的应用 223

11.4.4 复杂选区的制作 223

范例3 制作商品广告条 224

11.5 滤镜和蒙版的应用 228

11.5.1 滤镜的应用 228

11.5.2 蒙版的应用 230

学习总结 233

思考与练习 233

第12章 制作网页对像和动画 233

12.1 创建和编辑切片 235

12.1.1 创建切片 235

12.1.2 编辑切片 237

范例1 用“切片”工具分割“饰品”网页效果图 238

12.2 创建和应用元件 239

12.2.1 创建元件 239

12.2.2 应用元件 240

范例2 制作网页导航条 240

12.3 制作网页动画 244

12.3.1 Fireworks中动画制作要点 244

12.3.2 利用现有素材创建简单动画 245

12.3.3 使用分散到帧 246

12.3.4 补间动画 247

12.3.5 制作动画元件 248

范例3 制作网店标志 249

12.4 优化并导出图像和动画 251

12.4.1 使用“导出向导” 252

范例4 优化并导出网店标志 252

12.4.2 使用“优化”面板 254

范例5 优化并导出带切片的网页效果图 255

学习总结 258

思考与练习 258

第4部分 Flash 8详解 261

第13章 Flash中绘画与编辑 261

13.1 初识Flash 8 261

13.1.1 工具栏 262

13.1.2 “工具”面板 263

13.1.3 “时间轴”面板 263

13.1.4 舞台与“属性”面板 264

13.1.5 标尺、网格和辅助线 264

13.1.6 常用控制面板 265

13.1.7 文档基本操作 266

13.2 图形与对象编辑 267

13.2.1 “选择”工具和“部分选取”工具 267

13.2.2 “任意变形”工具和“变形”面板 269

13.3 绘画工具详解 271

13.3.1 “墨水瓶”工具和“颜料桶”工具 271

13.3.2 “填充变形”工具 272

13.3.3 “线条”工具和“铅笔”工具 273

范例1 绘制蝴蝶 275

13.3.4 “钢笔”工具 277

范例2 描摹卡通画并填充 278

13.3.5 “刷子”工具 280

13.3.6 形状绘制工具 281

范例3 绘制雪人 282

13.3.7 “滴管”工具的应用 284

13.4 使用文本与外部图像 285

13.4.1 使用文本 285

13.4.2 使用外部图像 286

范例4 抠取外部图像中的瓷器 287

学习总结 289

思考与练习 289

第14章 基本动画制作 291

14.1 帧和图层基本操作 291

14.1.1 flash动画原理 291

14.1.2 帧的种类及基本操作 292

14.1.3 图层种类及基本操作 293

范例1 创建一个简单动画 295

14.2 认识元件 298

14.2.1 创建元件 299

14.2.2 将动画片段转换为元件 299

14.2.3 使用其他影片中的元件 300

范例2 创建按钮元件 301

14.3 制作动画的典型方法 304

14.3.1 “帧-帧”动画 305

14.3.2 动作补间动画 306

14.3.3 形状补间动画 307

范例3 创建“燃烧的蜡烛”动画 307

14.3.4 改进形状补间动画 309

14.3.5 路径引导动画 310

14.3.6 遮罩动画 312

典型范例 制作液晶电视广告 313

1．制作路径引导动画 313

2．制作遮罩动画 315

3．布置主场景 317

14.4 使用时间轴特效 319

14.4.1 添加时间轴特效 319

14.4.2 编辑时间轴特效 320

学习总结 321

思考与练习 321

第15章 高级动画制作 324

15.1 应用声音和视频 324

15.1.1 应用声音 324

15.1.2 为影片添加声音 325

15.1.3 编辑声音 326

范例1 为按钮添加声音 329

15.1.4 应用视频 329

15.2 脚本应用入门 331

15.2.1 认识动作脚本 332

15.2.2 “动作”面板的使用 332

范例2 用脚本控制视频的播放 333

15.3 优化并发布Flash动画 336

15.3.1 动画制作手法优化 336

15.3.2 优化动画元素 336

15.3.3 发布SWF动画 337

15.3.4 发布GIF动画文件 338

范例3 优化并导出广告条 339

学习总结 340

思考与练习 340