Firefox默認安裝包只有8M(Linux版)和5M(Win版)，安裝後功能較少。為了能制作網頁，我們需要安裝Web Developer插件。下面我就介紹一下我使用使用Firefox + Web Developer插件制作網頁的簡單過程。
你可能是在心裡設計，也可能是在紙上設計，也可能在電腦裡用PhotoShop設計。我強調，先有內容，再有表現。但是不是先有所有的內容然後再來設計表現，我認為內容因為占主導地位。將內容分類，也就是結構化。
使用帶有語法著色功能的文本編輯器輸入文本，利用段落來結構化你的文本。
因為你已經將文本結構化好了，那麼輕易就可以用標簽將它們括住---主要使用div標簽，列表內容使用列表標簽。為重要的標簽(到底哪一些標簽是重要的，你在結構化的時候已經想好)分配id屬性和class屬性。創建一個空白的CSS文件，並在網頁中引用它。
現在，你已經寫好了一個純HTML的網頁。即使這樣，它在浏覽器下也應該具有良好的顯示。否則說明你的結構化過程不夠成功，查看代碼，找出是否有需要改進的地方。
用鼠標右鍵單擊網頁，選擇菜單Web Developer-->CSS-->Edit Css，打開可編輯CSS的側欄。在裡面輸入CSS代碼，你的代碼將立即作用於網頁。所以，這也是另一種意義上的可視化網頁制作方式。在調試定位的時候， 你可以為對象加上不同顏色的邊框，這樣可以使用對象間的位置關系更加顯然。
為了防止代碼丟失，經常把你的CSS代碼保存在你所創建的CSS文件中。
當你對頁面的顯示已經相對滿意的時候，在IE，Opera和其它你所能弄到的浏覽器裡查看你的網頁的顯示效果。如果有差異，以Firefox為准，並利用hack消除在IE中的差異。
這裡只不過給出了步驟性的教程，一個網頁是否顯示良好，更主要的是你的藝術感覺和你的經驗。