dreamweaver cs6完美网页制作——基础、实例与技巧从入门到精通

目　录

**部分　预备知识篇

第1章　网页设计基础　3
1.1　网页基本知识　3
1.1.1　什么是internet　3
1.1.2　什么是网站　4
1.1.3　什么是web服务器　4
1.1.4　什么是静态网页　4
1.1.5　什么是动态网页　4
1.2　网页的基本构成元素　5
1.2.1　网站logo　5
1.2.2　网站banner　5
1.2.3　导航栏　6
1.2.4　文本　6
1.2.5　图像　6
1.2.6　flash动画　7
1.3　常用网页设计软件　8

第2章　网页色彩知识　10
2.1　网页配色基础　10
2.2　色彩意象　12
2.3　网页色彩搭配知识　15
2.3.1　网页色彩搭配的技巧　16
2.3.2　网页要素色彩的搭配　17
2.3.3　色彩的对比搭配　18

第3章　网页的布局设计　20
3.1　网页版面布局设计　20
3.1.1　网页版面布局原则　20
3.1.2　点、线、面的构成　21
3.2　网页布局方法　23
3.2.1　纸上布局法　23
3.2.2　软件布局法　24
3.3　常见的版面布局形式　24
3.4　文字与版式设计　27
3.4.1　文字的字体、字号、行距　27
3.4.2　文字的颜色　28
3.4.3　文字的图形化　29
3.5　图像与版式设计　29
3.5.1　图像的设计流程　30
3.5.2　网页中应用图像的要点　30

第二部分　静态网页制作篇

第4章　基本文本网页的创建　33
4.1　dreamweaver cs6简介　33
4.2　dreamweaver cs6的操作界面　33
4.2.1　菜单栏　34
4.2.2　常用插入栏　35
4.2.3　文档窗口　35
4.2.4　【属性】面板　36
4.2.5　浮动面板　36
4.3　创建站点　36
4.3.1　使用向导建立站点　36
4.3.2　使用高级设置建立站点　38
4.4　添加文本　40
4.4.1　在网页中添加文本　40
4.4.2　设置文本属性　41
4.5　创建项目列表和编号列表　44
4.5.1　创建项目列表　44
4.5.2　创建编号列表　45
4.6　设置头信息　45
4.6.1　设置标题　46
4.6.2　设置meta　46
4.6.3　插入关键字　46
4.6.4　插入说明　47
4.6.5　插入刷新　47
4.7　实战演练——创建基本文本网页　47
4.8　技巧与问答　50
第1问　为何无法在文字中输入多个空格字符　50
第2问　为什么插入的水平线颜色无法修改　50
第3问　如何设定若干秒后自动转向指定的网页　52
第4问　如何在整个站点中查找与替换文字　53
第5问　如何在网页中插入特殊符号　54
第6问　如何清除网页中不必要的html代码　54
第7问　如何在网页中输入上下标　55
第8问　为什么让一行字居中，其他行也居中　55
第9问　为什么在dreamweaver中按键换行时，与上一行的距离很大　55

第5章　图像和多媒体的使用　56
5.1　网页中图像的使用常识　56
5.2　图像的基本操作　57
5.2.1　在网页中插入图像　57
5.2.2　设置图像属性　58
5.2.3　裁剪图像　60
5.2.4　调整图像的亮度和对比度　61
5.2.5　锐化图像　62
5.3　插入其他网页图像　62
5.3.1　背景图像　62
5.3.2　创建鼠标经过图像　63
5.4　添加flash影片　65
5.5　插入视频文件　67
5.6　插入其他媒体对象　69
5.6.1　插入shockwave影片　69
5.6.2　插入java小应用程序　70
5.7　实战演练　72
5.7.1　实例1——创建鼠标经过图像导航栏　72
5.7.2　实例2——创建图文混和网页　74
5.8　技巧与问答　76
第1问　如何给网页图像添加边框　77
第2问　为什么设置的背景图像不显示　77
第3问　如何制作当鼠标移到图片上时会自动出现该图片的说明文字　77
第4问　如何调整图片与文字的间距　77
第5问　如何把网页中的flash背景设置为透明　77
第6问　如何在网页中插入背景音乐　79
第7问　如何让网页中的图片出现不同程度的透明或渐变透明效果　84
第8问　如何制作图像由透明到清楚，再由清楚到透明，这样忽隐忽现的效果　85

第6章　使用表格排列网页数据　88
6.1　插入表格　88
6.2　设置表格的各项属性　90
6.2.1　设置表格的属性　90
6.2.2　设置单元格属性　91
6.3　选择表格　91
6.3.1　选择整个表格　92
6.3.2　选择一个单元格　92
6.4　编辑表格和单元格　92
6.4.1　复制和粘贴表格　93
6.4.2　添加行、列　93
6.4.3　删除行、列　94
6.4.4　合并单元格　94
6.4.5　拆分单元格　94
6.5　实战演练——利用表格布局网页　95
6.6　技巧与问答　100
第1问　如何制作细线表格　100
第2问　为何在dreamweaver中把单元格宽度或高度设置为1没有效果　103
第3问　如何制作圆角表格　103
第4问　如何实现当鼠标移到某个单元格上时，该单元格自动变换背景色　107
第5问　如何将外部的数据导入到网页中　109
第6问　如何给表格中的数据排序　111
第7问　怎样使表格具有阴影特效　112
第8问　如何让表格的边框具有不同颜色、不断闪烁的效果　113
第9问　如何制作出具有立体感的表格　115

第7章　使用模板、库和插件　117
7.1　创建模板　117
7.1.1　直接创建模板　117
7.1.2　从现有文档创建模板　118
7.2　创建可编辑区域　119
7.3　使用模板创建新网页　120
7.4　创建与应用库项目　124
7.4.1　创建库项目　124
7.4.2　应用库项目　128
7.5　安装和应用第三方插件　129
7.5.1　安装插件　129
7.5.2　应用插件　130
7.6　实战演练　132
7.6.1　实例1——创建模板　132
7.6.2　实例2——利用模板创建网页　138
7.6.3　实例3——制作图片渐显效果插件　141
7.7　技巧与问答　142
第1问　什么时候需要使用模板　142
第2问　如何定义重复区域　142
第3问　如何定义重复表格　143
第4问　如何利用库更新站点网页　143
第5问　如何插入可选区域　143
第6问　如何将文档从模板中分离　144
第7问　如何利用插件制作网页上的飘浮图片　144
第8问　如何利用插件实现在不同时刻显示不同的问候语　145
第9问　利用插件制作随机显示指定图像列表中的图像　147

第8章　表单的使用　149
8.1　插入表单　149
8.2　插入文本域　151
8.2.1　插入单行文本域　151
8.2.2　插入密码域　153
8.2.3　插入多行文本域　155
8.3　复选框和单选按钮　156
8.3.1　插入单选按钮　157
8.3.2　插入复选框　159
8.4　插入列表和菜单　160
8.5　插入按钮　162
8.6　实战演练——创建电子邮件反馈表单　164
8.7　技巧与问答　171
第1问　如何显示表单中的红色虚线框　171
第2问　如何改变多行文本域中滚动条的颜色　171
第3问　如何实现复选框全选、全不选和反选效果　174
第4问　如何避免表单撑开表格　178
第5问　如何制作一个可以返回到上一页的按钮　178
第6问　如何禁止在文本框中输入中文　180
第7问　如何限制在多行文本框中输入的文字总数　181
第8问　访问者填写好表单并提交后，如何检查各项数据的正确性　182
第9问　如何让访问者输入正确的名称和密码才能进入网页且不通过数据库实现　183

第9章　超级链接的创建　185
9.1　超级链接的基本概念　185
9.2　创建链接的方法　185
9.3　实战演练　187
9.3.1　实例1——创建外部链接　187
9.3.2　实例2——创建e-mail链接　188
9.3.3　实例3——创建锚点链接　189
9.3.4　实例4——创建图像热点链接　193
9.4　技巧与问答　196
第1问　如何实现当鼠标移到超级链接上时改变形状　196
第2问　如何实现鼠标移动到滚动的文字上时，文字就停止滚动，再用鼠标单击文字并离开时又会继续滚动　197
第3问　如何设置在任何情况下使所有链接文字都看不到其底线　198
第4问　内容很长的网页，如何设置可以随时跳回*前面　200
第5问　如何删除图片链接的蓝色边框　201
第6问　如何设置单击链接后打开的网页显示在新窗口中　203
第7问　如何创建下载文件的链接　204
第8问　如何实现当鼠标移到某个图片上时会自动变换图片，移开后又换回来　206
第9问　如何实现鼠标移到某链接文字时，字会变大或改变颜色，移开后又恢复原状　207

第10章　css样式表的应用　209
10.1　在html中引用样式表的方法　209
10.2　设置css属性　210
10.2.1　类型属性　210
10.2.2　背景属性　210
10.2.3　区块属性　211
10.2.4　方框属性　212
10.2.5　边框属性　212
10.2.6　列表属性　213
10.2.7　定位属性　213
10.2.8　扩展属性　214
10.2.9　设置过渡样式　214
10.3　链接到或导出外部css样式表　214
10.3.1　创建外部样式表　214
10.3.2　链接外部样式表　216
10.4　实战演练　217
10.4.1　实例1——应用css样式定义文本间行距　217
10.4.2　实例2——应用css样式制作阴影文字　219
10.5　技巧与问答　221
第1问　css的3种用法在一个网页中可以混用吗　221
第2问　在css中出现“〈!--”和“--〉”可以删除吗　222
第3问　为何网页中的文字在某些电脑上显示正常，但在某些电脑上会变大或变小　222
第4问　如何利用css去掉链接文字下划线　223
第5问　如何利用css设计水平线样式　225
第6问　如何利用css滤镜制作光晕文字　227
第7问　如何利用css改变鼠标形状　229
第8问　如何利用css实现背景变换的导航菜单　231
第9问　如何利用css实现滚动条的彩色显示　235

第11章　css+div灵活布局网页　237
11.1　初识div　237
11.1.1　div概述　237
11.1.2　div与span的区别　238
11.1.3　div与css布局优势　239
11.2　css定位　240
11.2.1　盒子模型的概念　240
11.2.2　float定位　240
11.2.3　position定位　241
11.3　css布局理念　242
11.3.1　将页面用div分块　242
11.3.2　设计各块的位置　242
11.3.3　用css定位　243
11.4　常见的布局类型　244
11.4.1　列固定宽度　244
11.4.2　列自适应　245
11.4.3　两列固定宽度　246
11.4.4　两列宽度自适应　247
11.4.5　两列右列宽度自适应　248
11.4.6　三列浮动中间宽度自适应　248

第12章　利用行为和脚本制作动感特效网页　250
12.1　行为的概述　250
12.2　行为的动作和事件　251
12.2.1　常见的动作类型　251
12.2.2　事件　252
12.3　使用dreamweaver内置行为　252
12.3.1　交换图像　253
12.3.2　弹出信息　255
12.3.3　打开浏览器窗口　257
12.3.4　转到url　259
12.3.5　预先载入图像　261
12.3.6　设置容器中的文本　263
12.3.7　显示-隐藏元素　265
12.3.8　检查插件　269
12.3.9　检查表单　269
12.3.10　设置状态栏文本　271
12.4　技巧与问答　273
第1问　如何制作滚动公告　273
第2问　如何制作自动关闭网页　278
第3问　如何显示当前日期和时间　280
第4问　如何将站点加入收藏夹　281
第5问　如何将站点设为首页　282
第6问　如何实现定时关闭窗口　283
第7问　如何为页面设置访问口令　285

第三部分　动态网页制作篇

第13章　dreamweaver cs6动态网页设计基础　289
13.1　html的基础　289
13.1.1　html的基本概念　289
13.1.2　html的基本语法　290
13.2　在dreamweaver cs6中编写代码　290
13.2.1　使用代码提示　290
13.2.2　使用代码片段　292
13.2.3　使用标签选择器插入标签　293
13.2.4　使用标签编辑器编辑标签　295
13.2.5　用标签检查器编辑标签　295
13.3　建立数据库连接　295
13.3.1　了解dsn　295
13.3.2　定义系统dsn　295
13.3.3　建立系统dsn连接　297
13.4　编辑数据表记录　297
13.4.1　了解记录集　297
13.4.2　创建记录集　298
13.4.3　插入记录　299
13.4.4　更新记录　300
13.4.5　删除记录　300
13.5　增加服务器行为　301
13.5.1　插入重复区域　301
13.5.2　插入显示区域　302
13.5.3　记录集分页　302
13.5.4　转到详细页面　303
13.5.5　转到相关页面　303
13.5.6　用户身份验证　304
13.6　实战演练——创建留言系统　306
13.6.1　创建数据库　306
13.6.2　设置数据源odbc　307
13.6.3　定义数据库连接　308
13.6.4　制作发布留言页面　309
13.6.5　制作留言列表页面　314
13.6.6　制作显示留言页面　321
13.7　系统测试　324
13.8　技巧与问答　325
第1问　如何使用代码提示插入滚动公告　325
第2问　创建数据库连接一定要在服务器端设置dsn吗　328
第3问　如何获得更多的服务器行为　329
第4问　如何编辑数据源　329
第5问　如何设置数据源的数据格式　329
第6问　如何使用动态表单　329

第14章　设计典型动态网站模块　332
14.1　新闻发布系统　332
14.1.1　新闻发布系统分析　332
14.1.2　设计数据库　333
14.1.3　创建数据库连接　333
14.1.4　制作新闻列表页面　335
14.1.5　制作新闻详细显示页面　339
14.1.6　制作管理员登录页面　342
14.1.7　创建新闻列表管理页面　347
14.1.8　制作新闻添加页面　353
14.1.9　制作新闻修改页面　357
14.1.10　制作新闻删除页面　359
14.1.11　系统测试　361
14.2　制作会员注册登录系统　364
14.2.1　数据库设计与连接　364
14.2.2　制作注册页面zhc　366
14.2.3　制作注册成功与失败页面　372
14.2.4　制作登录页面　373
14.2.5　制作登录成功页面　377
14.2.6　制作登录失败页面　378
14.2.7　系统测试　379
14.3　技巧与问答　381
第1问　如果asp文件有错误，iis只会显示“http500错误”，但却不显示详细的错误信息，如何解决　381
第2问　如何使用asp发送邮件　381
第3问　如何在网页中使用包含文件　381
第4问　如何保护自己的asp源代码不泄露　382
第5问　什么是activex控件，在何处可以下载　382
第6问　我已经在服务器行为中将“插入记录”行为删除了，为什么重做“插入记录”后，运行时还会提示变量重复定义　382

第四部分　网站建设篇

第15章　网站建设规范与流程　385
15.1　网站建设规范　385
15.1.1　组建开发团队规范　385
15.1.2　开发工具规范　385
15.1.3　超链接设计规范　386
15.1.4　文件夹和文件命名规范　386
15.1.5　代码设计规范　387
15.2　网站建设的基本流程　388
15.2.1　确定站点目标　388
15.2.2　确定目标浏览者　388
15.2.3　确定站点风格　389
15.2.4　收集资源　389
15.2.5　设计网页图像　390
15.2.6　制作网页　390
15.2.7　开发动态网站模块　391
15.2.8　申请域名和服务器空间　391
15.2.9　测试与发布　392
15.2.10　推广网站　392

第16章　网站的发布与推广　393
16.1　测试站点　393
16.1.1　检查链接　393
16.1.2　站点报告　394
16.1.3　清理文档　394
16.2　发布网站　396
16.3　维护网站　397
16.4　网站的推广　398
16.4.1　登录搜索引擎　398
16.4.2　交换广告条　398
16.4.3　使用meta标签　399
16.4.4　使用传统方式推广　399
16.4.5　借助网络广告　399
16.4.6　登录网址导航站点　399
16.4.7　通过bbs宣传　400

第五部分　综合案例篇

第17章　制作个人网站　403
17.1　个人网站设计要点　403
17.2　主要功能页面　404
17.3　制作个人网站主页　404
17.4　制作主页特效　406
17.4.1　制作状态栏显示停留时间特效　406
17.4.2　制作刷新网页随机播放音乐特效　408
17.5　制作网络素材页面　409
17.5.1　制作浮动框架页　410
17.5.2　插入浮动框架　411
17.6　技巧与问答　412
技巧1　使用表格布局网页的一些技巧　412
技巧2　巧妙清除网页距浏览器左边框和顶部边框的空白　412
技巧3　浮动框架iframe的使用技巧　413

第18章　公司宣传网站的制作　414
18.1　企业网站设计分析　414
18.1.1　企业网站内容设计　414
18.1.2　排版构架　415
18.2　各部分设计　416
18.2.1　logo与顶部导航　416
18.2.2　左侧导航　418
18.2.3　主体内容　420
18.2.4　制作搜索部分　424
18.2.5　制作公司新闻　424
18.2.6　制作联系我们　425
18.2.7　底部版权信息　426

第19章　制作时尚购物网站　427
19.1　购物网站设计概述　427
19.2　创建数据库表　429
19.3　创建数据库连接　430
19.4　制作购物系统前台页面　430
19.4.1　制作商品分类展示页面　430
19.4.2　制作商品详细信息页面　437
19.5　制作购物系统后台管理　440
19.5.1　制作管理员登录页面　440
19.5.2　制作添加商品分类页面　444
19.5.3　制作添加商品页面　448
19.5.4　制作商品管理页面　451
19.5.5　制作修改页面　456
19.5.6　制作删除页面　460
19.6　技巧与问答　463
第1问　如何创建动态图像　463
第2问　如何安装第三方服务器行为　463
第3问　如何为网站增加购物车和在线支付功能　464