開發網站前端用什么工具包，html5開發工具有哪些？
1、Sublime Text
Sublime Text 是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統，也是HTML和散文先進的文本編輯器。
Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括:拼寫檢查，書簽，完整的 Python API ，Goto 功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Dreamweaver是集網頁制作和管理網站于一身的所見即所得網頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，初學HTML5的人可以無需編寫任何代碼就能快速創建Web頁面。
3、Adobe Edge
Adobe Edge是一款新型網頁互動工具，允許設計師通過HTML5、CSS和Java制作網頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性。
4、WebStorm
WebStorm是一款Java 開發工具，目前已經被廣大中國JS開發者譽為"Web前端開發神器"、"最強大的HTML5編輯器"、"最智能的Java IDE"等。
WebStorm具有的優勢是：智能的代碼補全、代碼格式化、html提示、聯想查詢、代碼重構、代碼檢查和快速修復、代碼調試、代碼結構瀏覽、代碼折疊、包裹或者去掉外圍代碼。
5、HBuilder
HBuilder，即Html Builder的縮寫，Builder是建造者的意思。HBuilder是一個極客工具，追求無鼠標的極速操作，不管是敲代碼的快捷設定，還是操作功能的快捷設定，都融入了效率第一的設計思想。
HBuilder不為敲字母而花費時間，不為大小寫拼錯而調錯半天，把精力花在思考上，想清楚后落筆如飛。支撐這個理念，除了體驗上的精細設計，還要求我們突破很多世界級技術難題，包括語法庫、語法結構模型、AST語法分析引擎。
Web前端開發初級需要學習哪些知識些？
如今學習web前端的人越來越多，作為一個初入行的新手，一定要想清楚為什么要學習web前端，出于一種什么樣的心態去學習，然后給自己做好定位。下面，千鋒杭州web前端培訓小編就給大家總結一下，零基礎新手在學習web前端時應該掌握哪些知識點。
1、HTML學習
超文本標記語言(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現給用戶。因此，我們必須掌握HTML的基本結構和常用標記及屬性。
2、CSS學習
CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。
3、JavaScript學習
JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，借助這些內容我們可以來實現一些客戶端的特效、驗證、交互等，使我們的頁面看起來不那么呆板。
4、jQuery學習
jQuery 是一個免費、開源的輕量級的JavaScript庫，并且兼容各種瀏覽器(jQuery2.0及后續版本放棄了對IE6/7/8瀏覽器的支持)，同時現在有很多基于jQuery的插件可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其 write less,do more的核心宗旨
5、bootstrap
Bootstrap是Twitter推出的一個開源的用于前端開發的工具包，是一個CSS/HTML框架，并且支持響應式布局。一經推出后頗受歡迎，一直是GitHub上的熱門開源項目。
6、實戰
人生學習的態度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改變世界，但求能改變自己的生活。我們學習web前端最終的目的是為了找到一份滿意的高薪工作，那么實戰經驗對于我們就至關重要，所以，在學習的過程中除了學習各種基礎知識，我們還應該積累自己的實戰項目經驗。
零基礎新手想要快速學成web前端，參加培訓班無疑時最高效快捷的方式。千鋒杭州web前端培訓以實戰項目驅動教學，除了培養學員的開發技術，覆蓋熱門大數據可視化內容，深度貫穿前端后端開發，緊貼主流企業一線需求，助力千鋒學員畢業即高薪就業。
網站開發工具有哪些？
1.Web應用框架這些軟件是專門設計來幫助網站開發，并使創建網站的Web開發的過程變得更容易。該軟件完全支持Web服務，Web資源和Web API。這些框架會自動執行與Web開發中的常見活動相關聯的一些進程，從而使Web開發人員的工作變得更加容易?？捎玫腤eb開發框架包括ASP.NET，JavaEE，WebObjects，web2py，OpenACS等。
2.協作工具對于遠程工作的團隊，需要時刻保持聯系和協作。為了提高開發效率，幫助開發者在同一個項目上工作的流程簡化開發流程，以實現團隊的設定目標，市場上出現了很多協作工具，如Slack，Trello，Asana，Jira等。
3.本地開發環境一個快速的本地開發環境，可以推出取決于操作系統或您正在使用的計算機。有各種各樣的免費軟件，軟件Apache，MySQL和其他打包在一起。這是在本地計算機上最快的一種測試方式，為了方便使用，有些程序還出了便攜式版本。本地開發環境包括MAMP，LARAGAN，XAMPP和Vagrant等。
4.前端框架前端框架基本上是一些文件和文件夾，如HTML，CSS和JavaScript等。前端框架通常包含有有準備好的組件，大多數組件都是可以進行修改和調整的，開發人員可以根據自己的開發需求來選擇使用，目前最常見的前端框架是Bootstrap。
5.圖標圖標對于Web開發人員，尤其是前端開發人員非常重要，它們是Web開發的重要組成部分。上圖中的圖標都可以應用于你的項目，且這其中大部分是免費的。
6.網站速度測試工具網站速度是決定一個網站是否成功的重要因素?，F在的用戶越來越挑剔，大家往往更傾向于加載速度快的網站，對于加載速度慢的網站，大家幾乎是零容忍。另外，SEO做得好的話，可能會帶來更高的轉化率和更好的用戶體驗。Web開發人員可以使用工具來測試他們的網站速度，以確保他們的網站能夠擁有較短的加載時間。
7.文本對比檢查Diff checkers 可以幫助您比較文件之間的差異，然后合并更改，幫助我們更直觀的看見文本之間的差異。
8.數據庫數據庫基本上是已經存儲信息的集合，可以進行信息的檢索，管理甚至更新。Web開發人員常用的數據庫有MySQL，MariaDB，MongoDB，Redis等。
9.Web開發通訊為什么選擇通訊訂閱，因為開發人員可以利用這些工具節省時間和精，通過這些工具選擇最佳的Web開發和性能主題，而不必自己動手。
10.任務批處理工具/包管理器任務批處理工具有助于自動化工作流程。例如，你創建了一個任務，可以通過JavaScript編寫的工具來自動化工作流程。除此之外，還可以新建和組合任務，使用任務管理器縮短開發時間，加快開發速率。另一方面，包管理器也是很重要的，它可以跟蹤所有軟件，確保這些軟件都更新至最新版本，擁有最強的功能。這些工具包括：Grunt，Gulp，npm等。
11.文本和代碼編輯器文本和代碼編輯器不僅能夠為開發者帶來良好的代碼體驗，而且能夠大大節約網站開發的時間。比較常用的編輯器有Atom，Notepad++，Vim等。之前，筆者也發過程序員票選最佳的代碼編輯器，感興趣的朋友可以戳進去看一下。
12.靈感對于很多工種來說，靈感都是極為重要的，但是靈感是可遇不可求的，所以一旦有了靈感就必須及時記錄下來。除了我們自己的靈感迸現，我們也可以從別人的作品中提煉出新的靈感。常見的記錄靈感的工具有CodePen 和Dribble。
13.編程語言每個Web開發工具都有一種編程語言。編程語言被設計為開發人員或程序員和計算機之間的橋梁，并幫助程序員創建我們每天使用的程序。比較流行的編程語言包括PHP，NodeJS，Python，Ruby等。
14.代碼共享/實驗工具基本上編程這個工作是一個團隊合作，團隊之間要保持親密無間的協作關系，互相檢查對方的代碼有助于更有效的進行程序編寫。代碼共享是現在程序員都在使用的一種方式，常見的有Slack。
15.Git 托管Git是一款免費、開源的分布式版本控制系統，可以高效的管理大小項目的各個版本，可以幫助開發團隊避免混亂。