㈠ web前端開發常用又好用的幾個軟體(常用的web前端開發工具有哪些)
1、Bootstrap
Bootstrap是快速開發Web應用程序的前端工具包。它是一個CSS和HTML的集合，它使用了新的瀏覽器技術，給你的Web開發提供了時尚的版式，表單，buttons，表格，手衫網格系統等等。
2、Foundation
Foundation是一個易用、強大而且靈活的框架，用於構建基於任何設備上的Web應用。提供多種Web上的UI組件，如表單、按鈕、Tabs等。
3、Cloud9IDE
Cloud9IDE是一個基於Node.JS構建的JavaScript程序開發WebIDE。它擁有一個非常快的文本編輯器，支持為JS，HTML，CSS和這幾種的混合代碼進行著色顯示。Cloud9IDE還為node.js和集成調試器，可以在IDE中啟動、暫停和停止。
4、Notepad
Notepad是一款畢舉腔非常有特色的編輯器，是開源軟體，可以免費使用。我們開發人員都是必備的。支持的語言:C,C,Java,C#,XML,HTML,PHP,Javascript!
5、
是一個運行於OSX，Windows和Linux之上的，針對於編寫現代web和雲應用的跨平台編輯器。
6、GIMP
GIMP是GNU圖像處理程序()的縮寫。包括幾乎所有圖象處理所需的功能，號稱Linux下的PhotoShop。GIMP在Linux系統推出時就風靡了繪圖愛好者圈。
7、
是Twitter送給Web開發者的一份大禮，作為一款Web安全開發工具，能夠自動實施安全相關的header規則，包括內容安全政策(CSP)，防止XSS、HSTS等攻擊，防止火綿羊(Firesheep)攻擊以及XFO點擊劫持等。
8、Fontello
Fontello是個圖標字體生成器。這個工具允許用戶把這些圖標web字體放到自己的項目中。主要特性如下：縮小字形集合，減小字體大小;合並一些字體標記到單個文件中；訪問大量專業級的答判開源圖標。
㈡ web編輯器是用來幹嘛的
寫代碼的工具。一般人用不到。
㈢ 用什麼樣的Web編輯器，eWebEditor，kindeditor還是FCKEditor
我接觸的第一個Web編輯器是eWebEditor。它是國產的，在IE7及以下的版本中效果是非常不錯的，不兼容IE8及火狐，而且使用不當就會留下上傳漏洞的隱患。這樣的編輯器，還是不要用了（很想支持國產，但是...）
放棄eWebEditor後，我選擇了kindeditor。它是老外開發的，能兼容目前所有版本的瀏覽器，純靜態（文件上傳需要自
己實現，小問題）。但是它不支持Word表格的復制（就是不能直接從Word上復製表格到編輯器中），而且會經常出現圖文丟失的現象，郁悶，我還是不用了（老外的東西也不一定好，...）
前段時間接觸了FCKEditor，發現這個編輯器相當不錯，查了一下，網上大家對它的評價超高（貌似淘寶也是用的這個編
輯器）。它也是老外開發的，能兼容目前所有版本的瀏覽器，對Word的支持非常好，復製表格沒有一點變形。到目前為
止，我已經在兩個項目中使用了這個編輯器，一個是基於PHP的訂餐系統，另外一個是基於ASP的公司網站，FCKEditor對PHP，ASP以及ASP.NET的支持都很好，使用起來非常方便。
編輯器的安全問題一直是一個令很多人頭痛的問題，這主要在於文件上傳上。各種編輯器默認情況下都沒有對文件上傳
進行身份認證（它也不可能實現一個通用的身份認證），開發者必須根據自己系統的情況加入適當的身份認證代碼。另外
編輯器允許的文件上傳類型也需要進行嚴格的限制，例如eWebEditor允許在後台修改上傳文件類型，這樣一旦歹徒獲取後
台密碼，即可輕易上傳任意格式的文件。低版本的FCKEditor（好像是2.1以下的版本）默認情況下允許上傳任意格式的文件。
總結一下FCKEditor的使用（以2.6.5版為例）：
（1）精簡，"言多必失"，文件多了也是一種隱患。FCKEditor支持多種伺服器腳本語言，實際使用的時候我們根本用不了那麼多文件，我們要根據自己的需要對其進行精簡。
對於ASP系統來說：
FCKEditor根目錄，僅保留"fckeditor.asp，fckconfig.js，fckeditor.js，fckpackager.xml，fckstyles.xml，
fcktemplates.xml"這些文件以及editor目錄。刪除示例目錄"_samples"。
"fckeditor\editor\filemanager\connectors"目錄下面僅保留"asp"目錄，刪除其它目錄和文件。
對於PHP系統來說：
FCKEditor根目錄，僅保留"fckeditor.php，fckeditor_php4.php，fckeditor_php5.php，fckconfig.js，fckeditor.js，
fckpackager.xml，fckstyles.xml，fcktemplates.xml"這些文件以及editor目錄。刪除示例目錄"_samples"。"fckeditor\editor\filemanager\connectors"目錄下面僅保留"php"目錄，刪除其它目錄和文件。
（2）修改文件上傳採用的腳本程序（語言）。
默認的FCKEditor文件上傳程序為asp，如果是用在asp系統中，那就不用再修改了。
如果是用在PHP系統中的話，需要做如下修改，打開fckconfig.js
找到:
var _FileBrowserLang ge = asp
var _QuickUploadLang ge = asp
改成:
var _FileBrowserLang ge = php
var _QuickUploadLang ge = php
（3）開啟文件上傳，修改文件上傳目錄。
對於ASP系統來說：
打開fckeditor\editor\filemanager\connectors\asp\config.asp
啟用文件上傳:
找到:
ConfigIsEnabled = false
改成:
ConfigIsEnabled = tr
設置上傳存放目錄:
找到:
ConfigUserFilesPath = "/admin/uppic/"
改成:
ConfigUserFilesPath = "自定義的路徑"
對於PHP系統來說：
打開fckeditor/editor/filemanager/browser/default/connectors/php/config.php
啟用文件上傳:
找到:
$Config[Enabled] = false
改成:
$Config[Enabled] = tr
設置上傳存放目錄:
找到:
$Config[UserFilesPath] = /userfiles/
改成:
$Config[UserFilesPath] = 自定義的路徑
（4）修改上傳文件命名方式。
FCKEditor上傳文件，文件名採用原文件名，如果想採用自定義的文件命名方式（比如，隨即名稱），可以修改如下地
方：
對於ASP系統來說：
打開fckeditor\sample\edit\editor\filemanager\connectors\asp\commands.asp
找到：
sFileName = SanitizeFileName( sFileName )
將該句改為自定義的文件命名格式，例如：
dim RndStr
Randomize
RndStr = Cstr(Fix(9000*rnd()+1000)) 產生一個隨機數
sFileName =year(date)&month(Date)&day(Date)&hour(time)&minute(time)&second(time)&RndStr &"." &
**tension
對於PHP系統來說：
打開fckeditor\editor\editor\filemanager\connectors\php\commands.php
找到：
$sOriginalFileName = $sFileName ;
在該句前面加入：
// 初始化種子
$sstr =split(" ",microtime(),5);
$seed =$sstr[0]*10000;
// 使用種子初始化隨機數發生器
srand($seed);
// 生成指定范圍內的隨機數
$random =rand(1000,10000);
// 合成隨即的文件名
$sFileName = date("YmdHis", time()).$random.".".$**tension;
（5）FCKEditor在程序中引用方式。
對於ASP系統來說：
需要包含下面的頭文件
<!--#incl? file="fckeditor/fckeditor.asp"-->
在編輯器所在的位置添加如下代碼：
<%
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/fckeditor/" 這個路徑必須是相對於站點根目錄的路徑，設置錯誤編輯器
將無法顯示
oFCKeditor.ToolbarSet="Default"
oFCKeditor.Width = "98%"
oFCKeditor.Height= "500px"
oFCKeditor.Val = "" 設置默認值
oFCKeditor.Create "shangpin_description" 編輯器的id，相當於input標簽的name屬性值，這里是
shangpin_description
%>
對於PHP來說：
在編輯器所在的位置添加如下代碼：
<?php
incl?("fckeditor/fckeditor.php"); // 頭文件
$oFCKeditor = new FCKeditor("shangpin_description") ; // 編輯器的id，相當於input標簽的
name屬性值，這里是shangpin_description
$oFCKeditor->BasePath="/fckeditor/ " ; //設置FCKeditor路徑
$oFCKeditor->ToolbarSet ="Default";
$oFCKeditor->Width="98%";
$oFCKeditor->Height="500px";
$oFCKeditor->Val=""; // 設置默認值
$oFCKeditor->Create();
?>
（6）獲取FCKEditor中的數據。
對於伺服器端腳本程序來說，將"編輯器的id"當做input標簽的name屬性值來獲取即可，例如：
在ASP中reqst("shangpin_description")，在PHP中$_REQST["shangpin_description"]
JS中用FCKeditorAPI.GetInstance(shangpin_description).GetXHTML(tr)得到shangpin_description對應的值
㈣ web編輯器的下載與使用問題
。。。
圖片相對路徑不對。這個與編輯器本身無關，你檢查一下路徑。
㈤ web前端用什麼編輯器好，dw之外的
網路編輯器UEditor PHP版是由網路web前端研發部開發所見即所得的編輯器，具有輕量，可定製，注重用戶體驗等特點。Ueditor基於BSD開源協議，除了具有代碼精簡、載入迅速的輕量級特質外，還採用了分層理念，使開發者可以根據實際應用和需求自由定製。
編輯器劃分為了三層架構。其中，核心層為開發者提供了諸如range、selection、domUtils類的底層API介面，中間的命令插件層不僅提供了大量的基礎command，還允許開發者基於核心層進行command命令的開發，而面向用戶端的界面層則可以提供自由定製的用戶交互界面。Ueditor開源編輯器這種擁有可配性的模式，令開發者能夠根據自身需要接入任何一層進行開發。
㈥ 常見web程序設計的開發工具有哪些
常見web程序設計的開發工具有：
PHP、ASP、JSP、Asp.net
ASP（全稱Active Server Pages）微軟系統的腳本語言，利用它可以執行動態的Web服務應用程序。執行的時候，是由IIS調用程序引擎，解釋執行嵌在HTML中的ASP代碼，最終將結果和原來的HTML一同送往客戶端。ASP的語法非常類似Visual BASIC，學過VB的人可以很快上手，ASP也是這幾種腳本語言中最簡單易學的開發語言。因為ASP腳本語言非常簡單，因此其代碼也簡單易懂，結合HTML代碼，可快速地完成網站的應用程序。但是ASP也有很大的缺點，由於是運行在WINDOWS平台上,不能跨平台運行,自身存在著許多缺陷，最重要的就是安全性。在大型項目開發和維護上非常困難。
但在國內異常流行，因為國內大多使用的是盜版的Windows和盜版的SQLServer。
PHP
PHP是基於預處理 HTML 頁面模型的一種腳本語言。它大量地借用C和Perl語言的語法， 並結合PHP自己的特性，使Web開發者能夠快速地寫出動態產生頁面。可以用於管理動態內容、支持資料庫、處理會話跟蹤，甚至構建整個電子商務站點。它支持許多流行的資料庫，包括 MySQL、PostgreSQL、Oracle、Sybase、Informix 和 Microsoft SQL Server。PHP本身就是為處理超文件html設計的，正是由於它是專為基於 Web 的問題而設計的，而且它是開源的導致可擴展性大大增強 ，所以運用非常廣泛。
PHP發展到今天，具備了很多優勢，開發速度，運行速度，安全性都比較好！性價比很高啊！
JSP
JSP（全稱JavaServer Pages）是Sun公司推出的一種網路編程語言。JSP技術是以Java語言作為腳本語言的,比較難學。)。形式上JSP和ASP或PHP看上去很相似——都可以被內嵌在HTML代碼中。
JSP可以用來做大規模的應用服務，JSP在響應第一個請求的時候被載入，一旦被載入，便處於已執行狀態。對於以後其他用戶的請求，它並不打開進程，而是打開一個線程（Thread），將結果發送給客戶。由於線程與線程之間可以通過生成自己的父線程（Parent Thread）來實現資源共享，這樣就減輕了伺服器的負擔。
同樣JSP是基於Java的，有Java語言的最大優點——平台無關性，也就是所謂的「一次編寫，隨處運行（WORA – Write Once, Run Anywhere）」。
另外JSP的效率以及安全性也是相當驚人的。 配置和部署相對其他腳本語言來說要復雜一些，所以在國內目前的應用並不廣泛，但對於跨平台的中大型企業應用系統來講（如銀行金融機構），基於JAVA技術的MVC架構幾乎成為唯一的選擇，前途不可限量。
ASP.NET
ASP最新的版本ASP.NET 並不完全與 ASP 早期的版本後向兼容，因為該軟體進行了完全重寫。ASP.NET的優勢很明顯在於它簡潔的設計和實施。語言靈活,可以使用腳本語言（如 VBscript、Jscript、Perlscript 和 Python）以及編譯語言（如 VB、C#、C、Cobol、Smalltalk 和 Lisp）；並支持復雜的面向對象特性。而且有良好的開發環境支持。
高效性，ASP.NET是編譯性的編程框架，運行是伺服器上的編譯好的公共語言運行時庫代碼，可以利用早期綁定，實施編譯來提高效率。
簡單性，.NET可視化編程，提供基於組件、事件驅動的可編程網路表單，大大簡化了編程。一些很平常的任務如表單的提交客戶端的身份驗證、分布系統和網站配置變得非常簡單。如ASP.net頁面構架允許你建立你自己的用戶分界面。
看起來是非常有前途的，可能JSP可以一拼，剛剛開始，目前應用不高！
JAVA一種由Sun公司提出的，從C++發展而來的面向對象的編程語言。JS=JAVASCRIPT 是一總頁面腳本語言,與java沒有關系,語法相似而已,有以前的livescript轉化而來,為了敢時髦改成了javacriptJSP 全稱 JAVA SERVER PAGE,是JAVA企業應用的一種動態技術ASP 全稱 active server page 也是一種動態頁面技術採用VB語言ASP.NET 是微軟.net平台下的動態頁面技術,多採用C#語言結構化程序設計:使程序具有合理的結構,以保證和驗證程序的正確性.這種方法要求程序設計者不能隨心所欲地編寫程序,而要按照一定的結構形式來設計和編寫程序.
java是一種面向對象的編程語言，js就是javascript也就是java腳本，jsp是java server page，asp是active server page
㈦ Web前端開發常用工具的全部推薦
1、AptanaStudio
AptanaStudio是一個集成式的Web應用程序開發環境，它不僅鋒臘可以作為獨立的程序運行寬基笑，而且還可以作為Eclipse插件使用。所以，如果您已經安裝了Eclipse的話，就可以將Aptana作為插件直接安裝到您的Eclipse環境中。早起作為一個插件可以集成與Eclipse中來開發前端，現在已經獨立出來，也是我最早接觸js所使用的一款開發工具，如果熟悉了Eclipse快捷鍵的小夥伴可以快速上手。
2、Vim
Vim作為一個類似於Vi的文本編輯器，功能強大的同時還可以做到高度可定製。當然了，雖然Vim類似Vi，但是它在Vi的基礎上改進和增加了很多特性，VIM是純粹的自由軟體。即使Vim的學習成本高，但只要我們掌握很多的快捷鍵和一些小技巧，它就能大大提高Web前端開發的工作效率。
3、PrettierPlayground
Prettier是一種代碼格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow和TypeScript等。它會用符合標准並遵循最佳實踐的樣式替換掉你原來的樣式。這個方便的工具在我們的IDE中非常流行，但是它也有自己的在線版本，你可以在裡面優化你的代碼。
4、EnjoyCSS
EnjoyCSS是一款非常簡單的工具，尤其對於不擅長使用CSS的前端開發者來講。它為用戶提供了簡單的UI，讓用戶可以設計元素，並提供對應的CSS輸出。
5、Postman
在前端開發的過程中，Postman可以說是必備的開發工具之一。它能在後端檢查端點，而且非常好用。它的出色表現讓我把它放到了這慎含里。它包含的端點包括GET、POST、DELETE、OPTIONS和PUT之類。可以稱之為絕對不能錯過的一款工具。
6、Bit.dev
軟體開發的一項基本原則是代碼可重用性。這可以減少你的開發工作，因為你無需從頭開始構建每個組件。這正是Bit.dev所做的。它使你可以共享可重用的代碼組件和代碼片段，從而減少開銷並加快開發流程。它還允許在團隊之間共享組件，這使你的團隊可以與其他團隊更好地協作。
7、StackBlitz
StackBlitz是所有用戶最喜歡的在線IDE工具。主要原因是它將我們最喜歡和最常用的IDE——也就是VisualStudioCode，引入了Web端。StackBlitz允許你一鍵設置Angular、React、Ionic、TypeScript、RxJS、Svelte和其他JavaScript框架。一鍵設置這個功能意味著開發者可以在極短的時間內開始編碼。有了StackBlitz，你只需不到幾分鍾的時間就可以試用新的NPM軟體包，而無需從頭開始在本地創建項目。
以上就是關於Web前端開發常用工具的全部推薦，大家要是想提供自己的工作效率，現在就趕緊用起來吧！