典型商业网站建设实例精讲（Dreamweaver版）

第一篇　基础知识篇
第1章　网页设计基础知识　1
1.1　WWW概述　2
1.2　网址、网站、网页和浏览器　3
1.2.1　网址　3
1.2.2　网站　5
1.2.3　网页　5
1.2.4　浏览器　6
1.3　HTML、CSS和JavaScript　6
1.3.1　HTML　7
1.3.2　CSS　8
1.3.3　JavaScript　9
1.4　小结　10
1.5　上机练习　10
1.5.1　编辑HTML页面　10
1.5.2　编写CSS程序　11
1.5.3　编写JavaScript程序　12
第2章　工具——Dreamweaver 8操作指南　13
2.1　Dreamweaver 8简介　14
2.1.1　Dreamweaver 8的基本功能　14
2.1.2　Dreamweaver 8的新增功能　15
2.2　Dreamweaver 8的安装及激活　16
2.2.1　Dreamweaver 8的安装　16
2.2.2　Dreamweaver 8的激活　17
2.3　Dreamweaver 8界面说明　19
2.3.1　Dreamweaver 8的启动　19
2.3.2　Dreamweaver 8的工作环境　20
2.4　术语　23
2.4.1　建立本地站点　23
2.4.2　新建页面　26
2.4.3　设置页面标题　28
2.4.4　打开已有页　29
2.4.5　保存页面　30
2.4.6　预览页面　30
2.4.7　关闭页面　31
2.4.8　“属性”面板　31
2.4.9　“插入”栏　32
2.4.10　“文档”工具栏　32
2.5　小结　32
2.6　上机练习　32
2.6.1　在Dreamweaver 8中创建一个新的站点　33
2.6.2　创建空白网页文档　33
第3章　格式——网页设计入门　35
3.1　HTML的相关知识　36
3.1.1　HTML的基本概念　36
3.1.2　HTML的基本结构　37
3.2　设置页面属性　38
3.3　文字的排版　39
3.3.1　标题格式　40
3.3.2　文字格式　42
3.3.3　设置文本大小　44
3.3.4　设置文本颜色　45
3.4　设置文本修饰　47
3.5　插入特殊符号　49
3.6　段落的排版　49
3.6.1　换行格式　50
3.6.2　水平线　51
3.7　列表的设置　52
3.7.1　项目列表　53
3.7.2　编号列表　55
3.7.3　定义列表　58
3.7.4　列表的嵌套　60
3.8　注释的使用　61
3.9　小结　63
3.10　上机练习　64
3.10.1　设置文本格式　64
3.10.2　设计网页文本的综合效果　65
第4章　图像——网页不仅有文字　67
4.1　图像的格式　68
4.1.1　GIF格式　68
4.1.2　JPEG格式　69
4.1.3　PNG格式　70
4.2　插入图像与图像占位符　70
4.2.1　插入图像　70
4.2.2　插入图像占位符　74
4.3　设置图像与图像占位符　77
4.3.1　设置背景图像　77
4.3.2　设置图像的常用属性　79
4.3.3　设置图像大小　82
4.3.4　对图像重新取样　83
4.3.5　裁剪图像　84
4.3.6　调整图像的亮度和对比度　85
4.3.7　锐化图像　86
4.3.8　设置图像占位符属性　87
4.3.9　替换图像占位符　87
4.4　使用Fireworks对图像进行处理　88
4.4.1　使用Fireworks编辑图像　88
4.4.2　使用Fireworks优化图像　90
4.5　制作图像地图　91
4.5.1　创建图像地图　91
4.5.2　修改图像地图　93
4.6　制作相册　94
4.7　小结　96
4.8　上机练习　97
4.8.1　制作"田园风光"页面　97
4.8.2　创建图像地图　98
4.8.3　花之海洋——制作相册　99
第5章　链接——有链接才叫网页　101
5.1　URL的相关知识　102
5.1.1　URL概述　102
5.1.2　路径详解　103
5.2　超链接的类型　105
5.3　创建与管理链接　106
5.3.1　创建内部链接　106
5.3.2　创建外部链接　112
5.3.3　创建E-mail链接　112
5.3.4　创建下载链接　113
5.3.5　创建锚点链接　114
5.3.6　创建空链接及脚本链接　116
5.3.7　创建跳转菜单　119
5.3.8　创建导航条　122
5.3.9　热点链接　124
5.4　综合实例　126
5.5　小结　130
5.6　上机练习　131
5.6.1　制作锚点链接页面　131
5.6.2　制作跳转菜单页面　131
第6章　表格——网页设计的基础　133
6.1 表格的基本操作　134
6.1.1　插入表格　134
6.1.2　向单元格添加内容　139
6.1.3　选择表格　140
6.1.4　选择单元格、行和列　141
6.1.5　表格的嵌套　143
6.1.6　导入表格式数据　143
6.1.7　导出表格数据　144
6.2　设置表格属性　145
6.2.1　设置整个表格的属性　145
6.2.2　设置单元格、行或列属性　148
6.2.3　使用预置表格　150
6.3　表格的编辑　151
6.3.1　调整表格大小　151
6.3.2　更改行高或列宽　151
6.3.3　添加及删除行和列　152
6.3.4　单元格的合并及拆分　154
6.3.5　单元格的复制、剪切、粘贴和清除　155
6.3.6　排序表格　158
6.4　布局表格和布局单元格　160
6.4.1　标准模式和布局模式　160
6.4.2　创建布局表格　161
6.4.3　创建布局单元格　162
6.4.4　调整布局表格和单元格　163
6.4.5　设置布局表格和单元格的属性　164
6.5　综合实例　168
6.6　小结　172
6.7　上机练习　172
6.7.1　绘制嵌套布局表格　172
6.7.2　表格定位页面　173
第7章　层和行为——让网页设计更灵活　177
7.1　层的概念及分类　178
7.1.1　层的概念　178
7.1.2　层的分类　179
7.2　层的操作　179
7.2.1　层的标记　179
7.2.2　创建层　180
7.2.3　激活层　183
7.2.4　选择层　184
7.2.5　移动层　185
7.2.6　调整层的大小　185
7.2.7　对齐层　187
7.2.8　靠齐层到网格　188
7.3　层的管理　189
7.3.1　“层”面板　189
7.3.2　防止层重叠　189
7.3.3　调整层的顺序　190
7.3.4　更改层的可见性　191
7.4　层的属性设置　192
7.4.1　层的首选参数设置　192
7.4.2　单个层的属性设置　193
7.4.3　多个层的属性设置　194
7.5　层与表格间的转换　194
7.5.1　层转换为表格　195
7.5.2　表格转换为层　196
7.6　层和行为　197
7.6.1　行为　197
7.6.2　“行为”面板　197
7.6.3　向层添加行为　198
7.6.4　更改行为　199
7.6.5　标准动作　200
7.6.6　标准事件　203
7.6.7　综合实例——看图学英语　204
7.6.8　综合实例——书籍简介　208
7.7　小结　210
7.8　上机练习　210
7.8.1　制作“静夜思”页面　211
7.8.2　制作“图片拖动”网页特效　212
7.8.3　制作“人物简介”页面　213
第二篇　提高篇
第8章　头部和主体——网页属性的设置　215
8.1　头部　216
8.1.1　头部标记概述　217
8.1.2　插入“标题”　218
8.1.3　插入“基础”　219
8.1.4　插入“链接”　219
8.1.5　插入“Meta”　220
8.2　主体　227
8.2.1　主体标记概述　228
8.2.2　外观　228
8.2.3　标题/编码　230
8.2.4　跟踪图像　230
8.3　小结　231
8.4　上机练习　231
8.4.1　添加头部标记　231
8.4.2　设置页面属性　232
第9章　多媒体——丰富多彩的网页　233
9.1　多媒体的概念和构成元素　234
9.2　Dreamweaver 8中多媒体的基本操作　235
9.2.1　插入和编辑媒体对象　235
9.2.2　为媒体文件启动外部编辑器　236
9.3　插入Flash　237
9.3.1　在网页中插入Flash动画　238
9.3.2　在网页中插入Flash按钮　240
9.3.3　在网页中插入Flash文本　241
9.3.4　在网页中插入ActiveX控件　242
9.4　插入视频　243
9.4.1　视频的文件格式　243
9.4.2　插入视频　244
9.4.3　利用超链接插入视频　245
9.5　插入声音　246
9.5.1　利用超链接插入声音　246
9.5.2　嵌入声音文件　247
9.5.3　插入背景音乐　247
9.6　小结　248
9.7　上机练习　248
第10章　CSS——网页美化大师　249
10.1　CSS基础知识　250
10.1.1　CSS简介　250
10.1.2　CSS的作用　250
10.2　CSS语法　251
10.2.1　基本CSS语法　251
10.2.2　创建CLASS　253
10.2.3　使用ID　254
10.3　CSS的放置　255
10.4　有关样式冲突　256
10.5　Dreamweaver 8中有关CSS的操作　258
10.5.1　创建新样式　258
10.5.2　编辑已有CSS　260
10.5.3　应用CSS样式　260
10.5.4　删除CSS样式　261
10.6　CSS属性　261
10.6.1　类型面板　261
10.6.2　背景面板　262
10.6.3　区块面板　263
10.6.4　方框面板　264
10.6.5　边框面板　265
10.6.6　列表面板　266
10.6.7　定位面板　266
10.6.8　扩展面板　268
10.7　CSS滤镜　269
10.7.1　CSS滤镜概述　269
10.7.2　Alpha　270
10.7.3　Blur　271
10.7.4　Chroma　272
10.7.5　DropShadow　273
10.7.6　FlipH和FlipV　274
10.7.7　Glow　274
10.7.8　Gray　275
10.7.9　Invert　276
10.7.10　Mask　276
10.7.11　Shadow　277
10.7.12　Wave　277
10.7.13　Xray　278
10.7.14　Light　279
10.7.15　RevealTrans　280
10.7.16　BlendTrans　280
10.8　小结　281
10.9　上机练习　282
10.9.1　CSS属性的设置　282
10.9.2　外部样式表的引用　282
10.9.3　滤镜的使用　282
第11章　JavaScript——编程使网页活起来　283
11.1　JavaScript概述　284
11.1.1　什么是JavaScript　284
11.1.2　将JavaScript嵌入页面　284
11.2　JavaScript语言基础　286
11.2.1　变量定义　286
11.2.2　表达式和运算符　286
11.2.3　程序流程控制　288
11.2.4　函数　290
11.2.5　事件　291
11.2.6　对象　292
11.3　JavaScript常用实例代码　298
11.4　Dreamweaver 8中JavaScript的操作　301
11.5　小结　302
11.6　上机练习　303
11.6.1　window对象的方法　303
11.6.2　编制一个走动的时钟　303
11.6.3　对电子邮件格式的检验　303
第12章　动态网页——交互才是真正的网站　305
12.1　实例说明　306
12.2　ASP环境配置　307
12.2.1　什么是ASP　308
12.2.2　IIS的配置　309
12.3　重新定义Dreamweaver 8站点　310
12.4　表单　311
12.4.1　什么是表单　311
12.4.2　表单的结构　311
12.4.3　表单的制作　312
12.5　创建数据库　318
12.5.1　建立数据库　318
12.5.2　建立数据表　319
12.5.3　相关概念　320
12.6　SQL语言　321
12.6.1　数据查询　321
12.6.2　插入记录　323
12.6.3　修改记录　323
12.6.4　删除记录　323
12.7　创建与数据库的连接　324
12.7.1　理解数据库连接　324
12.7.2　调用数据库驱动程序　325
12.8　在Dreamweaver 8中创建ASP程序　328
12.8.1　页面之间信息传递　328
12.8.2　连接数据库　330
12.8.3　定义记录集　331
12.8.4　对记录集进行判断　333
12.8.5　代码综合　333
12.8.6　补充说明　335
12.9　小结　336
12.10　上机练习　336
12.10.1　表单的制作　336
12.10.2　数据库及数据表的操作　337
12.10.3　创建DSN　338
12.10.4　IIS配置　339
12.10.5　ASP编程练习　339
第三篇　行业规范篇
第13章　商业网站设计　341
13.1　商业网站设计概述　342
13.2　商业网站设计流程　344
13.2.1　前期策划　344
13.2.2　网站结构分析　347
13.2.3　界面创作与页面制作　351
13.2.4　网站的发布与维护　354
13.3　商业网站开发规范　355
13.3.1　项目管理规范　355
13.3.2　网页内容组织规范　355
13.4　小结　356
13.5　练习　356
第14章　商业网站的系统配置　357
14.1　IIS的安装　358
14.1.1　检查操作系统是否安装了IIS　358
14.1.2　安装IIS　359
14.2　网站IIS运行环境的配置　361
14.3　小结　364
14.4　上机练习　364
第四篇　应用案例篇
第15章　企业——MOTOROLA 　365
15.1　网站需求分析　366
15.2　网站结构设计　366
15.3　网站界面设计　370
15.4　切图　372
15.4.1　首页界面切图　372
15.4.2　二级和三级界面切图　373
15.5　网站网页制作　374
15.5.1　首页页面的制作　374
15.5.2　二级和三级页面的制作　376
15.6　小结　376
第16章　电子商务——ALIBABA　377
16.1　网站需求分析　378
16.2　网站首页的设计制作　378
16.3　网站二级页面设计制作　381
16.4　网站三级页面设计制作　382
16.5　导航条的制作　384
16.5.1　界面制作　384
16.5.2　切片　385
16.5.3　制作导航网页　386
16.6　小结　388
第17章　教育——清华大学校园网　389
17.1　网站需求分析　390
17.2　网站首页设计制作　390
17.2.1　结构设计　391
17.2.2　界面设计　391
17.2.3　切图　392
17.2.4　页面制作　392
17.3　网站二级页面设计制作　393
17.3.1　结构分析　393
17.3.2　界面设计　393
17.3.3　切图　394
17.3.4　页面制作　395
17.4　小结　396
第18章　大众传媒——CCTV　397
18.1　网站需求分析　398
18.2　网站结构分析　398
18.3　网站界面设计　400
18.4　页面切图　401
18.5　页面制作　402
18.6　小结　408
第19章　时尚——金帝食品有限公司　409
19.1　网站需求分析　410
19.2　网站封面设计制作　410
19.2.1　封面Flash的结构设计　411
19.2.2　封面Flash制作　413
19.3　小结　418
第20章　色彩——视觉中国　419
20.1　网站需求分析　420
20.2　网站首页结构分析　420
20.3　网站首页界面设计　421
20.4　小结　427