新手学DREAMWEAVER制作网页

第1章　网页制作基础　1

1.1　认识网页　2

1.1.1　什么是网页　2

1.1.2　网页的分类　2

1.1.3　网站的分类　2

1.1.4　网页页面的组成元素　3

1.2　网页制作原则　4

1.3　网页构架　4

1. “匚”字型布局结构　4

2. “亘”字型布局结构　4

3. “目”字型布局结构　5

4. “曰”字型对称布局结构　5

5. POP布局结构　5

6. 综合布局结构　5

1.4　网页制作的一般步骤　5

1.5　本章小结　6

第2章　初识Dreamweaver 8　7

2.1　Dreamweaver 8的启动与退出　8

2.1.1　启动Dreamweaver 8　8

2.1.2　退出Dreamweaver 8　8

2.2　Dreamweaver 8的工作环境　8

2.2.1　菜单栏　9

2.2.2　插入栏　9

2.2.3　工具栏　10

2.2.4　状态栏　10

2.2.5　【属性】面板　11

2.2.6　可停靠的浮动面板组　11

2.3　文档的创建和存储　11

2.3.1　创建新文档　11

2.3.2　打开现有文档　12

2.3.3　存储文档　12

1. 直接保存　12

2. 另存文档　12

2.4　设置页面属性　13

2.4.1　设置外观　13

2.4.2　设置链接　14

2.4.3　设置标题　14

2.4.4　设置标题/编码　14

2.4.5　设置跟踪图像　15

2.5　在【设计】视图中选择元素　15

2.5.1　不可见元素　15

2.5.2　控制不可见元素的显示和隐藏　15

2.6　典型实例　16

2.6.1　实例目标　16

2.6.2　制作过程　16

2.7　本章小结　18

2.8　过关演练　18

第3章　站点的创建与规划　19

3.1　创建站点的准备工作　20

3.1.1　站点的概念　20

3.1.2　规划站点结构　20

3.2　创建本地站点　20

3.2.1　如何创建站点　20

3.2.2　管理站点内容　22

1. 添加文件或文件夹　23

2. 删除文件或文件夹　23

3. 重命名文件或文件夹　23

3.3　管理站点　23

3.3.1　编辑站点　24

3.3.2　删除站点　24

3.4　本章小结　24

3.5　过关演练　24

第4章　给网页添加多彩文本　25

4.1　添加文本　26

4.1.1　添加文字　26

4.1.2　添加日期　26

4.1.3　添加水平线　26

4.1.4　添加特殊字符　26

4.1.5　在字符之间添加空格　27

4.2　设置文本格式　27

4.2.1　设置文本字体样式　27

4.2.2　设置文本大小　27

4.2.3　设置文本颜色　28

4.2.4　设置文本对齐方式　28

4.3　使用CSS样式修饰网页　29

4.3.1　认识【CSS样式】面板　29

4.3.2　创建CSS样式　29

1. 创建自定义CSS样式　29

2. 重定义HTML标签　30

3. 使用CSS选择器定义样式　30

4.3.3　设置CSS样式格式　31

1. 类型　31

2. 背景　31

3. 区块　32

4. 方框　32

5. 边框　33

6. 列表　33

4.3.4　管理CSS样式　33

1. 编辑已定义的CSS样式　33

2. 删除已定义的CSS样式　33

4.3.5　链接外部CSS样式　34

4.4　典型实例　34

4.4.1　实例目标　34

4.4.2　制作过程　34

4.5　本章小结　36

4.6　过关演练　36

第5章　超级链接的应用　37

5.1　超级链接概述　38

5.1.1　链接的基本概念　38

5.1.2　超级链接的分类　38

5.2　创建超级链接　39

5.2.1　链接到文档　39

5.2.2　链接到命名锚　40

1. 创建命名锚　40

2. 链接到命名锚　40

5.2.3　创建E-mail链接　41

5.2.4　创建空链接　41

5.2.5　创建JavaScript脚本链接　41

5.3　管理超级链接　42

5.3.1　设置Dreamweaver 8的链接管理特性　42

5.3.2　移动文件时更新链接　42

5.3.3　测试链接　42

5.4　典型实例　43

5.4.1　实例目标　43

5.4.2　制作过程　43

1. 创建文本超级链接　43

2. 创建图像超级链接　44

5.5　本章小结　44

5.6　过关演练　44

第6章　巧用图像美化网页　45

6.1　网页中图像的格式　46

6.2　图像操作　46

6.2.1　插入图像　46

6.2.2　设置图像属性　47

6.3　插入相关图像对象　48

6.3.1　插入图像占位符　48

6.3.2　插入鼠标经过图像　49

6.3.3　插入导航条　50

6.3.4　插入Fireworks HTML　51

6.4　客户端图像映像　52

6.4.1　概述　52

6.4.2　创建图像映像和热区　52

6.4.3　修改或解除热区　53

1. 移动热区　53

2. 同时选中多个热区　53

3. 调整热区大小　53

4. 解除图像热区　54

6.5　创建网站相册　54

6.5.1　认识网站相册　54

6.5.2　制作网站相册　54

6.6　本章小结　56

6.7　过关演练　56

第7章　利用媒体让网页动起来　57

7.1　媒体概述　58

7.2　插入Flash对象　58

7.2.1　了解Flash文件格式　58

7.2.2　插入Flash动画　58

7.2.3　插入Flash按钮　61

7.2.4　插入Flash文本　62

7.3　插入其他媒体对象　63

7.3.1　插入Shockwave影片　63

7.3.2　插入Java Applet　63

7.3.3　插入插件　64

7.4　插入声音　64

7.4.1　插入背景音乐　65

7.4.2　插入音频　65

7.5　典型实例　65

7.5.1　实例目标　66

7.5.2　制作过程　66

7.6　本章小结　67

7.7　过关演练　68

第8章　用表格布局页面　69

8.1　认识表格　70

8.1.1　表格的组成　70

8.1.2　在HTML中实现表格的代码　70

1. table 和 /table 标记　70

2. tr 和 /tr 标记　71

3. th 和 /th 标记以及 td 和 /td 标记　71

8.2　表格的基本操作　71

8.2.1　插入表格　71

8.2.2　插入嵌套表格　72

8.2.3　在表格中添加内容　73

8.2.4　选中表格元素　73

1. 选中整张表格　73

2. 选中表格行　73

3. 选中表格列　74

4. 选中单元格　74

8.2.5　单元格的合并与拆分　74

1. 拆分单元格　74

2. 合并单元格　75

8.2.6　调整表格行或者列　75

1. 插入表格行或者列　75

2. 删除表格行或者列　76

8.3　表格和单元格的属性设置　76

8.3.1　设置表格属性　76

8.3.2　设置单元格属性　76

8.4　编辑表格　77

8.4.1　移动表格行　77

8.4.2　套用现有表格格式　77

8.4.3　排序表格　78

8.4.4　表格数据的导入和导出　79

1. 导入表格式数据　79

2. 导出表格式数据　79

8.5　布局模式　80

8.5.1　了解布局模式　80

8.5.2　绘制布局表格和布局单元格　80

1. 绘制布局表格　80

2. 绘制布局单元格　81

3. 绘制嵌套布局表格　81

8.5.3　编辑布局表格和布局单元格　82

1. 隐藏和显示布局表格标签　82

2. 在单元格中添加内容　82

3. 调整布局表格和单元格的大小和位置　82

8.5.4　设置布局表格和布局单元格属性　83

8.5.5　布局表格的应用实例　84

8.6　典型实例　85

8.6.1　实例目标　85

8.6.2　制作过程　85

8.7　本章小结　88

8.8　过关演练　88

第9章　用层布局页面　89

9.1　层的概述　90

9.2　层的创建　90

9.2.1　创建层　90

9.2.2　学习层的HTML源代码　92

9.2.3　创建嵌套层　92

9.2.4　设置层格式　93

9.2.5　设置层的默认参数　94

9.3　层的基本操作　95

9.3.1　显示【层】面板　95

9.3.2　激活层　95

9.3.3　选中层　96

1. 选中单个层　96

2. 选中多个层　96

9.3.4　重设层的大小　96

1. 重设单个层的大小　96

2. 重设多个层的大小　97

9.3.5　调整层的位置　97

1. 移动层　97

2. 对齐层　97

9.3.6　改变层的名称　98

9.4　设置层属性　99

9.4.1　控制层的可见性　99

9.4.2　控制层的重叠顺序　99

9.5　层和表格的相互转换　100

9.5.1　防止层重叠　100

9.5.2　将层转换为表格　101

9.5.3　将表格转换为层　102

9.6　利用层排版时的注意事项　102

9.6.1　控制层边框和层锚记的可见性　102

9.6.2　构建相对定位的层　103

9.7　典型实例-吉隆家电　103

9.7.1　实例目标　103

9.7.2　制作过程　103

9.8　典型实例-制作浮动广告　109

9.8.1　实例目标　109

9.8.2　制作过程　109

9.9　本章小结　112

9.10　过关演练　112

第10章　用框架布局页面　113

10.1　认识框架和框架集　114

10.2　创建框架集　114

10.2.1　自主创建框架集　114

1. 鼠标拖动法　114

2. 菜单插入法　115

10.2.2　创建预定义框架集　116

10.2.3　创建嵌套框架集　116

1. 使用【修改】菜单栏创建　117

2. 使用【插入】栏创建　117

10.3　保存框架和框架集　117

1. 框架集和页面文档单独保存　117

2. 框架集和页面文档同时保存　118

10.4　框架和框架集的基本操作　118

10.4.1　【框架】面板　119

10.4.2　选中框架和框架集　119

1. 在【文档】窗口中选中119

2. 在【框架】面板中选中　119

10.4.3　拆分框架　120

10.4.4　删除框架　120

10.4.5　框架链接　120

10.4.6　设置框架和框架集的属性　123

1. 设置框架的属性　123

2. 设置框架集的属性　124

10.4.7　设置框架的大小　126

10.5　典型实例　126

10.5.1　实例目标　126

10.5.2　制作过程　127

10.6　本章小结　129

10.7　过关演练　130

第11章　创建表单网页　131

11.1　认识表单　132

11.2　创建表单域　132

11.3　设置表单域属性　132

11.4　添加表单对象　133

11.4.1　表单对象的介绍　133

11.4.2　添加文本字段　134

11.4.3　添加隐藏域　136

11.4.4　添加文本区域　136

11.4.5　添加复选框　137

11.4.6　添加单选按钮　137

11.4.7　添加单选按钮组　137

11.4.8　添加列表/菜单　139

11.4.9　添加跳转菜单　140

11.4.10　添加图像域　142

11.4.11　添加文件域　142

11.4.12　添加按钮　143

11.4.13　添加标签　144

11.4.14　添加字段集　144

11.5　表单的排版　145

11.6　表单的测试　145

11.7　典型实例　146

11.7.1　实例目标　146

11.7.2　制作过程　146

11.8　本章小结　152

11.9　过关演练　152

第12章　使用行为创建动态网页　153

12.1　行为概述　154

12.1.1　行为　154

12.1.2　事件　154

12.2　行为的基本操作　155

12.2.1　认识【行为】面板　156

12.2.2　添加行为　156

12.2.3　修改行为　157

12.2.4　删除行为　157

12.2.5　下载和安装第三方行为　157

12.3　主要行为的应用　158

12.3.1　交换图像　158

12.3.2　弹出信息　159

12.3.3　打开浏览器窗口　160

12.3.4　拖动层　162

1. 【基本】选项卡的设置　162

2. 【高级】选项卡的设置　163

12.3.5　显示-隐藏层　167

12.3.6　显示弹出式菜单　169

1.【内容】选项卡　169

2.【外观】选项卡　170

3.【高级】选项卡　170

4.【位置】选项卡　170

12.3.7　设置导航栏图像　173

12.3.8　改变属性　175

12.3.9　控制Shockwave或Flash　177

12.3.10　转到URL　179

12.3.11　调用JavaScript　181

12.4　本章小结　182

12.5　过关演练　182

第13章　使用模板提高网页制作效率　183

13.1　认识【资源】面板　184

13.2　模板的创建与编辑　184

13.2.1　创建模板　185

13.2.2　编辑模板　186

1. 创建可编辑区域　186

2. 更改可编辑区域　186

3. 删除可编辑区域　187

4. 定义可编辑区域标记属性　187

13.2.3　在模板中定义重复区域　188

1. 定义重复区域　188

2. 定义重复表格　188

13.2.4　在模板中定义可选区域　188

1. 定义可选区域　188

2. 定义可编辑的可选区域　189

3. 修改可选区域　189

13.3　模板的应用　189

13.3.1　应用模板创建网页　189

1. 使用【新建文档】对话框创建网页　189

2. 在【资源】面板中创建网页　190

3. 将当前网页应用模板　190

13.3.2　将已有网页从模板更新　190

13.4　典型实例　190

13.4.1　实例目标　190

13.4.2　制作过程　191

13.5　本章小结　192

13.6　过关演练　192

第14章　数据库和网页开发语言　193

14.1　数据库基础　194

14.1.1　认识数据库　194

14.1.2　常用数据库　194

14.2　动态网页开发语言　194

14.2.1　动态网页的概念　194

14.2.2　动态网页开发语言　195

1. ASP　195

2. JSP　195

3. PHP　196

4. ASP.NET　196

14.3　构建数据库的开发环境　196

14.3.1　安装Web服务器程序　196

14.3.2　配置Web服务器　197

14.3.3　设置服务器技术　199

14.4　数据库的连接　200

14.4.1　数据库的连接方法　200

1. ODBC　200

2. ADO　200

14.4.2　创建数据源　200

1. 创建系统DSN　201

2. 定义其他类型的数据源　202

14.4.3　在Dreamweaver 8中连接数据库　204

1. 建立DSN连接　204

2. 构建自定义连接字符串　205

14.5　创建记录集　205

14.5.1　记录集的概念　205

14.5.2　如何操作记录集中的数据　205

14.5.3　在Dreamweaver 8中创建简单记录集　206

14.5.4　利用SQL命令创建记录集　207

14.5.5　使用【数据库项】树创建SQL查询　207

14.6　执行SQL命令　208

14.7　给页面绑定动态内容　209

14.7.1　添加动态内容的基本方法　209

14.7.2　设置表单对象为动态　210

1. 设置文本域为动态　210

2. 设置图像域为动态　211

3. 设置复选框为动态　211

4. 设置列表/菜单为动态　212

5. 设置单选按钮为动态　212

14.7.3　设置HTML属性为动态　213

1. 通过【绑定】面板设置HTML属性为动态　213

2. 在设置文件URL地址时选择动态来源　213

14.7.4　改变动态内容格式　214

14.8　在页面中显示记录　215

14.8.1　利用【重复区域】服务器行为显示多条记录　215

14.8.2　对记录进行计数和统计　216

1. 利用【绑定】面板对记录进行计数和统计　216

2. 利用【插入】栏对记录进行计数和统计　217

14.8.3　构建导航链接　217

1. 利用【服务器行为】面板构建导航链接　217

2. 利用【插入】栏构建导航链接　218

14.8.4　创建显示区域和隐藏区域　218

14.9　典型实例——图书查询　219

14.9.1　实例目标　219

14.9.2　制作过程　219

1. 文件说明　219

2. 创建数据库　219

3. 制作查询页面　220

4. 连接数据库　221

5. 制作结果页面　221

14.10　本章小结　226

第15章　“宁雨轩”网站实例　227

15.1　准备工作　228

15.1.1　站点的规划和设置　228

1. 规划站点结构　228

2. 定义站点　228

3. 设置服务器行为　228

15.1.2　收集素材和资料　228

15.1.3　关于创建数据库　228

15.2　制作网站首页　229

15.2.1　制作页眉区　229

15.2.2　制作主内容区　233

15.2.3　制作版权区　236

15.3　在线音乐系统　238

15.3.1　系统分析　238

15.3.2　设计数据库　238

1. 设计数据表　239

2. 连接数据库　239

15.3.3　制作音乐列表页面(music.asp)　239

15.3.4　制作播放音乐页面(play.asp)　243

15.3.5　制作音乐下载页面(download.asp)　246

15.4　在线投票系统　248

15.4.1　系统分析　248

15.4.2　设计数据库　248

1. 设计数据库表vote_db_vote　248

2. 设计数据库表vote_db_voteip　248

15.4.3　显示投票结果页面(show_vote.asp)　249

1. 创建记录集　249

2. 显示数据　249

3. 制作柱形图示　251

15.4.4　搜集投票信息页面(vote.asp)　252

1. 制作投票表单　252

2. 防止重复投票　254

3. 传递投票信息到count.asp　255

15.4.5　处理投票数据页面(count.asp)　256

15.4.6　提示重复投票页面(sorry.asp)　256

15.5　留言系统　257

15.5.1　设计分析　257

15.5.2　设计数据库　257

1. 设计数据库表liuyandata　257

2. 设计数据库表liuyanmanage　258

15.5.3　制作留言首页(liuyan.asp)　259

15.5.4　书写留言页面(guestbook.asp)　263

15.5.5　管理留言　266

1. 管理页面(admin.asp)　267

2. 删除页面(del.asp)　268

3. 成功删除提示页面(delsuccess.html)　269

4. 回复页面(reply.asp)　269

15.5.6　安全机制　271

1. 安全机制原理　272

2. 登录页面(login.asp)　272

3. 登录失败页面(error.html)　274

4. 设置访问权限　274

5. 退出管理　274

第16章　网站的发布　275

16.1　网站的测试　276

16.1.1　兼容性测试　276

16.1.2　检查链接　276

16.1.3　检测下载速度　277

16.1.4　站点报告　277

16.1.5　清理文档　277

16.2　申请网站空间　278

16.3　申请域名　278

16.4　站点的发布　279

16.4.1　使用Dreamweaver上传　279

16.4.2　在虚拟主机管理面板中上传　281

16.5　网站备案　282

16.6　网站的维护与推广　283

16.7　本章小结　284