网页设计与制作实用教程PDF电子书下载

基础篇 3

第1章 网页制作技术概述 3

1.1 常用的网页制作工具 3

1.1.1 FrontPage 2000简介 3

目录 3

1.1.2 Dreamweaver简介 4

1.1.3 Dreamweaver和FrontPage 2000的简单比较 4

1.2 美化网页的主要工具 5

1.2.1 图像处理工具Fireworks 5

1.2.2 动画制作工具Flash 6

1.3.1 JavaScript 7

1.3 网页中的脚本语言 7

1.3.2 VBScript 8

1.4 服务器端主要技术 8

1.4.1 ASP与JSP技术 9

1.4.2 Dreamweaver UltraDev 9

1.5 认识Dreamweaver 4 10

1.5.1 安装Dreamweaver 4 10

1.5.2 Dreamweaver 4的用户界面 12

1.5.3 如何获取帮助信息 14

1.6 建立网站的基本流程 16

上机练习 18

本章小结 18

思考题 18

第2章 创建和管理本地站点 19

2.1 规划站点结构 19

2.2 建立本地站点 20

2.3 站点的基本操作 22

2.3.1 打开站点 22

2.3.2 定义站点 22

2.4 站点管理器的使用 23

2.4.1 显示站点管理器 23

2.4.2 操作站点文件 24

2.4.4 显示站点地图 25

2.4.3 设置网站首页 25

2.5 网页文件的基本操作 27

2.5.1 新建、保存和打开网页 27

2.5.2 预览网页 29

本章小结 30

思考题 31

上机练习 31

第3章 制作一个简单的网页 32

3.1 简单网页实例一 32

3.2.1 在页面中添加和处理文字 33

3.2 在页面中插入基本的网页元素 33

3.2.2 在页面中插入和处理图像 39

3.2.3 插入水平线 44

3.2.4 插入日期和时间 46

3.3 简单网页实例二 47

3.4 设置网页属性 48

3.4.1 认识网页属性对话框 48

3.4.2 在标题栏中增添网页标题 49

3.4.3 为网页增添背景图像 49

3.4.4 调整网页的边距 49

3.4.5 相关知识点 50

本章小结 51

思考题 52

上机练习 52

第4章 在网页中建立各种超级链接 53

4.1 创建超级链接 53

4.1.1 创建内部超级链接 53

4.1.2 创建外部超级链接 56

4.1.3 创建空链接和脚本链接 57

4.1.4 在新的浏览窗口中打开链接 58

文件 58

4.2 创建E-mail链接 59

4.3.1 插入命名锚点 61

4.3 创建锚点链接 61

4.3.2 链接锚点 63

4.4 设置链接颜色 64

4.5 制作Image Map 64

4.5.1 制作热区 65

4.5.2 为热区添加说明文字和制作超级 66

链接 66

4.5.3 编辑热区 66

4.6 其他链接形式 67

4.6.1 跳转菜单 67

4.6.2 制作翻转图像实例 68

4.6.3 制作导航栏实例 69

本章小结 72

思考题 73

上机练习 73

第5章 利用表格设计和制作网页 75

5.1 一个利用表格进行页面布局的实例 75

5.2 创建表格和表格的基本操作 76

5.2.1 插入空白表格 76

5.2.2 调整表格的大小或行高／列宽 78

5.2.3 合并与拆分单元格 79

5.2.4 表格的嵌套 80

5.2.5 表格的复制与粘贴 81

5.2.6 插入行和列 81

5.2.7 删除表格或行／列 83

5.3 在表格中插入页面元素 83

5.4 设置表格属性 85

5.4.1 选择表格或单元格 85

5.4.2 设置表格行、列及单元格属性 86

5.4.3 设置表格的总体属性 89

5.5.1 利用表格制作水平线和垂直线 91

5.5 表格的高级应用技巧 91

5.5.2 制作简单的圆角表格 94

5.6 表格的其他应用 94

5.6.1 表格数据的导入和导出 94

5.6.2 一个自动套用表格格式的实例 96

本章小结 97

思考题 97

上机练习 98

第6章 应用框架技术制作网页 99

6.1 框架应用实例 99

6.2 创建框架结构 100

6.2.1 插入框架集 101

6.2.3 增加框架 103

6.2.2 选取框架和框架集 103

6.2.4 删除框架 104

6.2.5 调整框架的大小 105

6.3 编辑框架集页面内容与保存框架集 105

文件 105

6.3.1 编辑框架集页面内容 105

6.3.2 保存框架集文件 106

6.4.1 将链接目标设置在创建的 107

框架中 107

6.4 设置框架中的链接目标 107

6.4.2 将链接目标设置在默认的 108

框架中 108

6.5 修饰框架集网页外观 109

6.5.1 设置框架集属性 109

6.5.2 设置框架属性 111

本章小结 114

思考题 114

上机练习 114

第7章 应用图层技术制作网页 116

7.1 一个图层应用的实例 116

7.2.1 创建图层 117

7.2 图层的基本操作 117

7.2.2 选择图层 118

7.2.3 激活图层 119

7.2.4 移动图层 120

7.2.5 调整图层大小 121

7.2.6 对齐图层 122

7.2.7 吸附图层到网格 122

7.3 图层的管理 123

7.3.1 更改图层的名称 123

7.3.2 改变图层的叠放次序 124

7.3.3 改变图层的可见性 125

7.3.4 创建嵌套层 128

7.4 图层与表格 130

7.4.1 将图层转换为表格 131

7.4.2 将表格转换为图层 132

本章小结 133

思考题 133

上机练习 133

第8章 利用时间线制作动画 135

8.1 认识时间线 135

8.2 创建时间线动画 135

8.2.1 一个简单的直线运动的时间线动画实例 135

8.2.2 认识时间线面板 137

实例 138

8.2.3 一个曲线运动的时间线动画 138

8.2.4 创建复杂路径的时间线动画 140

实例 140

8.3 使用时间线改变图像和层属性 141

8.3.1 实现幻灯片效果 141

8.3.2 实现图像的渐推式显示效果 143

本章小结 144

思考题 144

上机练习 144

9.1 行为概述 146

第9章 为页面元素添加行为 146

9.2 使用行为 147

9.2.1 添加行为 147

9.2.2 编辑行为 148

9.3 Dreamweaver内置行为实例 150

9.3.1 弹出消息框（Popup Message） 150

9.3.2 打开浏览器窗口（Open Browser 151

Window） 151

9.3.3 调用JavaScript程序（Call JavaScript） 153

9.3.4 在状态栏显示信息（Set Text of StatusBar） 154

9.3.5 设置图层中的文本（Set Text of Layer） 155

9.3.6 改变对象属性（Change Property） 156

9.3.7 播放声音（Play Sound） 159

9.3.8 跳转到URL（Go To URL） 160

9.3.9 控制Shockwave或Flash（ControlShockwave or Flash） 162

9.3.10 拖动图层（Drag Layer） 163

9.3.11 显示-隐藏图层（Show-Hide 166

Layers） 166

9.3.12 用行为控制时间线（Timeline） 168

本章小结 170

思考题 170

上机练习 170

10.1 利用CSS样式美化文本 172

第10章 在网页中使用CSS样式 172

10.1.1 使用CSS样式面板创建样式 173

10.1.2 创建自定义样式 174

10.1.3 重新定义HTML标签 176

10.1.4 应用CSS样式 177

10.1.5 修改CSS样式 178

10.2 利用CSS样式改变超级链接 178

10.2.1 创建外部CSS样式表控制整个站 179

点的风格 179

10.2.2 使用CSS选择器 180

10.2.3 修改样式文件 182

10.2.4 链接外部样式文件 184

10.3 CSS样式综合应用 185

10.3.1 一个CSS样式综合应用的实例 185

10.3.2 样式冲突 189

本章小结 189

思考题 190

上机练习 190

第11章 用表单收集数据 191

11.1 表单实例1——畅想未来调查表 191

11.2 了解创建表单的基本方法 192

11.3.2 设置表单属性 194

11.3 创建“调查表”表单 194

11.3.1 创建表单 194

11.4 插入“调查表”表单对象 196

11.4.1 插入文本框 196

11.4.2 插入复选框和单选按钮 197

11.4.3 插入下拉菜单和命令按钮 198

11.5 表单实例2——友情链接 200

11.6 其他表单对象的用法 201

11.6.1 文件域 201

11.7 在表单中使用行为 202

11.6.3 隐藏域 202

11.6.2 图像域 202

11.7.1 验证表单 203

11.7.2 设置文本域的文本 204

本章小结 204

思考题 205

上机练习 205

第12章 应用模板和库快速设计网页 207

12.1 利用模板创建新页面 207

12.1.1 创建模板 209

12.1.2 定义可编辑区域 210

12.1.3 创建基于模板的新页面 211

12.2 利用模板更新网页 213

12.2.1 应用模板到当前网页 213

12.2.2 修改模板和更新网页 214

12.2.3 模板的管理 216

12.3 利用库项目维护网页 217

12.3.1 库项目的创建 218

12.3.2 库项目的应用 219

12.3.3 通过编辑库项目更新网页 220

12.3.4 库项目的管理 221

上机练习 223

思考题 223

本章小结 223

第13章 在网页中制作多媒体 224

13.1 制作交互对象 224

13.1.1 插入Flash按钮 225

13.1.2 插入Flash文本对象 226

13.1.3 插入其他交互对象 229

13.2 插入媒体对象 229

13.2.1 插入媒体对象的基本方法 230

13.2.2 插入Flash电影 230

13.2.3 插入Generator（发生器）对象 231

13.2.4 插入Shockwave电影 232

13.2.5 插入ActiveX控件和Java程序 233

13.3 插入声音 234

13.3.1 关于声音文件的格式 235

13.3.2 链接声音文件 235

13.3.3 在页面中插入声音 236

13.3.4 在页面中嵌入背景声音 236

本章小结 237

思考题 237

上机练习 237

14.1 申请域名和主页空间 239

14.1.1 如何申请域名 239

第14章 测试和发布网页 239

14.1.2 如何申请主页空间 240

14.2 申请计数器和留言板 242

14.2.1 如何申请计数器 242

14.2.2 如何申请留言板 242

14.3 如何测试网页 243

14.3.1 检测浏览器兼容性 244

14.3.2 检查链接错误 244

14.4 将网页发布到Internet上 246

14.4.1 用Dreamweaver的站点管理器上传网页 246

14.3.3 在浏览器中预览 246

14.4.2 用CuteFTP上传网页 249

14.5 推广你的网站——加入搜索引擎 250

本章小结 250

思考题 251

上机练习 251

拓展篇 255

第15章 页面中一些特殊效果的实现方法 255

15.1 页面的后台代码（HTML源代码） 255

15.1.1 查看和编辑当前页面的HTML 255

代码 255

15.1.2 快速编辑HTML标签 260

15.1.3 定制HTML代码格式 264

15.1.4 清理HTML代码 267

15.2 使用脚本丰富网页 268

15.2.1 特效实例 269

15.2.2 脚本的基本操作 270

15.2.3 显示当前日期和星期 272

15.2.4 实现文字跟随鼠标的特效 274

15.3 使用插件 274

15.3.1 特效实例 274

15.3.2 安装插件 275

15.3.3 使用插件 276

15.3.4 删除插件 279

本章小结 279

思考题 279

上机练习 279

第16章 使用Fireworks处理图像 281

16.1 图像优化 281

16.2 切割图像 285

16.3 导出图像 285

16.3.1 导出一个图像 285

16.3.2 导出一个区域的图像 286

16.4 制作按钮 287

16.3.3 导出切片 287

16.5 制作下拉菜单 292

16.6 Dreamweaver和Fireworks联合 294

作业 294

16.6.1 使用Fireworks编辑和优化Dreamweaver中的图像 294

16.6.2 在Dreamweaver中插入Fireworks文件 295

16.6.3 使用Dreamweaver和Fireworks结合创建网页相册 296

本章小结 298

上机练习 298

17.1 Flash的几个重要概念 299

17.1.1 Flash动画的格式 299

方法 299

第17章 页面中常见Flash动画的制作 299

17.1.2 矢量图和位图 300

17.1.3 舞台和工作区 300

17.1.4 帧和时间线 300

17.1.5 符号和实例 300

17.2 简单动画的制作 301

17.2.1 运动渐变动画 301

17.2.2 形状渐变动画 305

17.3 层动画的制作 306

17.3.1 使用遮罩图层 306

17.3.2 使用运动导向图层 310

思考题 314

本章小结 314

上机练习 315

第18章 动态网页技术简介 316

18.1 动态网页技术概述 316

18.2 动态网页的实现技术 317

18.2.1 CGI技术 317

18.2.2 ASP技术 318

18.2.3 PHP技术 319

18.2.4 JSP技术 321

18.3.1 UltraDev的可视化特点 322

18.3 Dreamweaver UltraDev 4简介 322

18.3.2 UltraDev的开发流程和开发 323

环境 323

18.4 用Dreamweaver UltraDev 4处理 324

表单数据 324

18.4.1 数据库设计和页面结构规划 325

18.4.2 设计投票页面 325

18.4.3 设计处理表单页面 326

18.4.4 设计结果页面 327

本章小结 329

思考题 329