本篇文章信途科技給大家談?wù)劸W(wǎng)頁開發(fā)工具，以及網(wǎng)頁開發(fā)工具軟件對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站。

html網(wǎng)頁開發(fā)常用軟件有哪些

HTML5被看作是Web開發(fā)者創(chuàng)建流行web應(yīng)用的利器，增加了對視頻和Canvas 2D的支持。用HTML5的優(yōu)點主要在于，這個技術(shù)可以進(jìn)行跨平臺的使用。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺，甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上，所以它的跨平臺性非常強(qiáng)大，這也是大多數(shù)人對HTML5有興趣的主要原因。今天,我將為大家推薦幾個主流的HTML5開發(fā)工具。

1、Sublime Text

Sublime Text是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML的文本編輯器。

Sublime Text具有漂亮的用戶界面和強(qiáng)大的功能，主要功能包括：拼寫檢查、書簽、完整的 Python API 、Goto 功能、即時項目切換、多選擇、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，初學(xué)HTML5的人可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。

3、Adobe Edge

Adobe Edge是一款新型網(wǎng)頁互動工具，允許設(shè)計師通過HTML5、CSS和Java制作網(wǎng)頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性。

4、WebStorm

WebStorm是一款Java開發(fā)工具，WebStorm具有的優(yōu)勢是：智能的代碼補(bǔ)全、代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼檢查和快速修復(fù)、代碼調(diào)試、代碼結(jié)構(gòu)瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、HBuilder

HBuilder，即Html Builder的縮寫，Builder是建造者的意思。HBuilder是一個極客工具，追求無鼠標(biāo)的極速操作，不管是敲代碼的快捷設(shè)定，還是操作功能的快捷設(shè)定，都融入了效率第一的設(shè)計思想。

6、visual studio code

一個運行于Mac OS X、Windows和 Linux 之上的，針對于編寫現(xiàn)代Web和云應(yīng)用的跨平臺源代碼編輯器。該編輯器也集成了所有一款現(xiàn)代編輯器所應(yīng)該具備的特性，包括語法高亮，可定制的熱鍵綁定，括號匹配以及代碼片段收集。

7. DevExtreme

DevExtreme Complete Subion是性能比較好的的HTML5、CSS和Java移動開發(fā)框架，可以直接在Visual Studio集成開發(fā)環(huán)境，構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件，并且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發(fā)環(huán)境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的首選工具。

8. Sencha Architect

在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 Java應(yīng)用，并實時預(yù)覽。

開發(fā)工具的選擇，可以說是開發(fā)者社區(qū)中一個經(jīng)久不衰的話題，現(xiàn)今編輯器的數(shù)量數(shù)不勝數(shù)，vim、sublime Text,Emacs,Atom等等，那么對于一個開發(fā)者而言，挑選一個合適的編輯器是可以有效的提高編程效率;那么以上是我為大家推薦的幾款開發(fā)工具啦，大家可根據(jù)自己的喜好選擇哦！

網(wǎng)頁前端開發(fā)工具推薦

當(dāng)啟動一個新的

項目

，使用

CSS

框架或

樣板

，可以幫助您節(jié)省大量的時間。在這篇文章中，我編譯整理了我最喜歡的

CSS樣板，框架和庫，幫助你在建立網(wǎng)站或

應(yīng)用程序

時更加高效。

Bootstrap

如果你想給你的新項目的專業(yè)的外觀和感覺，Boostrap

可能是你需要的工具。它擁有一個非常干凈的排版，

表格

元素

，以及設(shè)計一個現(xiàn)代化的網(wǎng)站你需要的所有東西。更多信息:

twitter.github.io

Foundation

Foundation

來自

Zurb，是一個非常有趣的工具，特別適合用于創(chuàng)建響應(yīng)式網(wǎng)頁。Foundation

有很多不同的

布局

模板

，所以在你啟動新項目時，肯定可以幫助你節(jié)省很多時間。更多信息:

http://foundation.zurb.com/

Compass

Compass

是一個開源的

CSS

編寫框架。它采用

Sass，擴(kuò)展了

CSS，增加了嵌套

規(guī)則

，

變量

，混入，選擇繼承等

特性

。絕對值得一試!更多信息:

http://compass-style.org/

Profound

Grid

這是一個響應(yīng)式的

網(wǎng)格系統(tǒng)

，用于固定和

流體

布局，內(nèi)置

SCSS。如果你打算開發(fā)一個基于

網(wǎng)格

的布局，你絕對應(yīng)該試試

Profound

Grid。更多信息:

http://xintu.profoundgrid.com/

Kube

Kube

是一個簡單而簡約的

CSS

框架，基于靈活的網(wǎng)格和漂亮的印刷字體。如果你正在尋找一個輕量級的框架，沒有強(qiáng)加的風(fēng)格，那么這是適合你的工具。更多信息:

http://imperavi.com/kube/

Topcoat

我知道，我已經(jīng)在文章介紹過很多次

Topcoat

了，不過

Topcoat

是真的很棒!如果你想能夠快速，輕松地創(chuàng)建一個專業(yè)的網(wǎng)站，那么這是一個很好的選擇。更多信息:

http://topcoat.io/

Pure

CSS

Pure

CSS

來自雅虎，是一組

CSS

模塊，您可以作為基礎(chǔ)在每一個

Web

項目中使用。它使

CSS

開發(fā)更容易，整個框架看起來很干凈，專業(yè)。如果你還沒有用過的話，嘗試一下!更多信息:

http://purecss.io/

KNACSS

KNACSS

是一個簡約的，響應(yīng)式的和可擴(kuò)展的

CSS

框架。它處理基本要素，盒大小，邊距，浮動，簡單和復(fù)雜的對齊，定位，布局網(wǎng)格，

間距

等等，而且一切都是自動的!更多信息:

http://xintu.knacss.com/

Metro

UI

你喜歡

Windows

8

的風(fēng)格嗎?如果是的話，我敢打賭，你會喜歡的

Metro

UI，這個

CSS

框架允許你創(chuàng)建的

Windows

8

風(fēng)格外觀和感覺的網(wǎng)站。更多信息:

http://metroui.org.ua/

Skeleton

Skeleton

是一個小的

CSS

文件集合，可以幫助你迅速開發(fā)在任何

尺寸

都外觀漂亮的網(wǎng)站，不過是在17寸的

筆記本電腦

的屏幕或

iPhone

上。更多信息:

http://xintu.getskeleton.com/

網(wǎng)站開發(fā)工具有哪些

你寫網(wǎng)頁是用什么軟件呢？Dreamweaver？FrontPage？ UltraEdit 還是記事本？其實除了這類編寫 HTML 和程序碼的軟件以外，還有很多小巧而且免費的軟件，可以幫助你在寫網(wǎng)頁時更方便、寫的更好哦！尤其時在寫 CSS、Javascript 或 Ajax 的時候，這些都是不可或缺的軟件呢！也是小正正平常工作在使用的軟件，現(xiàn)在要介紹給你！

綜合開發(fā)工具

綜合的網(wǎng)站開發(fā)工具幾乎都是瀏覽器的插件，提供了許許多多的功能，例如：

開關(guān) CSS、開關(guān) Javascript、開關(guān) Cache：可以馬上看到你的網(wǎng)頁在瀏覽器中沒有 CSS、沒有 Javascript 或沒有快取時的是長怎么樣子。為什么要看沒有 CSS 和 Javascript 的狀況呢？一切都是為了 Accessibility 啊！

檢視頁面中文件的 DOM 結(jié)構(gòu)和指定范圍的原始碼。

檢視每個元素或 DIV 的ID、Class、目前的CSS樣式（包括繼承的樣式），也可以將元素或 DIV 的外框顯示出來。對于找出 CSS 和 Javascript 的問題十分有用。

檢驗 HTML 和 CSS 語法是否正確、符合 W3C 的標(biāo)準(zhǔn)。

因為這些工具是屬于瀏覽器的插件，所以有分為給 IE 和 Firefox (縮寫為FF) 所使用的版本，包括有：

Internet Explorer Developer Toolbar (IE)

Web Developer Extension (FF)

Firebug (FF)

HTTP 呼叫檢視工具

讓你可以很容易看到任何由瀏覽器所發(fā)出的 HTTP Request 的一切細(xì)節(jié)，包括檔頭資訊、所傳遞的參數(shù)、檔案大小、傳輸速度和時間…等等。用來觀察 Ajax 呼叫的行為和除錯最方便了！

HttpWatch (IE)

Firebug (FF)

原始碼工具

其實大部分的綜合開發(fā)工具就已經(jīng)有這樣的提供功能，讓你單獨檢視網(wǎng)頁中某個區(qū)域的原始碼，或是幫你檢查語法的正確性，另外也有單獨小巧的原始碼相關(guān)工具可以使用。想要鼠標(biāo)滑過去就立刻看到該范圍的原始碼嗎？而不需要在茫茫“碼“海中撈針。

Instant Source (IE, 不是免費的)

HTML VALIDATOR (FF)

圖形相關(guān)工具

除了用 Photoshop、Fireworks 這類標(biāo)準(zhǔn)的大型軟件來切圖以外，對于平常一些簡單的工作，殺機(jī)焉用牛刀呢？

Color Cop：可以吸取畫面上任何地方的顏色色碼。

MeasureIt (FF)：測量畫面上的像素距離，例如想知道行距、邊界要設(shè)為多少像素時，就靠他了。

Screen Calipers：這是另一套用來測量畫面上像素距離的小軟件。

Split Browser (FF)：將 Firefox 同一個瀏覽器視窗分為上下或左右兩半，讓你可以在同一個畫面上同時看到兩個或多個不同的網(wǎng)頁內(nèi)容，互相做比對，而不需要在多個視窗中切換來切換去。

IE Tab (FF)：雖然是叫做 IE Tab，但這可是 Firefox 的插件。讓你在 Firefox 的瀏覽器視窗中開啟 IE，神奇吧！

MWSnap：免費的螢?zāi)蛔D軟件，用來切圖也很方便，只要用秀圖軟件將原始網(wǎng)頁設(shè)計的整張圖打開、顯示在螢?zāi)簧?，就可以用螢?zāi)蛔D軟件，擷取出某個范圍的圖形了。

HyperSnap：另一套好用的螢?zāi)蛔D軟件，但不是免費的。

Picasa：Google 的免費秀圖、圖片管理軟件。

Adobe Labs’ Kuler：Adobe 提供配色參考的網(wǎng)站，想不出要用什么顏色時，不妨去看一看找尋靈感吧！

網(wǎng)站開發(fā)工具有哪些？

常用的工具軟件有網(wǎng)頁制作三劍客：

dreawever：制作html頁,

firework：處理圖像

flash：制作動畫

這三個軟件只能做簡單頁面，要做好網(wǎng)站，還需要你懂基本網(wǎng)站代碼，比如html，css和javascript這些。

另外一種簡單快捷的辦法就是去下載現(xiàn)成建站系統(tǒng)來用，比如pageadmin系統(tǒng)，wordpress系統(tǒng)，discuz系統(tǒng)這些都很方便，下載后上傳到服務(wù)器上就可以登錄后臺修改前臺。

、網(wǎng)站建設(shè)需要用到的軟件

回復(fù)：常用的：dreawever、firework、flash都不錯的了

除了用一些原始的軟件外，還可以直接到下載現(xiàn)成的建站系統(tǒng)來用，例如：DVBBS系統(tǒng)、pageadmin系統(tǒng)、shopex系統(tǒng)都很好用的，直接上傳到虛擬主機(jī)直接改網(wǎng)站就可以了。

網(wǎng)站開發(fā)過程中常用的工具有哪些

制作網(wǎng)頁的基本軟件離不開HTML，但是如果真的要用其完成全部的網(wǎng)絡(luò)課程開發(fā)是不現(xiàn)實的，因為既不方便效率又低，常用的方法是選擇一種工具軟件，只是在必要的時候?qū)ぞ哕浖傻腍TML文件進(jìn)行編輯，這樣可以使開發(fā)工作變得簡單又輕松。

但網(wǎng)頁制作工具只是對其中各種類型的媒體進(jìn)行了集成，媒體的編輯還需要各種類型的媒體工具軟件。

一． Microsoft公司的FrontPage

應(yīng)用開發(fā)工具可大大提高編制網(wǎng)絡(luò)課件的效率. 目前,國際上比較流行的Web頁制作軟件大致可以分為兩類:代碼型和所見即所得型.代碼型的制作軟件要編程,對于初學(xué)者來說想要立即上手比較困難. Microsoft公司的FrontPage就不同了,它作為一種所見即所得型的代表軟件,可以使使用者的工作效率得以很大提高. FrontPage 2000 是Office 2000 家族的一員,沿襲著Office 的風(fēng)格.所以會用 Word 的人很容易學(xué)會FrontPage.

二． Macromedia 公司的Dreamweaver

Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁.

Dreamweaver的特點

· 可視化的專業(yè)網(wǎng)頁編輯器

· 友好的工作界面

· 網(wǎng)站管理功能

· 強(qiáng)大的多媒體處理功能

· 提供行為等控件來進(jìn)行動畫處理和產(chǎn)生交互式響應(yīng)

· 和Macromedia公司其他軟件(Fireworks, Flash)的完美協(xié)作

Dreamweaver可以很好地控制HTML原代碼,而不會產(chǎn)生垃圾代碼. Dreamweaver有一個很神奇的工具-層.層的嵌套、層的可見性、層的重疊,與時間線相配合可以作出許多動態(tài)效果,使網(wǎng)頁變得多姿多彩,生動活潑.

行為Behaviors是Dreamweaver中很有特色的功能,在網(wǎng)頁中使用可以產(chǎn)生互動的效果,增強(qiáng)網(wǎng)頁的交互性.如Dreamweaver中有一個行為叫 Drag layer (拖動層),用它可以設(shè)計出拼圖游戲等.將標(biāo)準(zhǔn)答案拖到正確的位置上.與JavaScript調(diào)用結(jié)合在一起實現(xiàn)一定的功能,如彈出一個窗口,判斷對與錯.

用Dreamweaver的擴(kuò)展程序CourseBulider，可以很方便地創(chuàng)建交互式課件。如選擇題、填空題、拖放題、計時器等。利用Dreamweaver的模板功能、重復(fù)部件庫可以大大提高網(wǎng)絡(luò)課件的制作效率。

Flash和Fireworks都實現(xiàn)了與Dreamweaver的無縫集成,可以在Dreamweaver中方便地插入Flash動畫和Fireworks生成的圖像.

最新版本Macromedia Dreamweaver MX，更好支持對Web 站點、Web 頁和 Web 應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)。無論您喜歡直接編寫 HTML 代碼的駕馭感還是偏愛在可視化編輯環(huán)境中工作，Dreamweaver MX都會為您提供幫助良多的工具，豐富您的 Web 創(chuàng)作體驗。

利用 Dreamweaver MX中的可視化編輯功能，您可以快速地創(chuàng)建頁面而無需編寫任何代碼。不過，如果您更喜歡用手工直接編碼，Dreamweaver MX還包括許多與編碼相關(guān)的工具和功能。并且，借助 Dreamweaver MX，您還可以使用服務(wù)器語言（例如 ASP、ASP.NET、ColdFusion 標(biāo)記語言 (CFML)、JSP 和 PHP）生成支持動態(tài)數(shù)據(jù)庫的 Web 應(yīng)用程序。

您可以查看所有站點元素或資源并將它們從易于使用的面板直接拖到文檔中。您可以在 Macromedia Fireworks 中創(chuàng)建和編輯圖像，然后將它們直接導(dǎo)入 Dreamweaver，或者直接在 Dreamweaver 中添加 Macromedia Flash 對象，從而優(yōu)化您的開發(fā)工作流程。

Dreamweaver MX還包括多種與編碼相關(guān)的工具和功能，其中包括代碼視圖中的代碼編輯工具（如代碼加色和標(biāo)簽完成）；有關(guān) HTML、CSS、JavaScript、CFML、ASP 和 JSP 的參考資料以及一個 JavaScript 調(diào)試器。Macromedia MX的可自由導(dǎo)入導(dǎo)出 HTML 技術(shù)可導(dǎo)入您手工編碼的 HTML 文檔而不會重新設(shè)置代碼的格式，您可以隨后用您首選的格式設(shè)置樣式來重新設(shè)置代碼的格式。

Dreamweaver MX現(xiàn)在包含并擴(kuò)展了 Macromedia UltraDev 中的所有功能，以幫助您使用 ASP、ASP.Net、ColdFusion 標(biāo)記語言 (CFML)、JSP 和 PHP 等服務(wù)器語言來生成由動態(tài)數(shù)據(jù)庫支持的 Web 應(yīng)用程序。

Dreamweaver MX可以完全自定義。您可以創(chuàng)建您自己的對象和命令，修改鍵盤快捷方式，甚至編寫 JavaScript 代碼，用新的行為、屬性檢查器和站點報告來擴(kuò)展Dreamweaver 的功能。

三．網(wǎng)頁制作工具的綜合運用

Microsoft公司的FrontPage 和Macromedia公司的Dreamweaver是使用最多的HTML網(wǎng)頁制作工具。它們都支持多種媒體類型，可以通過ActiveX定義接口，與腳本編程語言JavaScript和VBScript配合，創(chuàng)建動態(tài)交互的Web教學(xué)系統(tǒng)。特別值得指出的是，Macromedia的Dreamweaver以及Flash和Fireworks一起被人們稱作網(wǎng)頁制作三劍客，三者的有機(jī)結(jié)合，可以說是目前使用方便、功能強(qiáng)大的網(wǎng)站管理及HTML頁面制作工具。

可以用Macromedia的Fireworks設(shè)計圖形并使網(wǎng)頁圖形最優(yōu)化。Fireworks使用一整套的位圖及矢量工具來創(chuàng)建、編輯并且動態(tài)生成網(wǎng)絡(luò)圖形，并可以輸出到Dreamweaver及其他的HTML代碼編輯軟件中。通過在Dreamweaver或Flash中直接對Fireworks進(jìn)行調(diào)用、編輯圖形來實現(xiàn)流暢的工作流程。

Macromedia的Flash是制作動畫及矢量圖形的工具軟件。用它制作的動畫是窄帶動畫，適合于網(wǎng)絡(luò)傳輸?shù)腤eb界面，許多在線觀眾都是通過Flash Player觀看用Flash 制作的內(nèi)容。

四．Java開發(fā)工具

應(yīng)選擇可移植性好的開發(fā)工具。如JDK。

雖然Java程序的可移植性好，但其也依賴于使用的開發(fā)工具，如果使用了一些編程工具自己提供的擴(kuò)展功能，則可能會降低可移植性。

五．?dāng)?shù)據(jù)庫的選擇

最好選擇能跨平臺使用的數(shù)據(jù)庫，如Oracle等。

網(wǎng)頁開發(fā)工具的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于網(wǎng)頁開發(fā)工具軟件、網(wǎng)頁開發(fā)工具的信息別忘了在本站信途科技進(jìn)行查找。