1.小网站是怎样建成的

假设我们已经有了一门编程语言的基础，并且已经修学了软件工程和数据库设计。

对于做个网站来说，我们还需要HTML、CSS、JavaScript三门语言基础，Dreamweaver、Photoshop两个工具的基础使用技能。

　　1.　前端技能

　　HTML是用来显示我们的内容，相对炒菜来说，它是经过刀工处理过的食材；未经过刀工处理的是啥？可能是我们存在冰箱里头的一块块肉，数据库充当了冰箱的角色。数据经过HTML的格式化，就能给浏览器按照约定好的方式友好地喷在了屏幕上。

　　CSS叫层叠样式表，有了切好的肉，我们还需要一些花花绿绿的点缀，这样菜色才好看。HTML只管食材，咱CSS就只管怎么把内容弄得好看。比如大小、位置、颜色、加粗强调、背景装潢等等，都是CSS干的好事。

　　JavaScript相对来说，会让人感觉更枯燥一些，一查发觉它是一门面向对象的脚本语言，虽然和Java没多大关系。别怕，其实前面两种语言已经能够弄出一个能看的网页，这js就管一些动画特效、xml解析等工作。比如，注册帐号的时候，网页能提示你帐号是否已经存在、帐号格式是否合法、刷火车票的时候帮你定期发送请求问问有票了没。它能直接操作根据html解析得来的dom，所以好的体验、酷炫的体验通常少不了它。

　　Dreamweaver是一个能编写前面三种语言的编程工具，专门为做网页而生，当然不可缺失。


　　Photoshop和Firework都可以用作图片素材的处理工具。我个人只掌握了ps的基本操作，所以在此用ps。一个网站的视觉设计，就靠它了。设计好了以后，才切片码到网页上。网页的设计，我个人理解它是平面设计的一个分支，这艺术的东西，得靠点天赋。

　　以上5个东西，皆为web前端工程师的必备技能，所以web  web，跟窗体的不同就在这。展示当时不同。

　　充电：

　　[1] 温谦, 王觯程. 别具光芒:CSS网页布局案例剖析[M]. 北京:人民邮电出版社, 2010.5. （这本是讲HTML+CSS布局的）

　　[2] 单东林, 张晓菲, 魏然. 锋利的jQuery[M]. 人民邮电出版社, 2012.07.（Javascript入门就行，我觉得能看懂别人写的就好。Jquery是它的一个库，口号是：“写更少的代码做更多的事”）

　　[3] w3school在线教程

　　2.　网站结构

　　说的一直是显示的东西，其实有个结构叫mvc（Model  View  Control），

上面这块应当属于View的范畴。架设我们的设计分层合理，窗体和web是可以共用其他两层的（数据底层、业务层）。数据层就管数据层的封装，自己对数据的基本操作（CURD等）；业务则把数据层稍作整合，让功能模块展露出来，并且和视图层连接，起到承上启下的作用。〃数据与展示分离〃这句话就是它的浓缩概括。

　　web后台，做的就是除页面和数据库以外的东西了，上面的Model 和 Control就是给后台程序员做的工作，后台程序员就是厨师，怎么炒这盘菜才能色香味俱全就靠后台程序员了。

　　而我们的冰箱，存肉的地方，叫数据库，数据存取既省空间又省时间的伟大目标全靠DBA了！

　　

　　一层层剥下来，我们为DIY个小网站要干的事儿扒拉清楚了吧？！不列举不知道，一列举吓一跳，原来我无形中掌握了这么多种技能。先别打退堂鼓，这些东西入门是容易的，精！通！不！难！！web早被业界玩坏了，便捷的工具一大把，咱玩不起c搞个小网站自己嗨森一下还是可以的！凡事得循序渐进有个过程，否则凭什么人家花钱雇你干活，容易干的自己早干完了。