网页制作与网站建设从入门到精通

目　录

第一部分　入门篇　1

第1章　网页设计基础　3
1.1　预备知识　3
1.2　如何设计网页　6
1.2.1　网页设计的任务　6
1.2.2　网页设计的实现　8
1.2.3　网页设计的基本原则　8
1.3　常用网页设计软件　9
1.4　经典习题与解答　11
1.4.1　填空题　11
1.4.2　简答题　11

第2章　HTML入门　12
2.1　HTML的基本语法　12
2.1.1　HTML基本语法结构　12
2.1.2　创建HTML文件　14
2.2　页面布局与文字标记　15
2.2.1　标题　16
2.2.2　换行
　17
2.2.3　段落标记　18
2.2.4　水平线段　19
2.2.5　文字的大小设置　20
2.2.6　文字的字体与样式　21
2.2.7　文字的颜色　22
2.3　多媒体　23
2.3.1　插入图像　23
2.3.2　播放音乐　24
2.3.3　播放视频　25
2.4　表格标记　25
2.4.1　表格的基本结构　25
2.4.2　表格的标题　25
2.4.3　表格的尺寸设置　26
2.4.4　表格内文字的对齐、布局　27
2.4.5　表格的颜色　27
2.5　超级链接标记　28
2.6　框架标记　28
2.6.1　框架结构的基本格式　29
2.6.2　各窗口的尺寸设置　29
2.6.3　各窗口间相互操作　29
2.7　表单标记　30
2.7.1　表单标记　30
2.7.2　文本域　30
2.7.3　单选按钮　31
2.7.4　复选框　31
2.7.5　按钮　32
2.7.6　列表/菜单　33
2.8　经典习题与解答　33
2.8.1　填空题　33
2.8.2　上机操作题　34

第3章　网站建设基础　35
3.1　预备知识　35
3.1.1　什么是WWW　35
3.1.2　申请域名　35
3.1.3　申请服务器空间　36
3.2　网站建设的一般流程　36
3.2.1　确定网站主题　36
3.2.2　网站整体规划　37
3.2.3　收集资料与素材　37
3.2.4　设计网页图像　38
3.2.5　制作网页　39
3.2.6　开发动态网站模块　39
3.2.7　发布与上传　41
3.2.8　后期更新与维护　41
3.2.9　网站的推广　41
3.3　经典习题与解答　42
3.3.1　填空题　42
3.3.2　简答题　42

第4章　网页中的色彩知识　43
4.1　色彩基础知识　43
4.1.1　色彩的基本概念　43
4.1.2　常见色彩表达的意义　44
4.2　网页色彩的搭配　45
4.2.1　网页色彩搭配原理　46
4.2.2　网页设计中色彩搭配的技巧　46
4.2.3　常见的几种网页配色方案　47
4.3　经典习题与解答　49
4.3.1　填空题　49
4.3.2　简答题　49

第二部分 网页设计与制作篇　51

第5章　熟悉Dreamweaver CS6的工作环境　53
5.1　Dreamweaver CS6工作区　53
5.2　Dreamweaver CS6工具栏　54
5.2.1　标准工具栏　54
5.2.2　文档工具栏　54
5.3　属性面板　55
5.4　插入栏　55
5.4.1　常用插入栏　56
5.4.2　布局插入栏　56
5.4.3　表单插入栏　57
5.4.4　文本插入栏　58
5.4.5　Spry插入栏　58
5.4.6　数据插入栏　58
5.4.7　收藏夹插入栏　59
5.5　Dreamweaver CS6的菜单栏　60
5.5.1　文件菜单　60
5.5.2　编辑菜单　60
5.5.3　查看菜单　60
5.5.4　插入菜单　60
5.5.5　修改菜单　60
5.5.6　格式菜单　61
5.5.7　命令菜单　61
5.5.8　站点菜单　61
5.5.9　窗口菜单　62
5.5.10　帮助菜单　62
5.6　Dreamweaver CS6的面板组　63
5.7　经典习题与解答　63
5.7.1　填空题　63
5.7.2　操作题　64

第6章　创建与管理站点　65
6.1　创建本地站点　65
6.1.1　使用站点向导创建本地站点　65
6.1.2　使用高级设置建立站点　67
6.2　管理站点文件　69
6.2.1　创建文件夹和文件　69
6.2.2　移动和复制文件　69
6.3　使用站点地图　70
6.4　经典习题与解答　71
6.4.1　填空题　71
6.4.2　简答题　71

第7章　使用表格排列网页数据　72
7.1　网页的基本构成　72
7.2　网页布局方法　74
7.2.1　纸上布局法　74
7.2.2　软件布局法　74
7.3　常见的网页布局类型　74
7.3.1　“国”字型布局　74
7.3.2　“厂”字型布局　75
7.3.3　“框架”型布局　76
7.3.4　“封面”型布局　76
7.3.5　“Flash”型布局　76
7.4　基本的表格布局方法　77
7.4.1　插入表格　77
7.4.2　设置表格属性　79
7.4.3　合并单元格　79
7.4.4　选取表格对象　80
7.5　利用表格布局网页实例　81
7.5.1　实例——利用表格排列数据　81
7.5.2　实例——“厂”字型布局　82
7.5.3　实例——“封面”型布局　87
7.5.4　实例——“国”字型布局网页　90
7.6　经典习题与解答　97
7.6.1　填空题　97
7.6.2　上机操作题　98

第8章　创建基本图文混合网页　99
8.1　文本的输入和编辑　99
8.1.1　输入文本　99
8.1.2　设置文本属性　100
8.1.3　输入特殊字符　102
8.2　在网页中插入图像　103
8.2.1　插入图像　103
8.2.2　设置图像属性　104
8.2.3　插入鼠标经过图像　106
8.3　创建网页链接　109
8.3.1　创建图像链接　109
8.3.2　创建锚点链接　110
8.3.3　创建电子邮件链接　112
8.3.4　创建图像热点链接　113
8.4　利用CSS美化网页　115
8.4.1　添加CSS的方法　115
8.4.2　应用CSS固定字体大小　116
8.4.3　应用CSS改变文本间行距　119
8.5　插入媒体　120
8.5.1　插入Flash动画　120
8.5.2　插入Flash视频　123
8.5.3　利用插件制作背景音乐网页　124
8.6　经典习题与解答　127
8.6.1　填空题　127
8.6.2　上机操作题　127

第9章　使用模板和库提高网页制作效率　128
9.1　创建模板网页　128
9.1.1　直接创建模板　128
9.1.2　从现有文档创建模板　129
9.2　使用模板　130
9.2.1　定义可编辑区　131
9.2.2　定义新的可选区域　131
9.2.3　定义重复区域　132
9.2.4　基于模板创建网页　132
9.3　管理模板　135
9.3.1　更新模板　135
9.3.2　从模板中脱离　137
9.4　创建与应用库项目　137
9.4.1　关于库项目　137
9.4.2　创建库项目　138
9.4.3　应用库项目　140
9.4.4　修改库项目　141
9.5　模板应用实例　142
9.5.1　实例1——创建网站模板　142
9.5.2　实例2——利用模板创建网页　146
9.6　经典习题与解答　150
9.6.1　填空题　150
9.6.2　上机操作题　150

第10章　CSS+div布局网页　151
10.1　初识div　151
10.1.1　div概述　151
10.1.2　div与span的区别　151
10.1.3　Div与CSS布局优势　153
10.2　使用div定位网页　154
10.2.1　创建div　154
10.2.2　Div的基本操作　156
10.2.3　div与表格的转换　156
10.3　CSS定位　158
10.3.1　盒子模型的概念　158
10.3.2　float定位　159
10.3.3　position定位　160
10.4　CSS布局理念　161
10.4.1　将页面用Div分块　161
10.4.2　设计各块的位置　161
10.4.3　用CSS定位　162
10.5　常见的布局类型　163
10.5.1　列固定宽度　163
10.5.2　列自适应　164
10.5.3　两列固定宽度　165
10.5.4　两列宽度自适应　166
10.5.5　两列右列宽度自适应　167
10.5.6　三列浮动中间宽度自适应　168
10.6　经典习题与解答　169
10.6.1　填空题　169
10.6.2　上机操作题　169

第11章　使用行为和 JavaScript 制作动感特效网页　170
11.1　行为概述　170
11.1.1　认识事件　171
11.1.2　动作类型　172
11.2　使用Dreamweaver内置行为　172
11.2.1　交换图像　172
11.2.2　转到URL　175
11.2.3　打开浏览器窗口　176
11.2.4　弹出信息　178
11.2.5　设置状态栏文本　180
11.2.6　显示-隐藏元素　181
11.2.7　预先载入图像　183
11.2.8　检查表单　185
11.2.9　拖动AP元素　186
11.3　利用脚本制作特效网页　188
11.3.1　制作滚动公告网页　188
11.3.2　制作自动关闭网页　193
11.3.3　利用JavaScript函数实现打印功能　194
11.4　经典习题与解答　195
11.4.1　填空题　195
11.4.2　上机操作题　196

第12章　处理与优化网页中的图片　197
12.1　Photoshop CS6的工作环境简介　197
12.2　调整图像大小　201
12.3　网页图像的色彩调整　203
12.3.1　使用【色阶】命令优化网页图像　203
12.3.2　使用【曲线】命令优化网页图像　205
12.3.3　使用【色彩平衡】命令优化网页图像　206
12.3.4　使用【亮度/对比度】命令优化网页图像　208
12.3.5　使用【色相/饱和度】命令优化网页图像　208
12.4　处理产品图像　209
12.5　经典习题与解答　213
12.5.1　填空题　213
12.5.2　上机操作题　214

第13章　设计网站的Logo和按钮　215
13.1　VI简介　215
13.1.1　VI设计的概念　215
13.1.2　VI在网站设计中的意义　216
13.2　网站标识设计概述　216
13.2.1　网站Logo设计标准　217
13.2.2　网站Logo的标准尺寸　217
13.3　按钮设计　218
13.3.1　制作导航按钮　218
13.3.2　制作发光按钮　221
13.4　经典习题与解答　222
13.4.1　填空题　222
13.4.2　上机操作题　223

第14章　设计网站动画和网络广告　224
14.1　Flash的工作环境简介　224
14.2　网站广告设计指南　226
14.2.1　网站广告设计基本原则　227
14.2.2　网站广告的类型　228
14.3　制作网页广告实例　229
14.3.1　设计banner宣传广告实例　229
14.3.2　给Flash首页添加链接　236
14.3.3　制作控制声音播放动画　239
14.4　经典习题与解答　243
14.4.1　填空题　243
14.4.2　上机操作题　243

第三部分 动态网站开发篇　245

第15章　动态网站创建实例　247
15.1　搭建服务器平台　247
15.1.1　IIS的安装　247
15.1.2　设置IIS服务器　249
15.2　设计数据库　250
15.3　建立数据库连接　251
15.3.1　了解DSN　251
15.3.2　定义系统DSN　251
15.3.3　建立系统DSN连接　252
15.4　定义记录集(查询)　253
15.4.1　简单记录集(查询)的定义　253
15.4.2　高级记录集的定义　254
15.4.3　调用存储过程　255
15.4.4　简单的SQL查询语句　256
15.5　其他数据源的定义　257
15.5.1　请求变量　257
15.5.2　阶段变量　258
15.5.3　应用程序变量　258
15.6　动态数据的绑定　259
15.6.1　绑定动态文本　259
15.6.2　设置动态文本数据格式　259
15.6.3　绑定动态图像　260
15.6.4　向表单对象绑定动态数据　261
15.7　添加服务器行为　262
15.7.1　显示多条记录　262
15.7.2　移动记录　263
15.7.3　显示区域　264
15.7.4　页面之间信息传递　264
15.7.5　用户验证　265
15.3　经典习题与解答　268
15.3.1　填空题　268
15.3.2　上机操作题　268

第16章　动态网站常用模块设计　269
16.1　制作留言系统　269
16.1.1　主要功能页面　269
16.1.2　设计数据库　270
16.1.3　创建数据库连接　272
16.1.4　制作模板页面　273
16.1.5　制作留言显示列表页面　277
16.1.6　制作留言详细信息页　280
16.1.7　制作发表留言页面　282
16.2　制作新闻发布系统　285
16.2.1　主要功能页面　285
16.2.2　设计数据库　286
16.2.3　创建数据库连接　287
16.2.4　制作显示全部新闻列表页面　288
16.2.5　制作新闻详细显示页面　291
16.2.6　制作新闻添加页面　293
16.3　制作会员登录系统　298
16.3.1　数据库设计　298
16.3.2　制作会员注册页面　299
16.3.3　制作登录成功与失败页面　304
16.3.4　制作登录页面　305
16.5　经典习题与解答　309
16.5.1　填空题　309
16.5.2　上机操作题　309

第四部分 网站发布与维护篇　311

第17章　网站的发布　313
17.1　站点的测试　313
17.1.1　检查断掉的链接　313
17.1.2　检查外部链接　313
17.1.3　检查孤立文件　314
17.2　网页的上传　314
17.2.1　利用Dreamweaver上传网页　314
17.2.2　LeadFTP上传文件　316
17.3　经典习题与解答　318
17.3.1　填空题　318
17.3.2　上机操作题　319

第18章　网站的日常维护　320
18.1　网站的运营维护　320
18.2　网站数据库内容维护　322
18.3　网页维护　323
18.4　网站安全维护　323
18.4.1　取消文件夹隐藏共享　324
18.4.2　删掉不必要的协议　325
18.4.3　关闭文件和打印共享　325
18.4.4　把Guest账号禁用　326
18.4.5　禁止建立空连接　327
18.4.6　NTFS权限的设置　327
18.4.7　操作系统账号的管理　328
18.4.8　安装必要的杀毒软件　329
18.4.9　做好Internet Explorer浏览器的安全设置　329
18.5　经典习题与解答　330
18.5.1　填空题　330
18.5.2　简答题　330

第19章　网站的宣传推广　331
19.1　注册到搜索引擎　331
19.2　导航网站登录　333
19.3　友情链接　334
19.4　网络广告　335
19.5　邮件广告　335
19.6　聊天工具推广网站　336
19.7　发布信息推广　336
19.8　博客推广　337
19.9　传统媒体广告　338
19.10　商业资源合作推广　338
19.11　经典习题与解答　339
19.11.1　填空题　339
19.11.2　上机操作题　339

第五部分 综合案例篇　341

第20章　创建企业展示型网站　343
20.1　网站前期策划　343
20.1.1　企业网站分类　343
20.1.2　企业网站主要功能页面　345
20.1.3　本例网站页面　347
20.2　设计网站首页　348
20.2.1　首页的设计　348
20.2.2　切割首页　353
20.3　在Dreamweaver中进行页面排版制作　354
20.3.1　创建本地站点　355
20.3.2　创建二级模板页面　356
20.3.3　利用模板制作其他网页　362
20.4　给网页添加特效　365
20.4.1　滚动公告　365
20.4.2　制作弹出窗口页面　366
20.5　本地测试及发布上传　368
20.6　经典习题与解答　369
20.6.1　填空题　369
20.6.2　上机操作题　369

第21章　设计在线购物网站　370
21.1　购物网站设计概述　370
21.2　购物网站主要特点分析　372
21.2.1　大信息量的页面　372
21.2.2　页面结构设计合理　372
21.2.3　完善的分类体系　373
21.2.4　商品图片的使用　374
21.3　购物网站主要功能和栏目　374
21.4　设计数据库和数据库连接　377
21.4.1　创建数据库表　377
22.4.2　创建数据库连接　379
21.5　制作购物系统前台页面　379
21.5.1　制作商品分类展示页面　379
21.5.2　制作商品详细信息页面　385
21.6　制作购物系统后台管理　387
21.6.1　制作管理员登录页面　387
21.6.2　制作添加商品分类页面　390
21.6.3　制作添加商品页面　393
21.6.4　制作商品管理页面　395
21.6.5　制作修改页面　400
21.6.6　制作删除页面　403
21.7　经典习题与解答　406

附录A　网页制作常见问题精解　407
答案　451