内容安排
本教材作者有着多年的网站设计开发和网站教学工作的经验，先后在多家网络公司从事网站设计与开发工作，积累了丰富的经验。
本教材新增为17个单元可对应教学的16周左右，教师可酌情安排，主要讲解了一个网站从需求分析、设计、开发到上传运营的整个过程，全面、系统、深入地介绍了网站设计开发的主要日常工作。以网站开发设计作为主线，其内容涉及到网站设计开发的方方面面，再版新添加了一个资源家网站综合开发案例并对网站的APP化进行了分析说明。首先介绍设计网站之前的需要分析、定位、策划、域名网页色彩等实用知识，再讲解如何使用Photoshop对网站的Logo、导航和页面进行设计，以及页面的切割等网页制作的前期准备工作，接下来就是运用Dreamweaver制作网站页面及动画，其中穿插着许多网页制作技巧的讲解。随后介绍了网站脚本语言和网站后台开发的相关内容，最后讲解了网站的上传维护、登录搜索引擎、网站运营的技巧、APP开发等内容，内容全面丰富。在深入介绍网站设计和开发方法的同时，还剖析了网页的HTML、CSS、JavaScript、PHP、APP原型等内容。
再版说明
《网站开发实训教程》出版一年多以来，得到了一些学校教师和读者给出的建议，主编们也在这一年多的时间里参与了许多网站开发案例，积累了更多的网站战实开发经验，都将其融入了新版教材当中。
与11年9月版的《网站开发实训教程》相比，本教材增加了资源家大型网站开发实例，作者全程参与了该案例的开发，其过程文件也全部呈献给读者学习参考。本教材对资源家网站APP原型制作过程进行了说明，更新了互联网报告，总结出了网站的发展方向——APP化。
该成果得到北京市财政专项（PXM2012014202000201）资助。
前言该成果得到北京市优秀青年骨干教师培养计划资助。
本教材再版过程中参考了一些教材和资料，具体见参考文献，在此对原作者表示诚挚的谢意；部分文献从网络获取，没有找到出处，如果教材中含有属于原作者的内容请告之作者，将标明其出处。
本教材的配套光盘提供了部分实例文件和源码，方便读者参考和学习。
单元1网站开发流程及相关岗位1
1.1背景知识1
1.1.1网站开发流程1
1.1.2网站相关岗位职责2
1.1.3岗位要求3
1.1.4网站开发工具4
1.2项目实施4
1.2.1组建开发团队4
1.2.2了解岗位需求4
1.3补充知识4
1.3.1网站项目管理流程表4
1.3.2文档规范6
1.4工程实训6
1.4.1组建团队6
1.4.2完成文档6
1.4.3成绩计算6
单元2HTML基础知识7
2.1背景知识7
2.1.1标记7
2.1.2特殊字符9
2.1.3语法9
2.1.4HTML的组成结构9
2.2项目实践10
2.2.1手工输入代码10
2.2.2分析百度首页12
2.3扩展知识14
2.3.1Web2.014
2.3.2HTML515
2.3.3HTML标签16
2.3.4HTML编码16
2.4工程实训18
2.4.1练习HTML代码输入18
2.4.2分析Google首页18
2.4.3下载HTML5应用并正确运行18
2.4.4成绩计算18
单元3定位及策划网站19
目录3.1背景知识19
3.1.1网站定位19
3.1.2网站策划21
3.2项目实践21
3.2.1网站名称21
3.2.2网站域名21
3.2.3网站定位22
3.2.4受众定位22
3.2.5功能定位22
3.2.6内容规划23
3.2.7盈利模式23
3.2.8实施进度24
3.2.9网站整体项目书24
3.3扩展知识25
3.3.1网站开发语言及架构25
3.3.2网站备案26
3.3.3ICP经营许可证26
3.3.4网站推广26
3.4工程实训26
3.4.1撰写网站定位及策划书26
3.4.2成绩计算27
单元4域名28
4.1背景知识28
4.1.1域名的命名方法28
4.1.2域名的结构29
4.2项目实践30
4.2.1检索域名30
4.2.2注册域名31
4.2.3付款31
4.2.4域名解析32
4.2.5IPv6实验34
4.3扩展知识37
4.3.1虚拟主机37
4.3.2二级域名37
4.3.3域名与IP地址之间的关系38
4.3.4IPv638
4.3.5访问IPv6地址39
4.3.6域名投资40
4.3.7注册的最新域名举例41
4.4工程实训42
4.4.1列举域名42
4.4.2模拟注册42
4.4.3添加IPv6的地址42
4.4.4成绩计算42
单元5色彩与布局43
5.1背景知识43
5.1.1网页色彩的表现原理43
5.1.2网页设计中的色彩44
5.1.3色彩的心理效果44
5.1.4常见的网页布局49
5.2项目实践50
5.2.1手绘布局50
5.2.2软件绘图布局51
5.2.3网站原型制作工具52
5.3扩展知识53
5.3.1网页安全色53
5.3.2图像处理54
5.3.3网页设计55
5.3.4网页设计欣赏55
5.4工程实训55
5.4.1软件绘图布局55
5.4.2成绩计算55
单元6使用Photoshop设计网站页面56
6.1背景知识56
6.1.1图像合成56
6.1.2修改水印58
6.1.3调整色调59
6.2项目实践60
6.2.1网站布局设计60
6.2.2网站首页框图60
6.2.3用PS设计首页61
6.3扩展知识70
6.3.1网站标识——Logo70
6.3.2像素71
6.3.3网页空间与页面尺寸71
6.3.4色彩及结构71
6.3.5优秀的banner71
6.3.6VI系统71
6.4工程实训71
6.4.1用PS设计首页71
6.4.2成绩计算71
单元7运用DIV+CSS制作网站页面73
7.1背景知识73
7.1.1CSS样式表73
7.1.2网页的层DIV77
7.2项目实践81
7.2.1建立站点81
7.2.2切图83
7.2.3生成html页面85
7.3扩展知识89
7.3.1路径89
7.3.2文件及图片命名90
7.4工程实训91
7.4.1建立站点91
7.4.2切图91
7.4.3成绩计算91
单元8制作动画93
8.1背景知识93
8.1.1逐帧动画93
8.1.2补间动画94
8.1.3运动引导动画97
8.1.4遮罩动画98
8.2项目实践：首页banner动画的制作99
8.3扩展知识112
8.3.1SWiSHmax软件112
8.3.2SWiSHmax动画制作113
8.4工程实训119
8.4.1制作补间动画119
8.4.2制作引导动画119
8.4.3制作banner动画119
8.4.4成绩计算119
单元9JavaScript脚本及应用121
9.1背景知识121
9.1.1JavaScript语法121
9.1.2JavaScript基本语句123
9.1.3函数131
9.2项目实践134
9.2.1跑马灯效果134
9.2.2图片淡入淡出136
9.2.3实现复选框的全选和反选138
9.3扩展知识140
9.3.1解释型语言与编译语言的区别140
9.3.2JavaScript与Java的区别140
9.3.3JavaScript代码的调试141
9.3.4JavaScript同AJAX142
9.3.5JavaScript、HTML5142
9.4工程实训142
9.4.1图片淡入淡出效果142
9.4.2实现复选框的全选和反选142
9.4.3成绩计算143
单元10WAMP5集成开发平台144
10.1背景知识144
10.1.1WAMP软件的获得144
10.1.2Apache介绍146
10.1.3Php介绍146
10.1.4MySQL介绍146
10.2项目实践147
10.2.1WAMP的安装147
10.2.2WAMP的测试150
10.2.3WAMP的安装问题152
10.2.4虚拟主机的实现156
10.3扩展知识160
10.3.1软件版本号160
10.3.2Squid软件161
10.3.3Netstat命令161
10.3.4回环地址162
10.4工程实训162
10.4.1安装并测试WAMP集成软件162
10.4.2虚拟主机的测试162
10.4.3成绩计算162
单元11表单的建立及提交163
11.1背景知识163
11.1.1表单标签163
11.1.2常用控件(Controls)165
11.1.3PHP语法167
11.2项目实践174
11.2.1创建前台表单174
11.2.2创建后台处理文件175
11.2.3表单验证176
11.3扩展知识176
11.3.1POST方法176
11.3.2GET方法177
11.3.3CGI方法178
11.4工程实训178
11.4.1制作前台表单页面179
11.4.2添加后台处理程序179
11.4.3成绩计算179
单元12提交表单数据到数据库180
12.1背景知识：MySQL数据库180
12.2项目实践183
12.2.1MySQL的操作183
12.2.2修改后台处理文件186
12.2.3测试及除错187
12.3扩展知识191
12.3.1MySQL的用户191
12.3.2MySQL整型数据扩展191
12.3.3MySQL主键和自动递增字段191
12.3.4MySQL的where语句192
12.3.5升序或降序的排序192
12.3.6PHP代码的书写192
12.3.7MySQL的图形操作194
12.3.8SQL注入攻击196
12.3.9在线考试系统项目196
12.4工程实训196
12.4.1数据库操作196
12.4.2添加后台的处理程序196
12.4.3成绩计算196
单元13Joomla的安装及模板应用198
13.1背景知识198
13.1.2Joomla介绍199
13.1.3Joomla软件的获得200
13.1.4Joomla的模板202
13.2项目实践202
13.2.1安装Joomla软件202
13.2.2安装Joomla模板208
13.3扩展知识213
13.3.1Drupal介绍213
13.3.2Joomla与Drupal对比213
13.3.3数据移植与备份214
13.3.4Joomla学习站点214
13.3.5Joomla 1.7.0如期发布215
13.3.6淘宝网的开源观215
13.4工程实训216
13.4.1安装并设置Joomla软件216
13.4.2下载合适的模板并应用该模版216
13.4.3成绩计算216
单元14系统架构与设备采购217
14.1背景知识217
14.1.1总体目标217
14.1.2项目系统架构218
14.1.3项目实施硬件配置及介绍220
14.1.4硬件采购227
14.2项目实践228
14.2.1系统拓扑结构228
14.2.2设备采购228
14.3扩展知识228
14.3.1U的概念228
14.3.2服务器托管228
14.3.3数据库集群229
14.3.4负载均衡技术229
14.3.5RAID模式介绍231
14.3.6WikiPedia架构232
14.3.7光纤介绍233
14.4工程实训234
14.4.1网站的拓扑结构234
14.4.2设备采购234
14.4.3成绩计算234
单元15网站运营236
15.1背景知识236
15.1.1pr值236
15.1.2搜索引擎的原理237
15.1.3网站运营的目标239
15.2项目实践240
15.2.1登录Google进行推广240
15.2.2登录Baidu进行推广242
15.2.3论坛推广244
15.2.4Baidu合作推广247
15.3扩展知识248
15.3.1网络爬虫248
15.3.2SEO249
15.3.3Alexa249
15.4工程实训249
单元16网站开发项目案例251
16.1背景知识251
16.1.1总体目标251
16.1.2时间结点251
16.1.3约束条件252
16.2WEB网站需求分析253
16.2.1成立团队253
16.2.2需求分析253
16.3原型设计255
16.3.1Axure原型设计255
16.3.2静态页面设计256
16.4详细设计258
16.4.1程序系统的结构258
16.4.2程序设计259
16.5数据库设计-UML建模262
16.5.1用户接口模块262
16.5.2管理员接口模块262
16.5.3系统用例图263
16.5.4系统的时序图和活动图264
16.5.5数据库的RR图266
16.6网站历程268
16.7扩展知识269
16.7.1资源集团269
16.7.2UML270
16.7.3源代码管理系统270
16.7.4BUG管理系统271
16.7.5亿图271
16.7.6支付协议271
16.8工程实训272
16.8.1UML建模272
16.8.2数据库整理272
16.8.3成绩计算272
单元17APP原型制作273
17.1背景知识273
17.1.1APP时代到来273
17.1.2什么是APP276
17.1.3全新精准营销方式276
17.1.4APP的生态系统276
17.2项目实践277
17.2.1Axure下载与安装277
17.2.2APP原型制作279
17.3扩展知识286
17.3.1屏幕适配286
17.3.2全国APP大赛286
17.3.3Android Studio287
17.3.4猛犸浏览器287
17.3.5Symbian系统288
17.3.6二维码288
17.4工程实训288
17.4.1Axure的安装288
17.4.2APP原型制作288
17.4.3诺基亚没落288
17.4.4成绩计算288
附录A文档的规范290
A.1如何写好一篇文档290
A.2文件的命名290
A.3文档格式要求292
A.3.1文档的第一页292
A.3.2文档的第二页293
A.3.3文档的第三页293
A.3.4文档的结束294
A.4截图的要求294
A.5邮件的要求295
A.5.1邮件主题295
A.5.2邮件正文295
附录B网页代码规范296
B.1样式表写法规范297
B.2样式命名规范297
B.3脚本语言的调用299
B.4HTML代码整体的可读性299
附录C融资与IPO301
C.1IPO301
C.1.1人人公司登陆纽交所301
C.1.2奇虎360302
C.1.3当当网302
C.1.4世纪佳缘302
C.1.5迅雷303
C.2融资303
C.2.1凡客诚品303
C.2.2大众点评网304
C.2.3窝窝团304
C.2.4京东商城304
C.2.5梦芭莎304
C.2.658同城305
附录D第31次中国互联网报告摘要306
附录E创业故事309
参考文献314
本教材是第一本全面介绍网站开发与设计的书籍，内容涵盖了建设多媒体交互网站的五大核心知识：系统架构、图形图像设计、动画设计、页面设计、后台开发。本教材从实际工作的角度出发，系统介绍了一个网站从策划、切图、后台程序编写、上传运营到APP开发的完整过程，采用“以实例讲解为主，以实例相关知识介绍为辅，做到学以致用，全面提升学习能力”的学习思路，详细介绍了成为一名网站设计师所需要掌握的技术和必须具备的素质。
本教材主要有以下特点：
（1）技术全面，流程清析。从需求分析—页面设计—切图—动画—程序开发—上传—运营推广—网站APP开发，全面覆盖了网站建设的整个过程及所使用的相关技术。
（2）按照CDIO工程的教学模式。以网站相关工作的任务为驱动方式，按照单元形式分类，每个单元首先介绍任务及能力锻炼，其次是背景知识讲解，再次是工程实践、补充知识，最后是项目实训。
（3）励志与创业。在每单元的开发中都加入了励志语句，在单元4讲到了域名投资及案例，在附录C中介绍了融资与IPO，在附录E中增加了近来的创业故事。
（4）语言简洁流畅。本教材语言流畅、图文并茂，以大量的实例讲解在实际工作中网站的制作与开发方法和技巧，避免了枯燥无味的说教。
（5）以实例为中心。脱离单纯的软件讲解模式，通过多个实例讲解网站设计与开发的技术，生动、贴切地诠释了软件功能在实际工作中的应用，手把手地解读如何操作，直至得出最终效果。
