巧学巧用Dreamweaver制作网页PDF电子书下载

第0章 网页设计综述 1

0.1 网站开发的流程简介 1

介绍网站的设计、制作流程0.1.1 明确网站定位 1

0.1.2　收集信息和素材 2

0.1.3　策划栏目内容 2

0.1.4　设计页面方案 2

0.1.5　制作页面 2

0.1.6　实现后台功能 3

0.1.7　整合与测试网站 3

0.2　页面设计布局介绍 3

介绍页面设计的几种常见布局类型0.2.1　版面构成的原理 3

0.2.2　网页版面构成中常见的布局形式 4

1．“T”型布局 4

2．“口”型布局 5

3．“三”型布局 5

4．对称对比布局 6

5．宣传单型布局 6

6．门户型网页布局 7

7．区块型布局 7

0.2.3　网页布局设计的步骤 8

1．草图 8

2．粗略布局 8

3．定案 8

0.2.4　网页版面构成的布局技巧 9

0.3　本章小结 9

第1章　初识Dreamweaver 8 11

1.1 HTML基本知识 11

介绍Internet和HTML语言的基本知识1.1.1 Internet基本术语 11

1.1.2　HTML文件基础 12

1．HTML语言基本知识 12

2．HTML语言的标记符 13

1.1.3　使用HTML语言编写简单页面 17

1.2　Dreamweaver 8快速入门 18

介绍Dreamweaver的程序界面及最基本的操作1.2.1 Dreamweaver 8用户界面 18

1．起始页 19

2．文档窗口 19

3．插入工具栏 20

4．“属性”面板 21

5．其他面板 21

6．打开和关闭面板 22

7．面板重组 22

1.2.2　设置页面属性 22

1.2.3　插入页面元素 24

1．插入文本 24

2．插入和编辑图片 25

3．插入和编辑表格 26

4．行为 27

5．Dreamweaver 8的其他功能和特性 27

1.3　使用Fireworks辅助页面设计 28

讲解如何使用Fireworks辅助网页设计1.3.1 Fireworks 8用户界面简介 28

1．打开和创建图像文件 28

2．常用工具栏 30

3．层与资源面板 31

1.3.2　使用Fireworks 8进行网页图像设计 32

1．网页设计思想 32

2．插入文本 33

3．切割图片 33

4．优化图片 34

5．导出图像和HTML文件方法一 35

6．导出HTML文件方法二 36

1.4　本章小结 38

第2章 创建网页和网站 39

2.1　创建简单文档 39

创建文档并制作一个简单网页2.1.1　创建空白文档 40

2.1.2　年轻真好——制作一个简单网页 42

2.2　创建本地站点 44

创建本地站点并向站点中添加文件1．本地文件夹 44

2．远程文件夹 44

3．测试服务器文件夹 44

2.2.1 使用Dreamweaver 8创建本地站点 44

2.2.2　为本地站点添加文件 47

1．向本地站点添加新文件 47

2．向站点添加已有文件 49

3．使用地图视图功能查看站点文件间的链接关系 50

2.3　创建以模板为基础的文档 51

使用文档模板创建文档2.3.1 使用已有模板创建文档 51

2.3.2　创建以范例为基础的文档 52

1．从“页面设计（CSS）”创建新文档 52

2．从“入门页面”创建新文档 53

3．从“页面设计（有辅助功能的）”创建新文档 54

2.3.3　打开并编辑已有文档 55

2.4　本章小结 55

第3章　编辑文档 57

3.1　编辑文本和图片 57

介绍格式化文本及在页面中使用图片的操作3.1.1　使用属性面板格式化文本 57

1．用“大小”下拉列表设置文字大小 58

2．使用“格式”下拉列表设置文字大小 59

3．设置文字的字体列表 59

4．设置文字的加粗、倾斜和颜色属性 60

5．设置段落的对齐方式 61

6．创建清单 61

3.1.2　使用层叠样式表格式化文本 62

1．创建样式表 62

2．应用层叠样式表 63

3．其他类型的层叠样式表 65

3.1.3　使用和处理图片 67

1．插入图片 67

2．改变图片的大小 67

3．对图片重新取样 68

4．裁剪图片 68

5．调整图片的亮度和对比度 69

6．使用Fireworks对图片进行处理 69

3.1.4　名车风范——网页实例制作 70

1．设置页面属性 70

2．添加文本 71

3．添加图片 71

3.2　网页超级链接 72

介绍为文字和图片添加超级链接的操作3.2.1 为文字添加超级链接 72

3.2.2　为图片添加超级链接 74

3.3　如歌岁月——网页实例制作 76

使用Fireworks和Dreamweaver的基本操作制作了一个简单网页3.3.1　使用Fireworks 8辅助页面设计 76

3.3.2　使用Dreamweaver编辑网页 77

3.4　本章小结 78

第4章 网站建设与管理 79

4.1 网站建设 79

介绍网站建设之前的一些准备工作1．网站的题材 79

2．网站形象设计 80

3．网站主页的制作 80

4．网站结构设计 80

4.2　网站管理与维护 81

介绍设置文件结构和管理站点内超链接等操作4.2.1　设置网站文件结构 81

4.2.2　管理站点内的超级链接 82

1．检查链接 83

2．更新链接 83

4.2.3　利用查找和替换功能管理站点 84

1．查找含有特定文本的标记 84

2．修改站点中的链接URL 85

4.3　网站的测试和优化 86

介绍测试网站的浏览器兼容性和HTML优化的操作4.3.1 测试网站的浏览器兼容性 86

4.3.2　HTML优化 89

1．清理Word生成的HTML代码 89

2．清理HTML 90

3．添加／删除Netsca[e调整修复 91

4.4　在Internet上建立网站 91

介绍域名申请与信息发布和向服务器上传网站的操作4.4.1 域名申请与信息发布 91

1．域名申请 91

2．信息发布 92

4.4.2　向服务器上传网站 92

4.5　网站宣传 94

介绍对网站进行宣传的一些技巧和注意事项1．登录搜索引擎 94

2．友情链接 95

3．提供联系电子邮箱 95

4.6　本章小结 96

第5章　添加页面元素 97

5.1　使用表格 97

介绍如何向页面中添加表格并对表格进行相关的设置5.1.1　表格的基本操作 98

1．创建表格 98

2．设置表格属性 100

3．拆分合并单元格 101

5.1.2　新闻网——网页实例制作 102

1．使用Fireworks对标题栏图片进行切片 103

2．制作主页 103

5.2　添加多媒体及控件——媒体天地 107

介绍添加多媒体及控件的基本操作5.2.1　添加多媒体及控件的基础操作 107

1．添加背景音乐 108

2．添加音频视频文件 108

5.2.2　媒体天地——网页制作实例 110

1．首页的制作 111

2．为首页做超链接 113

5.3　添加Flash元素 113

介绍添加Flash文本、Flash按钮和Flash动画等Flash元素的操作5.3.1　添加Flash元素的基本操作 114

1．添加Flash文本 114

2．添加Flash按钮 116

3．添加Flash电影 118

5.3.2　Flash精品驿站——网页制作实例 119

1．制作基本页面 119

2．添加图片和Flash元素 120

5.4　表单的使用 123

介绍在网页中使用表单的基本操作5.4.1 表单的基本操作 124

1．添加文本字段 124

2．添加文本区域 126

3．添加按钮 127

4．添加复选框 128

5．添加单选按钮 128

6．添加列表／菜单 129

7．添加文件域 130

8．添加图像域 130

9．添加隐藏域 131

10．添加单选按钮组 131

11．添加跳转菜单 132

5.4.2　极限运动注册专区——网页制作实例 133

1．制作基本页面 133

2．添加注册表单 134

5.5　本章小结 136

第6章 层叠样式表 137

6.1 层叠样式表的基本应用 137

创建和对页面元素应用层叠样式表6.1.1 创建和编辑层叠样式表 138

6.1.2　应用层叠样式表 144

1．对页面元素应用层叠样式表 144

2．导出层叠样式表文件 146

3．链接外部样式表 146

6.1.3　CSS滤镜效果 148

6.2　精品软件公司——网页制作实例 153

通过实例介绍制作基本页面、定义和应用层叠样式表的方法6.2.1　制作基本页面 153

6.2.2　定义层叠样式表 154

6.2.3　应用层叠样式表 155

6.3　本章小结 156

第7章　定位页面 157

7.1　表格定位页面 157

介绍使用布局表格和布局单元格来制作页面的方法7.1.1　表格高级操作 158

1．设置表格分隔线和边框效果 158

2．调整表格大小 160

7.1.2　使用布局表格和布局单元格 161

1．布局视图模式 161

2．创建布局表格 163

3．创建布局单元格 164

4．设置布局表格和布局单元格的属性 164

5．设置布局宽度 165

6．使用空白图片 166

7.1.3　大家一起学英文——网页制作实例 168

1．使用布局表格和布局单元格规划页面结构 168

2．制作基本页面 169

7.2　层定位页面 171

介绍层的基本知识和使用层制作页面的方法7.2.1　层的基本知识 172

1．创建和移动层 172

2．设置层属性 173

3．嵌套层的使用 174

4．将层转换成表格 176

7.2.2　网络咖啡馆——网页制作实例 180

1．制作基本页面 180

2．添加页面内容 181

7.3　嵌入式框架定位页面 182

介绍使用嵌入式框架来定位页面的方法7.3.1　嵌入式框架基本知识 183

1．创建嵌入式框架 183

2．为嵌入式框架设置链接 186

7.3.2　文学咖啡馆——网页制作实例 186

1．制作首页页面 187

2．制作链接页面 188

3．使用嵌入式框架 188

7.4　框架定位页面 189

介绍使用框架和框架集来定位页面的方法7.4.1　框架和框架集基本知识 189

1．创建框架和框架集 190

2．删除框架 192

3．编辑框架 192

4．编辑框架内容 193

7.4.2　音乐天堂——网页制作实例 194

1．制作框架集页面 194

2．制作显示在框架中的页面 195

3．将HTML文件链接到框架 197

7.5　本章小结 200

第8章 网页动态效果 201

8.1 行为 201

介绍向页面添加各种行为的基本方法8.1.1　行为的基本操作 202

1．行为基本知识 202

2．交换图像与交换图像恢复 202

3．弹出信息 205

4．打开浏览器窗口 206

5．播放声音 207

6．改变属性 208

7．显示弹出式菜单 209

8．检查插件 210

9．检查浏览器 211

10．设置导航栏图像 211

11．设置状态栏文本 213

12．转到URL 213

13．预先载入图像 214

14．拖动层 214

15．显示-隐藏层 216

8.1.2　公司网站——网页制作实例 217

1．制作基本页面 217

2．向页面中添加行为 218

8.2　JavaScript脚本代码 219

介绍使用JavaScript代码添加动态效果的方法8.2.1 使用JavaScript代码的基本操作 220

1．在网页中显示时间 220

2．垂直滚动的文字 221

3．随时间显示不同的问候 222

4．彩色链接文字 223

8.2.2　文化长廊——网页制作实例 225

1．制作基本网页 225

2．为首页添加JavaScript脚本代码 225

3．为图片欣赏页面添加JavaScript脚本代码 231

8.3　拼图游戏 232

8.3.1 准备图层 233

8.3.2　使图片动态分离 234

8.3.3　加入开始按钮 235

8.3.4　设置可拖拽图层 237

8.3.5　调用JavaScript技巧 239

8.3.6　进一步地完善和改进 242

8.4　本章小结 243

第9章 库和模板的应用 245

9.1 库 245

介绍使用库功能的基本方法9.1.1　库的基本操作 246

1．定义本地站点 246

2．创建库项目 247

3．使用库项目 247

4．更新库项目 248

9.1.2 电视在线——使用库功能来制作网站 248

1．定义本地站点 249

2．制作标题栏库项目 249

3．制作版权信息库项目 251

4．制作首页基本页面 251

5．制作二级页面 253

6．更改库项目和更新网页 254

7．从源文件中分离库项目 255

9.2　模板 256

介绍使用模板功能的基本方法9.2.1　模板的基础知识 257

9.2.2　网络商务驿站——使用模板制作网页 257

1．创建空白网页模板 257

2．编辑模板页 258

3．应用模板制作网页 261

4．修改模板并更新网页 263

5．分离模板 264

9.3　本章小结 264

第10章　服务器端程序开发入门 265

10.1 动态网页与ASP 265

介绍动态网页的概念和作用 265

10.2　ASP的开发 267

介绍ASP运行环境的配置方法和几种基本的ASP程序10.2.1　ASP运行环境及配置 267

10.2.2　熟悉ASP程序 269

10.3　制作留言簿 272

通过完整的网上留言簿实例掌握ASP的应用方法10.3.1 准备工作 273

10.3.2　建立站点 274

10.3.3　建立数据库 274

10.3.4　制作演示留言页面（index.asp） 275

10.3.5　制作添加留言页面（insert.asp） 280

第11章　综合实例（一）——网络公司网站 283

11.1 实例概述 283

11.2　网站策划 284

11.3　使用Fireworks制作网页效果 285

11.3.1　绘制网页基本效果 285

11.3.2　绘制导航栏 287

11.3.3　绘制网页正文效果 288

11.3.4　添加装饰图标 289

11.3.5　绘制子页面效果 291

11.4　使用Dreamweaver 8创建站点 291

11.5　使用Fireworks切片并输出首页 292

1．绘制首页的切片 292

2．切片输出 293

11.6　在Dreamweaver 8中编辑首页 294

1．背景化处理相应位置图像 294

2．插入文本内容 294

3．设置热区并定义热区链接 295

11.7　使用Fireworks切片并导出二级页面 295

1．将二级页面作为JPEG格式图片插入到首页PNG文件的新图层中 295

2．修改二级页面切片并导出 296

11.8　在Dreamweaver中编辑导出的二级页面 296

11.9　使用Fireworks切片并输出模板 297

1．绘制切片参考线 297

2．输出切片 297

11.10　使用Dreamweaver编辑模板页 298

1．设置热区并定义热区链接 299

2．背景化处理相应位置的图像 299

3．设置可编辑区域完成模板的制作 299

11.11 应用模板创建其他二级页面 300

11.12　重新检查所有页面链接并浏览最终效果 300

第12章　综合实例（二）——汽车时代网站 303

12.1 实例概述 303

12.2　网站策划 304

12.3　使用Fireworks制作网页效果 305

12.3.1　绘制网页基本效果 305

12.3.2　绘制导航栏 306

12.3.3　绘制正文栏效果 308

12.3.4　添加素材图片 310

12.3.5　绘制网页链接页效果 311

12.4　使用Dreamweaver 8创建站点 311

12.5　使用Fireworks切片并输出模板 312

1．绘制切片参考线 312

2．输出切片 312

12.6　使用Dreamweaver编辑模板页 313

1．设置热区并定义热区链接 313

2．背景化处理相应位置图像 314

3．制作表单区域 314

4．设置可编辑区域完成模板的制作 315

12.7　在Fireworks中制作首页并切片输出HTML 315

12.8　在Dreamweaver中制作首页 317

将Fireworks导出的首页初始文档插入到可编辑区域中 317

12.9　用Flash制作Banner 318

12.9.1 制作动态文字效果 318

12.9.2　制作遮罩效果 320

12.10　使用Fireworks切片并导出二级页面 322

制作仅包含可编辑区域的二级页面文档 322

12.11 使用Dreamweaver编辑二级页面 323

12.12　应用模板创建其他二级页面 324

12.13　为所有页面输入文本内容 324

12.14　重新检查所有页面链接 324

12.15　插入Flash Banner并浏览最终效果 325