带你见证一个网站是怎么从无到有建成的

当我们拿起手机浏览网站的时候，有没有想过这个页面是怎么做成这样的疑问呢？

下面乐乐就带领你一步步的了解一个浩浩荡荡的网页建成过程...


这就是我们经常浏览网页的一个缩影，看起来是不是美美的，像理想一样饱满。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

好了，让我们看看现实中第一步是什么样的？

是不是丑的无法直视，不想和他做朋友。

      怎么会有这样LOW的页面。

不会是实习生做的吧。                       还能不能再丑点。。

                         现实会不会太骨感了点！！！

                                                 滚粗。滚粗。滚粗。滚粗。

看不下去了，点击xx关了它。。                        滚粗。滚粗。滚粗。

 

是的，看到这里我也很难受。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

第一步就像我们建造大楼一样，什么都没有，怎么做呢，就需要准备原材料。像建楼的原材料是水泥、钢筋、砖瓦、混合土等等，那我们网页需要什么原材料呢，有了理想的设计图还需要内容即文字。

 

接着我们像建楼一样，先搭一个框架。

这样是不是有棱有角整齐多了，但这还远远不够的。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

我们通过细微的调整，使之更加整齐协调，使眼睛看过去不是那么碍眼。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

 

我们在把像压缩饼干压在一起的内容，稍稍分离下，看起来就不会是一团糟了。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

 

光有上面的文字，是不是还是很枯燥，我们就添加一些图片点缀一下，并使用轮播图片吸引你的眼球。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

一样样的文字让我们看过去看不到重点，我们把文字大小调调，颜色改改，这样我们浏览的时候很容易看出来重点的部分。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

 

我们在添加一些小的icon起到画龙点睛的作用，避免枯燥文字的阅读体验，使我们眼睛更容易分辨我们需要内容体现的意义。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

 

接着我们把主体部分都通过一个个icon点缀下，不仅文字能理解内容，看到icon同样能明白要表达的意思。

 

-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------

 

 

好了，终于等到结局了。

 

即使在饱满的理想，只要我们坚持去做，始终能实现的。

 

希望阅读完这篇文章，能让你理解一个网站是怎么一步步建成的。

 

需要体验，请点击 “阅读更多”

http://each.sinaapp.com/m/discover/