1.5　常用開(kāi)發(fā)工具

在網(wǎng)頁(yè)的制作過(guò)程中，常常需要用工具軟件來(lái)輔助快速開(kāi)發(fā)網(wǎng)頁(yè)，常見(jiàn)的網(wǎng)頁(yè)制作工具包括HTML文檔編輯工具Notepad++、可視化網(wǎng)頁(yè)開(kāi)發(fā)工具Dreamweaver、專業(yè)的集成開(kāi)發(fā)環(huán)境WebStorm等，還包括各類輔助工具，如動(dòng)畫(huà)制作軟件Flash、圖像處理軟件Fireworks和Photoshop等。

1.HTML文檔編輯工具Notepad++

Notepad++是一款綠色開(kāi)源軟件，作為文本編輯器，它擁有撤銷與重做、英文拼字檢查、自動(dòng)換行、列數(shù)標(biāo)記、搜索替換、多文檔編輯、全屏幕瀏覽功能。此外，它還支持大部分正則表達(dá)式、代碼補(bǔ)齊、宏錄制等功能。

Notepad++支持語(yǔ)法顏色和HTML標(biāo)記，同時(shí)支持C、C++、Java等語(yǔ)言。Notepad++作為網(wǎng)頁(yè)制作工具，可直接選擇在不同的瀏覽器中打開(kāi)查看，以方便網(wǎng)頁(yè)調(diào)試。

2.可視化網(wǎng)頁(yè)開(kāi)發(fā)工具Dreamweaver

Dreamweaver是集網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的專業(yè)的網(wǎng)頁(yè)編輯與網(wǎng)站開(kāi)發(fā)工具。Dreamweaver集成了網(wǎng)頁(yè)布局工具、應(yīng)用程序開(kāi)發(fā)工具和代碼編輯工具等，提供了簡(jiǎn)潔高效的設(shè)計(jì)視圖、代碼視圖和拆分視圖，不同層次的開(kāi)發(fā)人員和設(shè)計(jì)人員能夠快速創(chuàng)建標(biāo)準(zhǔn)的網(wǎng)頁(yè)、網(wǎng)站和應(yīng)用程序。

Dreamweaver的常用版本是Adobe Dreamweaver CS6，集成了對(duì)CMS的支持功能、對(duì)CSS的校驗(yàn)以及對(duì)PHP的支持，內(nèi)置了WebKit引擎，可以模仿Safari、Chrome瀏覽器預(yù)覽網(wǎng)頁(yè)效果，同時(shí)可以使用不同的瀏覽器檢查網(wǎng)頁(yè)布局效果。但Dreamweaver CS6對(duì)HTML5和CSS3新增元素的支持還有待提高。

3.集成開(kāi)發(fā)環(huán)境WebStorm

WebStorm是JetBrains公司的產(chǎn)品，是目前應(yīng)用廣泛的HTML5編輯器，也是智能的JavaScript IDE（集成開(kāi)發(fā)環(huán)境），適用于Web前端開(kāi)發(fā)。該軟件整合了開(kāi)發(fā)過(guò)程中眾多的實(shí)用功能，在智能代碼助手、代碼自動(dòng)提示、重構(gòu)、J2EE支持、Ant、JUnit、CVS整合、代碼審查、創(chuàng)新的GUI設(shè)計(jì)等代碼編輯、調(diào)試方面的功能都極其出色。

WebStorm具有在書(shū)寫JavaScript時(shí)的代碼提示功能；代碼檢查和快速修復(fù)功能，可以快速找到代碼中的錯(cuò)誤并給出修改建議；代碼折疊及快速預(yù)覽功能等。