巧学巧用Dreamweaver 8制作网页目录

时间：2023-02-20 14:20:01 | 来源：营销百科

时间：2023-02-20 14:20:01 来源：营销百科

巧学巧用Dreamweaver 8制作网页目录：第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

本章中对一些与Internet有关的术语进行简单的解释，然后阐述与HTML有关的知识，接着对Dreamweaver MX 2004的各项功能进行介绍，最后讲解如何使用Fireworks辅助网页设计，为制作网页提供更大的方便。

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

本章主要介绍创建基本的网页文档和Dreamweaver站点的方法，包括使用Dreamweaver的基本功能对页面进行简单的编辑，并讲解网站的有关概念。

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

本章详细说明了编辑HTML文档的各种具体操作，并以实例进一步说明了各种操作的具体方法，同时还讲解了如何为页面添加链接，包括文字链接、图片链接和热点链接等内容。

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．添加/删除Netscape调整修复　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

本章通过4个实例深入讲解向页面中添加页面元素的方法，包括使用表格显示数据和内容，添加音乐、视频等多媒体，添加各种Flash元素，同时讲解在页面中添加和使用表单的方法。

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

本章主要讲解使用Dreamweaver的行为功能和JavaScript脚本代码及其他脚本代码为网页添加各种网页动态效果的操作。

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

这一章是本书惟一介绍服务器端技术的一章，目的是使读者对如何使用Dreamweaver来开发服务器端的程序有一个初步的了解。

10.1　动态网页与ASP　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