对于长期搞后端开发的人员，想要自己动手去写一个漂亮的（看上去还能接受）的Web页面，首页面临的第一大难题是素材，很有多站点提供有现成的图片资源，以及现成的Web页面模板，但这些资源不是在配色上无法满足自己的需求，就是代码过于繁琐，需要加载很多第三方的插件（例如：Bootstrap,jQuery,xxx-plugin等等），导致一个很小的页面也需要加载很多的资源，体验性不好，改写也比较麻烦（可读性差）。基于这样的原因，今天在这里分享一下自己写Web页面的一些经验（我是一名后端工程师）。
在网上，你可以找到很多漂亮的素材图片，但它们大多数都因为版权的原因导致你不能随意使用，另外对于很少使用UI设计工具的开发人员来说，在拿到授权图片后，想要局部修改也是一件不容易的事情。针对这个问题，我在这里分享一个比较好的免费图片资源网站（SVG格式）： 。它是一个开源的插图网站，你可以完全免费使用网站上的图片，而不需要注明出处。
undraw的宗旨是帮助你设计更好的网站，产品和应用程序。在undraw中找到适合你产品的图形，然后可以根据你的意愿自定义图片的配色，最后根据实际需要，可以将图片以PNG/JPG/SVG等格式下载到本地使用。下面是undraw.co网站的部分截图：
在一个网页中，往往在很多地方需要一些小图标来辅助交互工作。对于页面小图标，阿里巴巴图标库是一个不错的选中，你可以在该网站上找到你想要的图标并根据实际情况下载你想要的文件类型。下面是阿里巴巴图标库官方截图：
如果你不想在项目中引入过多的图片资源，你还可以使用BootstrapCDN提供的fontawesome，可以进一步压缩项目空间，提高页面加载速度（我个人比较偏向于使用fontawesome CDN加速链接）。
编写代码，我们需要一款称手的代码编辑工具，例如比较受欢迎的Atom，HBuilder，Sublime，WebStrom等等。工具因人而异，自己用着比较爽即可（我个人偏向于使用WebStrom）。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery