1、掌握html。html是整个界面的基础，你要熟悉里面的各种标签，表格、输入框、表单、按钮、文本域、单选框、多选框等等。
2、掌握CSS。CSS就是写样式的。html的各种标签怎么摆，怎么放，都由CSS控制。
3、掌握JavaScript。JavaScript是一种脚本语言，它用来操纵html元素和css样式的。它可以修改HTML元素，可以修改css样式。
4、整体布局。你要先画图，先要画出你的页面大概长什么样子。然后就去布局。布局就用DIV来布局。将整个网页分成头部、导航、主体、底部等部分。然后就往里面填充具体内容。
HTML5+CSS3+JavaScript从入门到精通（标准版）web前端开发网页设计丛书京东月销量好评率99%无理由退换京东配送官方店￥89.6购买5、就这样一个网站丑丑的界面就出来了。如果想把界面做得很精美，拿就要借助他山之石。君子性非异也尔善假于物也。
6、前端框架UI组件的学习。自己撸的界面很丑，可以借鉴其他人撸好的工具，自己来组装一个网站界面。例如国外的bootstrap、国内的layui。他们把精美的表格、精美的按钮、精美的单选框、精美的表单等等都做好了，你自己去稍微组装一下，你的网站界面就出来了，而且还很赖看。
WEB开发7、不要迷恋前端框架和UI组件，要制作出精美的网站界面还得靠点悟性。多培养一下审美，审美提升了，撸出来的界面也就好看了。html、css、JavaScript是基础，一定要把基础打好。
8、前端界面做好了，就可以去写后端业务逻辑了。