Web前端，主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。一般而言，所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。

工具/原料：HTML、CSS、JavaScript

方法/步骤：

1、随着前端的发展，前端开发所涉及到的内容肯定不仅限于这三方面。分析这三个层面内容的本质可以看到，这三个层面分别涉及Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。

2、归根结底，Web前端以及Web前端开发可以说是针对Web的结构、行为和表现来进行相应的开发的，也可以说，前端开发主要是做Web端的结构、行为以及表现。

3、Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

4、Web前端开发后期要懂一些前端框架，如nodejs、Angualrjs、还有bootstrap等，以及ued用户体验，后台开发也要懂一些。

网站前端工作职责：

1、使用Div+css并结合Javascript负责产品的前端开发和页面制作;

2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案;

3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构;

4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作;

5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

Web前端的6大动效，HTML5和css3实现动态网页：

1.导航菜单：几乎所有的网站首页都会用到。

2.导航条双向绑定：侧边导航和头部导航双向绑定准确定位。

3.CSS3动画：鼠标经过图片进行动态的翻转、旋转动态变化。

4.滑动门特效：导航菜单中跟随鼠标的移动元素进行变化。

5.滚动视差：鼠标滚动到特定位置时，内容跟随加载。

6.锚点跳转：根据链接元素定位到网页中想要查看的位置