《20小时网站建设完整案例实录》是2013年6月出版的图书，作者是徐洪峰。该书通过20小时的设计讲解了一个网站从策划、製作、开发、上传及维护到推广等环节的完整过程。
基本介绍
- 书名：20小时网站建设完整案例实录
- 作者：徐洪峰
- ISBN：978-7-121-20240-7
- 页数：424页
- 定价：59.80元
- 出版社：电子工业出版社
- 出版时间：2013年6月
- 开本：16开
内容提要
以实例的形式具体讲解了网站开发者在面对一个网站设计任务时所要做的日常设计工作，并在其中穿插讲解了网页设计製作的各方面知识，全面解析了一位成功的网站设计师需要具备的技能和素质。
适合作为网站设计与网页製作初学者、网站建设与开发人员、个人网站爱好者与自学读者的入门教材，也可作为计算机培训班的培训教材。
目录
第1篇 建站入门与工具
网站建设入门 2
1.1 常见的网站类型 3
1.1.1 个人网站 3
1.1.2 企业类网站 3
1.1.3 机构类网站 3
1.1.4 娱乐休闲类网站 4
1.1.5 行业信息类网站 5
1.1.6 购物类网站 5
1.1.7 门户类网站 6
1.2 建站软体和技术 7
1.2.1 网页编辑排版软体Dreamweaver CS6 7
1.2.2 网页动画製作软体Flash CS6 8
1.2.3 网页图像设计软体Photoshop CS6和 Fireworks CS6 8
1.2.4 网页标记语言HTML介绍 10
1.2.5 网页脚本语言VBScript、JavaScript10
1.2.6 动态网页程式语言ASP 11
1.2.7 网页样式表CSS12
1.3 网站建设的一般流程 13
1.3.1 网站的需求分析 13
1.3.2 规划站点结构 14
1.3.3 收集素材 14
1.3.4 设计网页图像 16
1.3.5 製作网页 16
1.3.6 开发动态网站模组 17
1.3.7 申请域名和伺服器空间 17
1.3.8 网站的测试 18
1.3.9 网站的推广 18
1.4 本章小结 18
网站製作工具Dreamweaver CS619
2.1 Dreamweaver CS6工作环境 21
2.1.1 工作界面布局 21
2.1.2 选单栏 21
2.1.3 文档视窗 22
2.1.4 插入栏 22
2.2 插入文本 23
2.2.1 插入文本 23
2.2.2 设定文本属性 24
2.3 插入图像 25
2.3.1 常见的网页图像格式 26
2.3.2 在网页中插入图像 26
2.3.3 设定图像属性 28
2.3.4 插入滑鼠经过图像 30
2.4 插入多媒体 32
2.4.1 插入Flash 32
2.4.2 利用Applet製作动感网页 34
2.4.3 利用外挂程式製作背景音乐网页 36
2.5 创建超连结 38
2.5.1 创建文本连结 38
2.5.2 创建电子邮件连结网页 40
2.5.3 创建图像热点连结网页 41
2.5.4 创建锚点网页 43
2.6 利用CSS美化网页 47
2.6.1 添加CSS的方法 47
2.6.2 套用CSS固定字型大小 49
2.7 网页布局技术 50
2.7.1 利用表格布局网页实例 51
2.7.2 使用层製作下拉选单 55
2.8 创建模板网页 58
2.8.1 创建模板 58
2.8.2 创建可编辑区域 59
2.8.3 利用模板创建网页 61
2.9 专家秘籍 64
2.10 本章小结 66
第2篇 网站的前期策划
网站的整体策划 68
3.1 为什幺要进行网站策划 69
3.2 怎样进行网站策划 70
3.2.1 网站策划的原则 70
3.2.2 网站策划的关键点 71
3.3 如何确定网站的定位 72
3.4 确定网站的目标用户 73
3.5 网站的内容策划 74
3.5.1 网站内容策划的重要性 74
3.5.2 如何做好网站内容策划 74
3.6 本章小结 75
网站页面设计策划 76
4.1 网站栏目和页面设计策划 77
4.1.1 网站的栏目策划 78
4.1.2 网站的页面策划 79
4.2 网站导航设计 80
4.2.1 导航设计的基本要求 81
4.2.2 全局导航的基础要素 81
4.2.3 辅助导航的设计要点 82
4.2.4 导航设计注意要点 83
4.3 网站页面版式风格设计 84
4.3.1 网站内容的排版 84
4.3.2 网站网页的布局形式 85
4.3.3 网站界面设计的兼容性 87
4.3.4 界面布局与内容的相关性 88
4.4 网站视觉元素设计 89
4.4.1 让文字易辨识 89
4.4.2 让图片更合理 90
4.4.3 让表单更易用 91
4.4.4 让按钮更易点击 92
4.5 本章小结 93
网站页面的配色 94
5.1 网页配色原理 95
5.1.1 色彩的产生 95
5.1.2 色彩的三要素 96
5.2 色彩与网页表现 98
5.2.1 红色 98
5.2.2 黄色 100
5.2.3 蓝色 101
5.2.4 绿色 102
5.2.5 紫色 103
5.2.6 橙色 104
5.2.7 黑色 105
5.2.8 灰色 105
5.3 网页色彩搭配 106
5.3.1 网页色彩搭配技巧 106
5.3.2 网页的主色与配色 108
5.3.3 网页色彩搭配方法 109
5.4 本章小结 112
第3篇 设计处理网页图像
设计网站的Logo和Banner 114
6.1 设计网站标识 115
6.1.1 网站Logo规範 115
6.1.2 网站Logo设计準则 115
6.1.3 如何自我评估自己的网站Logo 115
6.1.4 设计企业网站Logo 116
6.2 设计网站广告 119
6.2.1 什幺是Banner广告 119
6.2.2 网路广告设计要素 119
6.2.3 网路广告设计技巧 120
6.2.4 设计网站Banner广告 121
6.3 专家秘籍 124
6.4 本章小结 125
设计和处理网页图像素材 126
7.1 处理产品图像 127
7.1.1 调整图像大小 127
7.1.2 调整图像色彩 128
7.1.3 羽化图像边缘 128
7.2 设计网页按钮和导航 130
7.2.1 设计网页翻转按钮 130
7.2.2 製作网页导航栏 132
7.3 专家秘籍 134
7.4 本章小结 135
设计製作网站封面页 136
8.1 设计封面页 137
8.1.1 设定网页背景 138
8.1.2 设计导航条 140
8.1.3 页面正文部分设计 141
8.2 切割封面页图像 146
8.2.1 创建切片 146
8.2.2 保存切片为网页图像 147
8.3 给网页添加特效 148
8.3.1 製作弹出页面 148
8.3.2 给封面页添加弹出信息特效 150
8.4 专家秘籍 152
8.5 本章小结 152
第4篇 製作网页
创建本地站点平台 154
9.1 创建站点 155
9.2 使用站点地图创建站点档案 157
9.2.1 查看站点地图 157
9.2.2 创建档案/资料夹 158
9.3 创建动态网站平台 158
9.3.1 IIS伺服器的安装 158
9.3.2 创建虚拟目录 160
9.3.3 IIS伺服器的设定 162
9.4 专家秘籍 163
9.5 本章小结 164
製作网站模板 165
10.1 製作网页公共包含档案 166
10.1.1 製作网站顶部档案 166
10.1.2 製作网站底部档案 169
10.2 创建模板 171
10.2.1 新建模板 171
10.2.2 製作顶部导航 172
10.2.3 设定模板的左侧可编辑区 174
10.2.4 设定模板的右侧正文可编辑区 179
10.2.5 插入底部档案 180
10.3 专家秘籍 181
10.4 本章小结 182
製作公司介绍页面 183
11.1 製作公司概况页面 184
11.1.1 利用模板创建网页 184
11.1.2 在右侧可编辑区中输入正文 185
11.2 製作联繫我们页面 188
11.3 製作线上订购页面 191
11.4 专家秘籍 197
11.5 本章小结 198
第5篇 开发网站功能模组
製作网站留言系统 200
12.1 留言系统页面分析 201
12.2 创建数据表与资料库连线202
12.2.1 设计资料库 202
12.2.2 创建资料库连线 203
12.3 设计留言系统的各个页面205
12.3.1 留言列表页面 205
12.3.2 留言详细信息页面 210
12.3.3 发表留言页面 212
12.4 专家秘籍 216
12.5 本章小结 217
製作网站新闻发布系统 218
13.1 需求分析与系统设计219
13.2 创建数据表221
13.3 製作新闻发布系统后台管理页面 221
13.3.1 新闻列表管理页面 221
13.3.2 后台登录页面 226
13.3.3 添加新闻页面 230
13.3.4 删除新闻页面 233
13.3.5 修改新闻页面 235
13.4 製作新闻系统前台页面 237
13.4.1 製作新闻列表首页 237
13.4.2 新闻详细页面 240
13.5 专家秘籍 242
13.6 本章小结 244
製作网站产品展示系统 245
14.1 需求分析与系统设计246
14.2 创建资料库表与资料库连线 248
14.2.1 创建资料库表 248
14.2.2 创建资料库连线 250
14.3 设计产品展示前台页面 251
14.3.1 设计产品分类展示页面 251
14.3.2 设计商品详细信息页面 257
14.4 设计产品展示后台管理 258
14.4.1 製作添加产品页面 259
14.4.2 製作产品管理页面 263
14.4.3 製作修改产品页面 267
14.4.4 製作删除产品页面 270
14.5 专家秘籍 273
14.6 本章小结 276
製作网站主页 277
15.1 网站主页设计指南 278
15.2 开始製作主页 279
15.2.1 利用模板新建网页 279
15.2.2 製作关于我们的正文 280
15.2.3 製作新闻动态 284
15.2.4 製作产品展示 289
15.2.5 製作留言部分 293
15.3专家秘籍 297
15.4 本章小结 298
第6篇 发布与备案网站
选择域名和空间 300
16.1 域名选择 301
16.1.1 域名概述 301
16.1.2 节域名的分类 301
16.1.3 选择域名的方法 301
16.1.4 怎样选择最佳的域名 302
16.1.5 域名申请流程 304
16.2 伺服器空间选择306
16.2.1 伺服器空间的几种类型 306
16.2.2 如何来选择网站的伺服器空间 307
16.2.3 空间申请流程 308
16.3 专家秘籍 310
16.4 本章小结 311
网站的测试与发布 312
17.1 网站的测试313
17.1.1 报告 313
17.1.2 检查站点範围的连结 314
17.1.3 改变站点範围的连结 314
17.1.4 查找和替换 315
17.1.5 清理文档HTML/XHTML 316
17.2 网站的发布317
17.2.1 使用Dreamweaver上传317
17.2.2 使用FTP软体上传 319
17.3 专家秘籍 322
17.4 本章小结 322
网站备案获取合法身份 323
18.1 网站备案 324
18.1.1 什幺是网站备案 324
18.1.2 为什幺要备案 324
18.1.3 哪些网站需要ICP备案 324
18.2 完整备案基本流程 325
18.2.1 注册过程 325
18.2.2 备案过程 327
18.3 经营性网站备案328
18.3.1 经营性网站备案须知 328
18.3.2 经营性网站备案名称规範 328
18.4 专家秘籍 329
18.5 本章小结 330
第7篇 网站的维护与行销推广
网站的安全与运营维护 332
19.1 Web服务的高级设定333
19.1.1 设定用户 333
19.1.2 NTFS许可权的设定 335
19.1.3 目录和应用程式访问许可权的设定 336
19.1.4 匿名和授权访问控制 337
19.1.5 备份与还原IIS338
19.2 反黑客技术339
19.2.1 计算机的设定 339
19.2.2 隐藏IP位址 342
19.2.3 作业系统账号管理 343
19.2.4 安装必要的安全软体 344
19.2.5 做好浏览器的安全设定 345
19.2.6 网站防火墙的套用 345
19.3 网站运营 346
19.3.1 网站运营的工作内容 346
19.3.2 网站运营的关键问题 347
19.4 备份网站 348
19.4.1 整站的备份 348
19.4.2 资料库的备份 349
19.5 本章小结 349
网站推广 350
20.1 为什幺要推广网站 352
20.2 搜寻引擎推广 352
20.2.1 搜寻引擎的排名原理 352
20.2.2 什幺是SEO 353
20.2.3 关键字选择技巧 354
20.2.4 将网站提交到各大搜寻引擎 354
20.3 电子邮件行销 355
20.3.1 电子邮件行销的优势 355
20.3.2 让客户一定回覆你的邮件技巧 357
20.3.3 吸引用户点击的邮件主题 357
20.3.4 邮件推广行销的行销诀窍 359
20.4 部落格行销 360
20.4.1 部落格行销的优势 360
20.4.2 怎样写好博文标题 362
20.4.3 怎样写好部落格文章 362
20.4.4 增加部落格点击量妙计 363
20.5 社区行销式的推广 365
20.5.1 什幺是社区行销式推广 365
20.5.2 BBS论坛宣传 365
20.5.3 利用SNS推广网站 366
20.6 QQ行销 367
20.6.1 设定QQ签名行销 367
20.6.2 QQ群行销技巧 368
20.6.3 QQ行销推广小技巧 369
20.7 网路做广告370
20.7.1 网路广告及其主要形式 370
20.7.2 网路广告的特点 373
20.7.3 网路广告策略 374
20.7.4 怎样让人疯狂点击你的广告 374
20.8 传统网下行销 376
20.8.1 将网址印在信纸、名片、宣传册、印刷品上 376
20.8.2 多参与活动，派发名片 376
20.9 本章小结 376
HTML常用标记手册 377
JavaScript语法手册 382
CSS属性一览表 389
VBScript语法手册 393
ADO对象方法属性详解 399
常见网页配色词典 404
前言
随着网路的发展，目前建设一个网站虽然比以前要容易了许多，但对非专业用户而言，期间编写的程式还是较为複杂的。这是因为建设一个网站涉及的知识较多：既有图像处理、动画製作等基础工作；又有网站程式开发的困难，还有网站后期管理与维护的艰巨任务。所以，成功建设一个网站需要的是综合的系统知识。
当前，介绍网站建设的书籍繁多。但是，这些书往往侧重于网站建设的一个或几个方面，如有的侧重于动态网站开发技术；有的侧重于网页设计软体。通过这些书籍的学习，我们虽然能够掌握网站建设的某个或某几个环节的相关知识，但是，很难对网站建设有一个全面的认识。
全球网站中绝大部分为中小型网站，这些网站的开发、运行与维护很可能只由一个或几个技术人员来完成。这种情况下，就要求技术人员全面掌握网站建设各个环节的综合技术。基于以上原因，本书以商业网站的开发过程为流程，通过20小时的任务期限，以一小时一项任务、一小时掌握一项技能项目实战的学习模式，全面讲解了一个网站的策划、製作、开发、上传及维护、推广等环节的完整过程，详细叙述了商业网站开发的一般性知识和网站建设所涉及的各方面技术和管理问题。
主要内容
本书採用由浅入深、循序渐进的介绍方法，在内容编写上充分考虑到初学者的实际阅读需求，通过大量实用的操作步骤，逐步讲解在Dreamweaver中进行网页设计与ASP技术编辑的各种技巧和相关知识。本书由多年从事资料库网站开发的人员编写，力图做到理论与实践相结合。
本书共分20小时，第1小时介绍了网站建设入门知识，第2小时介绍了网站製作工具DreamweaverCS6，第3小时介绍了网站的整体策划，第4小时介绍了网站页面设计策划，第5小时介绍了网站页面的配色，第6小时介绍了设计网站的Logo和Banner，第7小时介绍了设计和处理网页图像素材，第8小时介绍了设计製作网站封面页，第9小时介绍了创建本地站点平台，第10小时介绍了製作网站模板，第11小时介绍了製作公司介绍页面，第12小时介绍了製作网站留言系统，第13小时介绍了製作网站新闻发布系统，第14小时介绍了製作网站产品展示系统，第15小时介绍了製作网站主页，第16小时介绍了选择域名和空间，第17小时介绍了网站的测试与发布，第18小时介绍了网站备案获取合法身份，第19小时介绍了网站的安全与运营维护，第20小时介绍了网站推广方法。
主要特点
本书以商业网站的开发过程为流程，全面介绍了利用Dreamweaver创建整个网站的方法，全面讲解了从网站策划、製作、开发、上传到维护、推广等环节的完整过程。本书具有以下特点。
（1）本书的最大特点是不同于以往的图书完全讲解软体知识，本书讲解了一个网站从策划到运营推广的完整过程，以实例的形式具体讲解了建设一个网站的步骤，并在其中穿插讲解了网站建设製作的各方面知识。在讲解实例的同时，作者介绍了自己长期工作实践中的一些经验和技巧，旨在帮助读者快速掌握独立建设网站的方法和技巧。
（2）典型企业网站实例，实用性很强：本书以Dreamweaver作为开发网站的工具，以一个实际的企业网站为範例，除了基本功能的介绍外，还包含了留言系统、新闻发布系统、产品展示系统等丰富的内容，让读者用最短的时间掌握动态网页的常见模组製作。
（3）图解方式讲述：採用图解的方式讲解软体的使用和技巧，不管是初学者还是有一定基础的读者，只要根据这些操作步骤一步一步地操作，就能完成网站的建设。
（4）超值经验和技巧：本书不是单纯介绍软体操作的技术手册，而是以网站的建设过程为主线，讲述网页製作与网站建设的方方面面，涵盖众多优秀网页设计师的宝贵实战经验，以及丰富的创作和设计理念。
（5）提示标注：一步一图，图文对应，并在图中添加了操作提示标注，以便于读者快速学习。
（6）专家秘籍：每章最后一部分均安排了专家秘籍，这些秘籍来源于网站建设专家多年的经验和技巧总结，解答了初学者常见的困惑，又扩大了初学者的知识面。
（7）配套多媒体光碟：本书所附光碟的内容为书中介绍的範例的源档案及网页製作软体的操作演示视频，供读者学习时参考和对照使用。
读者对象
本书语言叙述通俗易懂，突出了实用性，採用由浅入深的编排方法，内容丰富、结构清晰、语言简练、图文并茂。本书适合下列读者：
网页设计与製作人员
商业网站建设与开发人员
网页製作培训班学员
大中专院校相关专业师生
需要建设企业网站的计算机管理人员和领导者
本书由国内着名网页设计培训专家编写，参与编写的除了封面署名的专家外，还有邓静静、李银修、刘宇星、徐洪峰、邓方方、张礼明、杨建伟、李晓民、何海霞、刘中华、陈石送、孙良军、孙起云、吕志彬等。由于作者水平有限，加之创作时间仓促，本书不足之处在所难免，欢迎广大读者批评指正。