① 網站WEB前端開發需要掌握什麼技術
了解web前端Web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵
在互聯網的演化進程中，網頁製作是Web1
0時代產物，那時網站的主要內容是靜態的，用戶使用網站的行為也以瀏覽為主
2005年以後，互聯網進入Web2
0時代，各種類似桌面軟體的Web應用大量涌現，網站的前端由此發生了翻天覆地的變化
網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟體化的交互形式為用戶提供了更好的使用體驗，這些都是基於前端技術實姿陪鉛現的
說得直白點就是美工photoshop，交互設計，flash，js，html+css
就小規模公司而言，一個技術員都得會這幾樣技能，這樣很鍛煉人的，慢慢的你就會成為公司的主力
大規模的公司把這些分得很細，所以，你可以精通一門，熟悉其他的，進軍大公司
網頁開發工具學習web前端開發，網頁開發工具有FrontPage，會用Word的人很容易學會FrontPage
還有一個常用的是Dreamweaver
這兩種都是使用最多的HTML網頁製作工具，我使用的是Dreamweavercs6,因為這套軟體提供了一套直觀的可視界面，融合了html5一些新的內容
包括網格布局什麼的
學習內容HTML、CSS和JavaScript
html是內容，css是表現，javascript是行為
前端開發的門檻其實非常低，與伺服器端語言先慢後快的學習曲線相比，前端開發的學習曲線是先快後慢
所以，對於從事IT工作的人來說，前端開發是個不錯的初入點
也正因為如此，前端開發的領域有很多自學成「才」的同行
html是最基礎的，現在流行的是html5設計，先學會網頁布局
css是用來美化html頁面的為頁面提供布局和格式
最後再學javascript
如果你把每天看電影、看電視劇的時間用來學習，我想一個星期入門是沒有問題的
基礎知識：1
html+css
這部分建議在
cn上學習，邊學邊練，每章後亂燃還有小測試
之後可以模仿一些網站做些頁面
本站提供的個人博客模板/download/都是比較簡單的單頁，可以下載下來模仿自己做一個
理解css每個元素的屬性，樣式的實現不一定只有一種寫法，多想一想還有沒有什麼需要改進的地方
《10條HTML代碼編寫技巧》《CSS簡明教程》《Div+CSS規則整理以及注意問題》2、JavaScript
不是所有的網頁都必須有js，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js
如果沒有其他編程語言的基礎的話，學起來可能要費些力，還是建議先在w3school上學習
之後建議馬上看《javascript語言精粹》《JS經典實例》3、Photoshop、flash
熟悉會一點兒就行了，沒必要全部都學得精通，當然如果你在學習的過程中，發跡好現你ps或者flash比較感興趣的話，也可以嘗試做美工這一行
4、html5和css3
可以先了解一下，然後再入手
畢竟IE的瀏覽器大多還不支持
《學習Html5建站教程（一）Html5簡介》《學習Html5建站教程（二）Html5語法與規則》《學習Html5建站教程（三）Html5博客頁面設計之理論》《學習Html5建站教程（四）用HTML5做個人的網站》5、瀏覽器兼容
懂web標准，熟練手寫xhtmlcss3並符合符合w3c標准
代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera
雖然IE6很多都不兼容，但現在還使用的人還是有的
W3C驗證地址：、javascript、動態交互網站(asp、php、aja)
② 網站WEB前端開發需要掌握什麼技術
1.開發語言
HTML發展歷史有二十多年，歷經多次版本更新，HTML5和CSS3的出現又是一次革新。有些人認為前端開發要掌握的技能簡單，不就是製作網頁 嘛，其實不然，web前端需要掌握的核心語言xHTML+CSS+JavaScript，JavaScript作為最難的語言之一，許多編程高手也不敢妄 自菲薄自封精通。由於JavaScript與html的差異性，以及靜動態分開處理的一些好處。在大公司編寫靜態效果和動態效果往往是分開由不同的人完成 的。小公司因為需要壓縮成本，就要求每個人會的越多越好，如果您想往項目經理發展，能懂一兩門後台語言，絕對是錦上添花！
2.瀏覽器兼容性
互聯網目前主流瀏覽器有IE6\7\8\9，Firefox，Chrome，Opera，Safari，遨遊，包括國內主流的搜狗，騰訊 TT，360，the World等等；從內核上講主要有IE的，遨遊版IE，safari，firefox以及opera的，這些都是大家常見的，如果你身邊有老網蟲喜歡收藏 瀏覽器，你翻翻他的硬碟，相信幾十款肯定是有的（或查看前端社區www.w3cFuns.com中的瀏覽器大全）。每種內核對代碼的解析是不完全一樣的，即使同樣內核也可能存在很大差異，如IE和遨遊版的IE。不說非主流的瀏覽器，就主流的瀏覽器要做到完全兼容，也並非易事，需要長時間的積累和測試，需要前端開發工程師對前端開發的熱愛和激情。
目前移動互聯網的發展趨勢也不容小覷，將慢慢占據互聯網的主要份額。移動互聯網最突出的好處是方便和及時，試想一下，走在某地風景很好，拍下來後自 動分享給各路好友，因此手機上的瀏覽器兼容也看刻不容緩，現在手機上的瀏覽器也是紛繁復雜，主流的UCWEB，safari，IE，3G門戶的，以及 symbian低端機的「殘缺兒童」，包括國外流行手機我們不知道的一些瀏覽器，更糟糕的是這些瀏覽器解析因為手機硬體的不同，每個瀏覽器得到的結果都是 完全不同的。
3.hack技術
由於不同的瀏覽器對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，這個時候就需要針對不同的瀏覽器寫不同的CSS，這個過程叫CSS hack。雖然我們寫代碼都要求按照標准，不寫hack代碼，但實際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應該是每個前端開發人員 必備的技能。
4.業內標准
目前Web前端開發中提到最多的就是W3C標准，這是一系列標準的集合，代表了互聯網發展的方向，也代表了前端開發的一種信仰。寫的代碼都要100%通過標准驗證，為通過標准驗證而感到自豪，會有效推動互聯網的快速發展。
5.開發工具
目前比較流行的是Dreamweaver， 其曾經風靡一時，到現在也沒有退出歷史舞台，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局，但現 在更提倡的是純手寫代碼，既體現技能方面的卓越，也可有效避免使用DW等工具產生的冗餘代碼。此外再掌握一些photoshop技能，即使沒有美工，也能 簡單處理一些圖像。
③ 網站WEB前端開發需要掌握什麼技術
前端的應用非常廣泛，基本網站、APP、HTML5小程序等都需要前端開發，所以只要是互聯網產品基本都需要前端。
前端程序猿切頁面寫頁面，Web上、H5上的炫酷效果，是前端開發大展身手的地方。最常見的用於前端開發的技術組合是：
HTML+CSS+JavaScript。
Web前端開發需要掌握的幾個必備技術是：
HTML +_CSS核心、JavaScript、VUE框架
web前端是在開發人員中最直接面向產品、面向用戶的設計人員，一個開發團隊的成果是要靠web前端去展現，因為用戶不會去關心後台的處理有多麼強大。
後端開發是寫後台，各種業務邏輯、數據處理、模塊介面、客戶端介面等等。後端開發者通常精通於一種Web編程語言和一個資料庫管理系統。電商平台點擊篩選條件下面為你篩選出來的寶貝的功能以及付款人數數據的變化等都是由後台來實現提供的。
目前web產品交互越來越復雜，用戶使用體驗和網站前端性能優化這些都得靠web前端去做。
前端開發則是網站的前台代碼實現，包括基本的HTML和CSS以及JavaScript/ajax，最新的高級版本HTML5、CSS3，以及SVG等。
前端開發需要學習的技術
1 掌握基本web前端開發技術：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug
2 必須掌握網站性能優化、SEO和伺服器端開發技術的基礎知識
3 必須學會運用各種web前端開發與測試工具進行輔助開發
4 除了掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等
5 未來web前端開發工程師還要研究HTML5、web視覺設計、網站配色、網站交互設計模式等相關技術
web前端有廣闊的發展空間，app、小程序、移動端、pc端等都網站是需要前端技術的開發支持才能夠完成，技術門檻相對較低、需求量較大，薪資待遇良好。只要是互聯網端的客戶界面，就需要前端來製作完成，前端開發的編程量不大，但是需要部分編程，入門簡單，但是要學的深入需要一個過程。
Web前端招聘崗位
• 前端開發工程師、Web開發工程師、網頁開發工程師、HTML開發工程師...
• H5開發工程師、移動應用開發工程師、App開發工程師、小程序開發工程師...
• JS開發工程師、Vue.js開發工程師、Node.js開發工程師、前端架構師...
• 小游戲開發工程師、數據可視化開發工程師、WebGL開發工程師、WebVR開 發工程師、Web安全工程師...
④ Web前端主要包括哪些技術小白求解答
Web前端技術主要包括HTML5、CSS3、Less、Sass、響應式布局、移動端開發、以及Ps設計等，更高級的前端開發人員還需要掌握JavaScript 語言、Mysql、Mongodb資料庫開發、vue.js、webpack、elementui等前端框架技術。蝸牛學院這里也給大家整理了一份web前端學習路線，希望對想要學習web前端的小白有所幫助。
第一階段：專業核心基礎
階段目標：
1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。
2. 熟練運用HTML+CSS特性完成頁面布局。
4. 熟練應用CSS3技術，動畫、彈性盒模型設計。
5. 熟練完成移動端頁面的設計。
6. 熟練運用所學知識仿製任意Web網站。
7. 能綜合運用所學知識完成網頁設計實戰。
知識點：
1、Web前端開發環境，HTML常用標簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿製任意網站的前端頁面實現。
2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端，整理網頁開發技巧。
3、預編譯css技術：less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。
第二階段：Web後台技術
階段目標:
1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。
2. 熟練掌握JavaScript的基本數據類型和變數的概念。
3. 熟練掌握JavaScript中的運算符使用。
4. 深入理解分之結構語句和循環語句。
5. 熟練使用數組來完成各種練習。
6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。
7.DOM和BOM實戰練習和H5新特性和協議的學習。
知識點：
1、軟體開發流程、演算法、變數、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。
2、JavaScript面向對象基礎、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。
3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。
4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。
第三階段：資料庫和框架實戰
階段目標：
1. 綜合運用Web前端技術進行頁面布局與美化。
2. 綜合運用Web前端開發框架進行Web系統開發。
3. 熟練掌握Mysql、Mongodb資料庫的發開。
4. 熟練掌握vue.js、webpack、elementui等前端框技術。
5. 熟練運用Node.js開發後台應用程序。
6. 對Restful，Ajax，JSON，開發過程有深入的理解,掌握git的基本技能。
知識點：
1、資料庫知識，範式，MySQL配置，命令，建庫建表，數據的增刪改查，mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理，為Node.js後台開發打下堅實基礎。
2、模塊系統，函數，路由，全局對象，文件系統，請求處理，Web模塊，Express框架，MySQL資料庫處理，RestfulAPI，文件上傳等。熟練運用Node.js運行環境和後台開發框架完成Web系統的後台開發。
3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻理解。
4、需求分析，資料庫設計，後台開發，使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實現整站項目完整功能並上線發布。
第四階段：移動端和微信實戰
階段目標：
1.熟練掌握React.js框架，熟練使用React.js完成開發。
2.掌握移動端開發原理，理解原生開發和混合開發。
3.熟練使用react-native和Flutter框架完成移動端開發。
4.掌握微信小程序以及了解支付寶小程序的開發。
5.完成大型電商項目開發。
知識點：
1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Rex基本概念。練使用react完成項目開發、掌握Rex中的非同步解決方案Saga。
2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網路請求、打包。練掌握react-native和Flutter框架，並分別使用react-native和Flutter分別能開發移動端項目。
3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。
4、大型購物網站實戰，整個項目前後端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、後台管理。團隊協作開發，使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。
⑤ web技術的相關技術
Web客戶端的主要任務是展現信息內容。Web客戶端設計技術主要包括：HTML語言、Java Applets、腳本程序、CSS、DHTML、插件技術以及VRML技術。
1）HTML語言。HTML是Hypertext Markup Language（超文本標記語言）的縮寫，它是構成Web頁面的主要工具。
2)Java Applets，即Java小應用程序。使用Java語言創建小應用程序，瀏覽器可以將Java Applets從伺服器下載到瀏覽器，在瀏覽器所在的機器上運行。Java Applets可提供動畫、音頻和音樂等多媒體服務。1996年，著名的Netscape瀏覽器在其2.0版本中率先提供了對Java Applets的支持，隨後，Microsoft的IE3.0也在這一年開始支持Java技術。Java Applets使得Web頁面從只能展現靜態的文本或圖像信息，發展到可以動態展現豐富多樣的信息。動態Web頁面，不僅僅表現在網頁的視覺展示方式上，更重要的是他可以對網頁中的內容進行控制與修改。
3)腳本程序。他是嵌入在HTML文檔中的程序。使用腳本程序可以創建動態頁面，大大提高交互性。用於編寫腳本程序的語言主要有JavaScript和VBScript。JavaScript由Netscape公司開發，具有易於使用、變數類型靈活和無須編譯等特點。VBScript由Microsoft公司開發，與JavaScript一樣，可用於設計交互的Web頁面。要說明的是，雖然JavaScript和VBScript語言最初都是為創建客戶端動態頁面而設計的，但他們都可以用於服務端腳本程序的編寫。客戶端腳本與服務端腳本程序的區別在於執行的位置不同，前者在客戶端機器執行，而後者是在Web服務端機器執行。
4)CSS(Cascading Style Sheets)，即級聯樣式表。通過在HTML文檔中設立樣式表，可以統一控制HTML中各標志顯示屬性。1996年底，W3C提出了CSS的建議標准，同年，IE3.0引入了對CSS的支持。CSS大大提高了開發者對信息展現格式的控制能力，1997年的Netscape4.0不但支持CSS，而且增加了許多Netscape公司自定義的動態HTML標記，這些標記在CSS的基礎上，讓HTML頁面中的各種要素「活動」了起來。
5)DHTML(Dynamic HTML)，即動態HTML。1997年，Microsoft發布了IE4.0，並將動態HTML標記、CSS和動態對象（Dynamic Object Model）發展成為一套完整、實用、高效的客戶端開發技術體系，Microsoft稱其為DHTML。同樣是實現HTML頁面的動態效果，DHTML技術無須啟動Java虛擬機或其他腳本環境，可以在瀏覽器的支持下，獲得更好的展現效果和更高的執行效率。
6)插件技術。這一技術大大豐富了瀏覽器的多媒體信息展示功能，常見的插件包括QuickTime、Realplayer、Media Player和Flash等。為了在HTML頁面中實現音頻、視頻等更為復雜的多媒體應用，1996年的Netscape2.0成功地引入了對QuickTime插件的支持，插件這種開發方式也迅速風靡了瀏覽器的世界。同年，在Windows平台上，Microsoft將COM和ActiveX技術應用於IE瀏覽器中，其推出的IE3.0正式支持在HTML頁面中插入ActiveX控制項，這為其他廠商擴展Web客戶端的信息展現方式提供了方便的途徑。1999年，Realplayer插件先後在Netscape和IE瀏覽器中取得了成功，與此同時，Microsoft自己的媒體播放插件Media Player也被預裝到了各種Windows版本之中。同樣具有重要意義的還有Flash插件的問世：20世紀90年代初期，Jonathan Gay在FutureWave公司開發了一種名為Future Splash Animator 的二維矢量動畫展示工具，1996年，Macromedia公司收購了FutureWave，並將Jonathan Gayde 的發明改名為我們熟悉的Flash。從此，Flash動畫成了Web開發者表現自我、展示個性的最佳方式。
7)VRML技術。Web已經由靜態步入動態，並正在逐漸由二維走向三維，將用戶帶入五彩繽紛的虛擬現實世界。VRML是目前創建三維對象最重要的工具，它是一種基於文本的語言，並可運行於任何平台。 與Web客戶端技術從靜態向動態的演進過程類似，Web服務端的開發技術也是由靜態向動態逐漸發展、完善起來的。Web伺服器技術主要包括伺服器、CGI、PHP、ASP、ASP.NET、Servlet和JSP技術。
1)伺服器技術。主要指有關Web伺服器構建的基本技術，包括伺服器策略與結構設計、伺服器軟硬體的選擇及其他有關伺服器構建的問題。
2)CGI(Common Gateway Interface)技術，即公共網關介面技術。最早的Web伺服器簡單地響應瀏覽器發來的HTTP請求，並將存儲在伺服器上的HTML文件返回給瀏覽器。CGI是第一種使伺服器能根據運行時的具體情況，動態生成HTML頁面的技術。1993年，NCSA（National Center佛日Supercomputing Applications）提出CGI1.0 的標准草案，之後分別在1995 年和1997年，制定了CGI1.1和1.2標准。CGI技術允許服務端的應用程序根據客戶端的請求，動態生成HTML頁面，這使客戶端和服務端的動態信息交換成為了可能。隨著CGI技術的普及，聊天室、論壇、電子商務、信息查詢、全文檢索等各式各樣的Web應用蓬勃興起，人們可以享受到信息檢索、信息交換、信息處理等各更為便捷的信息服務了。
3)PHP(Personal Home Page Tools)技術。1994年，Rasmus Lerdorf發明了專用於Web服務端編程的PHP語言。與以往的CGI程序不同，PHP語言將HTML代碼和PHP指令合成為完整的服務端動態頁面，Web應用的開發者可以用一種更加簡便、快捷的方式實現動態Web功能。
4)ASP(Active Server Pages)技術，即活動伺服器頁面技術。1996年，Microsoft借鑒Php的思想，在其Web伺服器IIS 3.0中引入了ASP技術。ASP使用的腳本語言是我們熟悉的VBScript和Javascript。藉助Microsoft Visual Studio等開發工具在市場上的成功，ASP迅速成為Windows系統下Web服務端的主流開發技術。
5)ASP.NET技術。由於它使用C#語言代替ASP技術的JavaScripe腳本語言，用編譯代替了逐句解釋，提高了運行效率，ASP.NET是建立.NET Framework的公共語言運行庫上的編程框架，可用於在伺服器上生成功能強大的Web應用程序，代替以前在WEB網頁中加入ASP腳本代碼，使界面設計與程序設計以不同的文件分離，復用性和維護性得到提高，已經成為面向下一代企業級網路計算的Web平台，是對傳統ASP技術的重大升級和更新。
6)Servlet、JSP技術。以Sun公司為首的Java陣營於1997和1998年分別推出了Servlet和JSP技術。JSP的組合讓Java開發者同時擁有了類似CGI程序的集中處理功能和類似PHP的HTML嵌入功能，此外，Java的運行時編譯技術也大大提高了Servlet和JSP的執行效率。Servlet和JSP被後來的JavaEE平台吸納為核心技術。
⑥ 網頁設計需要學習哪些技術
1、html語言
超文本標記語言(Hyper Text Markup Language)，標准通用標記語言下的一個應用。HTML 不是一種編程語言，而是一種標記語言 (markup language)，是網頁製作所必備的。
「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
2、伺服器架設
要製作網頁就需要架設伺服器來調試你做出來的網頁，有iis等很多種，可以在網上搜索得到。
3、css語言
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標准通用標記語言的一個應用）或XML（標准通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。
4、div+css布局
IV+CSS是WEB設計標准，它是一種網頁的布局方法。與傳統中通過表格（table）布局定位的方式不同，它可以實現網頁頁面內容與表現相分離。提起DIV+CSS組合，還要從XHTML說起。
XHTML是一種在HTML（標准通用標記語言的子集）基礎上優化和改進的新語言，目的是基於XML應用與強大的數據轉換能力，適應未來網路應用更多的需求。
5、資料庫
資料庫，簡而言之可視為電子化的文件櫃——存儲電子文件的處所，用戶可以對文件中的數據進行新增、截取、更新、刪除等操作。
所謂「資料庫」是以一定方式儲存在一起、能與多個用戶共享、具有盡可能小的冗餘度、與應用程序彼此獨立的數據集合。
6、動態語言
動態語言，是指程序在運行時可以改變其結構：新的函數可以被引進，已有的函數可以被刪除等在結構上的變化，類型的檢查是在運行時做的，優點為方便閱讀，清晰明了，缺點為不方便調試。
7，javascript
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標准通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。
8、photoshop
Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。