BlueGriffon官方版是一款免費(fèi)的網(wǎng)頁(yè)編輯器軟體，并且支援HTML5、CSS3等等，介面設(shè)計(jì)上也很好上手，軟體本身也很輕巧，不過(guò)比較可惜的是，軟體內(nèi)有些功能必須額外購(gòu)買(mǎi)擴(kuò)充功能才可以使用的，BlueGriffon本身不搭附加功能，還是比Mozilla本身的KompoZer好用些。
BlueGriffon網(wǎng)頁(yè)架構(gòu)語(yǔ)法都有跟到最新的寫(xiě)法，不會(huì)像很多網(wǎng)頁(yè)編輯軟體，總是喜歡加入一些過(guò)氣的語(yǔ)法，常常編輯后還要手動(dòng)去刪除那些無(wú)用的東西，使用 BlueGriffon，你可輕松實(shí)現(xiàn)網(wǎng)頁(yè)的編輯操作，如添加文本和邊框的陰影、斜體等效果；使網(wǎng)頁(yè)字體個(gè)性化等，非常實(shí)用。編輯器置HTML5/CSS3編輯功能，可以輕松地用它來(lái)實(shí)現(xiàn)傳輸、文本和邊框的陰影、斜體等效果。它使用Google Font Directory FontSquirrel addons，可以個(gè)性化網(wǎng)頁(yè)字體。快來(lái)下載試試吧！

怎么寫(xiě)css文件

首先要有個(gè)網(wǎng)頁(yè)效果圖片，可以用PS自己做一張，然后用PS里有切片工具，切圖。切圖和做頁(yè)面可同步進(jìn)行，一邊做靜態(tài)頁(yè)面，需要哪個(gè)圖片了把它切下來(lái)用。css自己寫(xiě)比較好，不過(guò)用DW生成挺省事的，就是不很靈活。用DW新建一個(gè)html文件（假設(shè)1.html），再新建一個(gè)css文件（假設(shè)a.css），然后在1.html里面的之間寫(xiě)上這一句，這樣兩個(gè)文件就關(guān)聯(lián)了，在a.css里寫(xiě)的樣式就可以控制1.html里的元素了比如div ，ul li 等等，大概是這樣的，但是很多樣式怎么寫(xiě)，html怎么用div布局之類(lèi)的很多慢慢學(xué)吧，在網(wǎng)上下一些很簡(jiǎn)單的例子先看看

bluefish相關(guān)內(nèi)容

1、Bluefish是一個(gè)基于Gtk的HTML的編輯器，它支持語(yǔ)法加亮，支持 HTML、CSS、JAVASCRIPT、Java server pages (JSP)、Python、Perl、SSI、PHP、XML等語(yǔ)言。從某些方面來(lái)說(shuō)，它類(lèi)似于Windows下面的Dreamweaver，是制作 HTML不可多得的利器。
Bluefish是“寫(xiě)”HTML的好工具，但它本身并不具有所見(jiàn)即所得的功能，對(duì)于初學(xué)者來(lái)說(shuō)可能會(huì)有些吃力，因?yàn)樾枰a(bǔ)充一些 HTML的基礎(chǔ)知識(shí)。對(duì)于熟悉HTML代碼的創(chuàng)作者，使用Bluefish可以讓你如魚(yú)得水。Bluefish對(duì)一些常用的Tag 都有快捷鍵，使用快捷鍵可以大大提高寫(xiě)代碼的速度。Bluefish有許多向?qū)降膶?duì)話(huà)框，使用者只需填入相應(yīng)的屬性值，就會(huì)生成相應(yīng)的HTML代碼。而 且，可以通過(guò)預(yù)覽功能在Netscape等瀏覽器中查看制作的頁(yè)面效果。從某種意義上說(shuō)，這可以是另一種的“所見(jiàn)即所得”了。
由于使用Bluefish全部代碼都可以自行控制，不會(huì)產(chǎn)生無(wú)用的冗余的代碼，因此HTML頁(yè)會(huì)更加簡(jiǎn)潔。
2、Nvu 是Mozilla家族的html編輯器。
作為html編輯器，它具備了通常html編輯的大部分功能。比起收費(fèi)的Frontpage和Dreamweaver，可能有所不如，但這些功能是否足夠你用呢？
a. 支持所見(jiàn)即所得（WYSIWYG），在我們?cè)谥谱骶W(wǎng)頁(yè)時(shí)，更加的直覺(jué)化，編輯網(wǎng)頁(yè)就如同打字一樣容易。
b. 內(nèi)建一個(gè)FTP Client，讓我們可以很輕易的把編輯好的文件發(fā)布到服務(wù)器上。登錄FTP Server后，還支持在線(xiàn)實(shí)時(shí)更改頁(yè)面功能。
c. 可靠的HTML原始碼，讓由Nvu所創(chuàng)建出來(lái)的網(wǎng)頁(yè)，可以在當(dāng)前多數(shù)的瀏覽器上正常運(yùn)作。制作網(wǎng)頁(yè)時(shí)，可以使用所見(jiàn)即所得模式或HTML原始碼編輯模式。
d. Tab功能：可以讓我們很迅速的在多個(gè)頁(yè)簽間切換，并且編輯這些網(wǎng)頁(yè)。
e. 支持表單、表格、layer以及網(wǎng)頁(yè)模版。
3、Quanta Plus 是Linux桌面環(huán)境下的一個(gè)功能非常強(qiáng)大的HTML編輯器，介于所見(jiàn)即所得風(fēng)格和HTML源代碼之間。因?yàn)镼uanta Plus需要輸入HMTL代碼，但是同時(shí)提供實(shí)時(shí)的預(yù)覽，這種編輯方法有助于在提供友好界面的同時(shí), 讓用戶(hù)最大限度地把握HTML代碼。Quanta Plus支持Prel、PHP腳本語(yǔ)言，支持最新DTD(Document Type Definition)文件格式編輯對(duì)話(huà)框。
Quanta Plus支持層迭樣式表單（Cascading Style Sheets，CSS），更多的人把它稱(chēng)作樣式表。
4、Screem 是Linux下一個(gè)集成的HTML/Web頁(yè)開(kāi)發(fā)工具。Screem最初整 個(gè)設(shè)計(jì)思路是根據(jù)GNOME風(fēng)格的，但是在KDE環(huán)境下也能夠很好地運(yùn)行，它使在Linux操作系統(tǒng)中開(kāi)發(fā)Web頁(yè)面變得十分方便。Screem也支持中 文處理，使用界面類(lèi)似于Windows下的FrontPage。
Screem除了能顯示不同的HTML標(biāo)識(shí)外，還可以很方便地建立表格（Table）、定義樣式；同時(shí)還支持Plug-in功能為以后的擴(kuò)充 提供接口。Screem還帶有多種圖形、圖標(biāo)和照片。該軟件可以一次使用、測(cè)試多個(gè)網(wǎng)頁(yè)。內(nèi)部瀏覽器可用來(lái)測(cè)試網(wǎng)頁(yè)、影像預(yù)覽工具、縮圖影像創(chuàng)造向?qū)А⒙?音展示庫(kù)、線(xiàn)上指引、step-by-step的網(wǎng)站設(shè)計(jì)指引，以及最新HTML 4.0版標(biāo)簽的參考。
5、CSSED 是一款專(zhuān)門(mén)用來(lái)編寫(xiě) CSS 的工具，它具有一些特別為編寫(xiě) CSS 所準(zhǔn)備的特性。另外，它也包含驗(yàn)證 CSS 方面的功能。
使用 CSSED 有兩大感受：
a. 傻瓜化。假如你是一位編寫(xiě) CSS 的新手，那么你可以利用 CSSED 來(lái)達(dá)到快速入門(mén)的目的。CSSED 的傻瓜化充分體現(xiàn)在它不僅提供了 CSS 編寫(xiě)的向?qū)?，更包括完整?CSS 屬性參考。即便你沒(méi)有什么編寫(xiě) CSS 的經(jīng)驗(yàn)，在 CSSED 向?qū)У膸椭乱材芸焖偻瓿晒ぷ鳌?br /> b. 自動(dòng)化。CSSED 擁有很多代碼編輯器所具備的代碼提示自動(dòng)完成功能。這可以讓你在編寫(xiě) CSS 時(shí)更加專(zhuān)注于其設(shè)想，而不是代碼本身。同時(shí)，這種自動(dòng)化的工作也可以使你提高編寫(xiě)的效率，從而釋放更為完美的創(chuàng)意。
當(dāng)然，CSSED 還包括一些其他的特性，比如能夠給代碼著色、支持同時(shí)編輯多個(gè)文件、通過(guò)使用插件可以擴(kuò)展其功能、以及對(duì)于 HTML、XML、Javascript、Java、PHP 等其他代碼的編輯支持等等。
Tip:fcitx輸入法可能會(huì)在CSSED中失效（SCIM正常使用），這對(duì)于我們寫(xiě)注釋造成了不便。
以上例舉的這些軟件都是專(zhuān)業(yè)工具。當(dāng)然，還有很多其它的工具來(lái)制作網(wǎng)頁(yè)，比如vim、gedit、amaya等，條條大路通羅馬嘛 )