工具/材料:HTML，CSS，JavaScript。
方法/步驟:
1.隨著前端的發展，前端開發涉及的內容肯定不僅限於這三個方面。通過分析這三個層次的本質，可以看出這三個層次分別涉及網頁的結構、網頁的視覺外觀和網頁層次的交互實現。
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.了解服務器端的相關工作，對交互體驗和產品設計有自己的見解。