单个页面：
1.拿到设计图把需要的图片从设计图中抠出来。
2.对比设计图写整个的页面结构（只写html），并且顺便给需要做样式的html元素，指定class名字。
3.对比结构，写css。先确定布局（比如说，头部要固定啊，中间内容部分要居中啊什么的），再确定单个元素的样式。
4.添加交互效果。
注意：在css中，要在开始（body）指定基本的字体样式，比如：
来源： https://blog.csdn.net/nikita1995/article/details/52936110
```
@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对应的服务器上的端口
```
对于第四步：只需要在你的服务器中，运行你写的代码就行了
