Web前端，主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。一般而言，所涉及的内容主要包括W3C中的HTMLCSS和JavaScript这三方面的内容。
工具/原料：HTMLCSSJavaScript
方法/步骤：
1随着前端的发展，前端开发所涉及到的内容肯定不仅限于这三方面。分析这三个层面内容的本质可以看到，这三个层面分别涉及Web页面的结构Web的外观视觉表现以及Web层面的交互实现。
2归根结底，Web前端以及Web前端开发可以说是针对Web的结构行为和表现来进行相应的开发的，也可以说，前端开发主要是做Web端的结构行为以及表现。
3Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTMLCSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性组件的易用性分层语义模板和浏览器分级支持等。
4Web前端开发后期要懂一些前端框架，如nodejsAngualrjs还有bootstrap等，以及ued用户体验，后台开发也要懂一些。
网站前端工作职责：
1使用Div+css并结合Javascript负责产品的前端开发和页面制作;
2熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案;
3负责相关产品的需求以及前端程序的实现，提供合理的前端架构;
4与产品后台开发人员保持良好沟通，能快速理解消化各方需求，并落实为具体的开发工作;
5了解服务器端的相关工作，在交互体验产品设计等方面有自己的见解。
Web前端的6大动效，HTML5和css3实现动态网页：
1.导航菜单：几乎所有的网站首页都会用到。
2.导航条双向绑定：侧边导航和头部导航双向绑定准确定位。
3.CSS3动画：鼠标经过图片进行动态的翻转旋转动态变化。
4.滑动门特效：导航菜单中跟随鼠标的移动元素进行变化。
5.滚动视差：鼠标滚动到特定位置时，内容跟随加载。
6.锚点跳转：根据链接元素定位到网页中想要查看的位置
