前端开发整体流程

单个页面：
1.拿到设计图把需要的图片从设计图中抠出来。
2.对比设计图写整个的页面结构（只写html），并且顺便给需要做样式的html元素，指定class名字。
3.对比结构，写css。先确定布局（比如说，头部要固定啊，中间内容部分要居中啊什么的），再确定单个元素的样式。
4.添加交互效果。

注意：在css中，要在开始（body）指定基本的字体样式，比如：

@font-face {    font-family: 'icomoon';    src: url('../font/icomoon.eot');    src: url('../font/icomoon.eot?#iefix') format('embedded-opentype'),    url('../font/icomoon.ttf') format('truetype'),    url('../font/icomoon.woff') format('woff'),    url('../font/icomoon.svg#icomoon') format('svg');    font-weight: normal;    font-style: normal;}

这里添加了一种叫icmoon的自定义字体。

body {    font: 14px/162% Helvetica, Arial, 'icomoon', sans-serif;    color: #555;}

这里，指定字体为：Helvetica, Arial, ‘icomoon’, sans-serif;
字的颜色为：#555
字的大小为：14px
行间距为 :162%

整个应用：
1.按照设计图，做出页面
2.确定页面间的逻辑关系（点击哪个链接，跳到哪个页面。点击哪个按钮，获取什么内容）
3.写服务代码（见下面例子）
4.把整个应用放到服务器上，运行服务代码
5.访问 ：http://服务器的ip:端口号 ,就能返回对应的页面（如果将域名解析到对应的ip地址，可直接访问域名）

对于第3步（以node为例）：
你访问首页：http:www.chirsen.com;就会发送一个http的请求，请求送到这个地址对应的ip，
有这个ip的服务器上正好有个程序在运行（你写的服务器代码）。

服务器程序做的事儿：
a.解析请求(程序通过这一步，搞清楚，你的请求地址是什么，你带的参数是什么等等这些问题)
b.解析完了之后，就根据不同的请求地址，跳到不同的处理程序中（我们管这个叫路由）
c.在程序中，做处理（数据库的增删改查啊什么的）
d.把得到的结果返回给浏览器（请求从哪儿来的，返回到哪儿去），这个结果，可能是一个页面，也可能是一个数据

例子：

//nodejs简易网站搭建程序        var http = require("http"),             url  = require("url"),             path = require("path"),             fs   = require("fs"); //这些就是一些引用，不用知道        http.createServer(function (req, res) { //req就是浏览器发过来的请求            //对req（请求）进行地址解析（比如说：你在浏览器输入：http:xxx.xxx.xx/aa, 这里就会拿到 /aa）            var filepath = url.parse(req.url).pathname;            //下面，我们根据这个filepath的不同，进入不同的处理程序            switchfilepath){                 case "aa":                     //一个处理函数,得到要返回的数据                    var result = serverFunctionA();                    //返回的数据的头部信息                    res.writeHead(200, {"Content-Type": "text/html"});                     //把数据写进返回                    res.write(result);                    //关闭,发送 返回                    res.end()                    break;                 case "bb":                     //又是一个处理函数                    serverFunctionB();                    res.writeHead(200, {"Content-Type": "text/javascript"});                     break;             }                 //一个处理函数            function serverFuntionA(){                //进行一些处理，比如说读取一个文件"aa.html",然后把这个文件返回                var data = fs.readFileSync("./aa.html");                return data;            }        }).listen(8080, "192.168.95.1"); //监听该ip对应的服务器上的端口

对于第四步：只需要在你的服务器中，运行你写的代码就行了