当我们拿起手机浏览网站的时候，有没有想过这个页面是怎么做成这样的疑问呢？
下面乐乐就带领你一步步的了解一个浩浩荡荡的网页建成过程...
这就是我们经常浏览网页的一个缩影，看起来是不是美美的，像理想一样饱满。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
好了，让我们看看现实中第一步是什么样的？
是不是丑的无法直视，不想和他做朋友。
怎么会有这样LOW的页面。
不会是实习生做的吧。 还能不能再丑点。。
现实会不会太骨感了点！！！
滚粗。滚粗。滚粗。滚粗。
看不下去了，点击xx关了它。。 滚粗。滚粗。滚粗。
是的，看到这里我也很难受。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
第一步就像我们建造大楼一样，什么都没有，怎么做呢，就需要准备原材料。像建楼的原材料是水泥、钢筋、砖瓦、混合土等等，那我们网页需要什么原材料呢，有了理想的设计图还需要内容即文字。
接着我们像建楼一样，先搭一个框架。
这样是不是有棱有角整齐多了，但这还远远不够的。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
我们通过细微的调整，使之更加整齐协调，使眼睛看过去不是那么碍眼。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
我们在把像压缩饼干压在一起的内容，稍稍分离下，看起来就不会是一团糟了。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
光有上面的文字，是不是还是很枯燥，我们就添加一些图片点缀一下，并使用轮播图片吸引你的眼球。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
一样样的文字让我们看过去看不到重点，我们把文字大小调调，颜色改改，这样我们浏览的时候很容易看出来重点的部分。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
我们在添加一些小的icon起到画龙点睛的作用，避免枯燥文字的阅读体验，使我们眼睛更容易分辨我们需要内容体现的意义。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
接着我们把主体部分都通过一个个icon点缀下，不仅文字能理解内容，看到icon同样能明白要表达的意思。
-----------------------------------★★★----疯狂的分割线-----★★★----------------------------------
好了，终于等到结局了。
即使在饱满的理想，只要我们坚持去做，始终能实现的。
希望阅读完这篇文章，能让你理解一个网站是怎么一步步建成的。
需要体验，请点击 “阅读更多”