前端开发网站界面,web前端自学要多久第一步：先花上一个月的时间把w3cschool上HTML/CSS和Javascript模块的教程学完。
学习方法：
1）把HTML/CSS和Javascript模块里面的知识点分拆到每一天，每天只需要完成这么多，坚持下去。
2）每个知识点完成以后，网站上有个测试的功能，测试一下自己学习的怎么样了。
3）先不用着急进行网站页面的设计和开发，先找找哪些网页用到了这个东西，看看人家前端代码怎么写的。
第二步：再花上一个月的时间做几个不同风格布局的仿站练练手，找最简单的开始，先把网站分解，分配到每天几个页面去做，不会的话就参考他们的网页源代码，图片也用他们现成的。
第三步：从网上找psd格式的网页设计搞，根据网上的教程学学如何切图，然后根据网页设计稿完成Web界面开发。
完成上面的步骤，你基本上就可以算是菜鸟网页开发了。下面开始向前端进发：
第四步：学习Jquery、AngularJS、React、Bootstrap等前端框架，这个可以按照文档、DEMO、练习、仿站的步骤去学。PC端和移动端都做几个仿站。这个步骤算是攻坚阶段，做仿站的时候最好挑一些简单但是完整的应用去仿。一个框架根据情况需要一两个月学习和实践。
完成这一步你应该就算是菜鸟前端了
第五步：如果觉得自己可以上手了，去找些接私活的网站试试接点私活吧，从最简单的开始，可以在上面找一个美工合作，你会遇到非常多的问题，这些问题就是你工作以后会遇到的问题，耐心的分析和解决每一个问题，会给你进入职场提供很大的帮助。
登录界面首先是html模块部分，用标签制作出登录入口，CSS模块把登录入口美化，提升用户体验效果，js模块用于登录动作的执行，数据与后台的交互。
区分web前端，大家先要明确前端开发的定义。前端开发：创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。下面再来具体说明web前端与H5前端的定义。
1.web前端：web前端也叫网页制作，是通过前端相关技术来创建web网页的过程。
2.H5前端：H5前端是指通过html标记语言来制作网页的过程。总结可得，web前端包含H5前端。你明白了吗？