从事网站建设的人员有好多岗位，比如产品，美工/UI、前端，后端，DB等，各个岗位分工不同，但是工作的目的都是一致的，即给客户呈现一个美观稳定的网站浏览体验。所谓的全栈工程师是不多的，大多数人都是局限在某一个领域。作为一名后端工程师如何学习设计或前端的东西呢？个人认为模仿是一个好方法。本文介绍一下如何下载漂亮的网页并学习其布局排版，希望对需要的同学有所帮助。2如何排版微信公众号发布的文章
工具/原料
1
windows浏览器
2
仿站工具
3
代码编辑器
方法1：使用浏览器实现
1
首先使用浏览器打开我们认为比较漂亮的网站页面，例如：
2
在页面中点击右键，选择“页面另存为“，这个不同的浏览器会有不同的展示形式，大家举一反三吧，将页面保存到桌面：
3
使用浏览器打开index.html，查看和我们步骤1中展示的是否一致，我们打开下载的文件夹，查看都有些什么东西：（1）图片（2）css样式文件（3）js文件等等
方法2：使用仿站工具实现
1
方法1有一个问题，不知道大家有没有注意到。所有的文件都放到了一个文件夹，从事web开发的朋友们都知道，易维护有的时候往往比开发更重要。在这我们最好能把不同的文件进行分类。这是方法2要解决的问题。
2
这样的工具有好多，大家可以使用搜索引擎搜索关键字查找，这里我们就不具体说了。需要的同学可以私信我。打开工具，输入网页地址，开始下载：
3
打开default.html，查看效果，我们可以看到不同的文件被放置到了不同的文件夹，实现了文件的分类保存：
4
至此我们可以学习网页的布局和排版了，还有一些js文件，可以学习网页中的一些特效实现，朝着全栈是不是感觉近了一步，O(∩_∩)O~
上一篇：精致的女孩是怎样的