一個(gè)文本編輯器和Firefox1.文本編輯器：這里所指的是諸如windows自帶的記事本以及Editplus等改進(jìn)版記事本軟件。不推薦Dreamweaver, Frontpage等具有圖形化可視操作，不直接編輯網(wǎng)頁布局源代碼的軟件。這類軟件確實(shí)能在學(xué)習(xí)網(wǎng)頁布局的初期幫助你迅速達(dá)成你的愿望，但是不久你就會(huì)發(fā)現(xiàn)這些被Dreamweaver所自動(dòng)生成的網(wǎng)頁布局代碼冗長繁瑣，網(wǎng)頁布局 文件體積增大。一旦離開這些軟件你的頭腦就會(huì)像一張白紙，基本的網(wǎng)頁布局語法都想不起來。本人曾走過彎路，望初學(xué)網(wǎng)頁布局的朋友借鑒。
　　本人使用Editplus編寫網(wǎng)頁代碼，其屬于加強(qiáng)版的記事本，具有多步撤銷，語法加亮，全部替換等功能，安裝后無需設(shè)置，推薦把屏幕字體改為14號(hào)Verdana，方便閱讀編寫。
　　2.Firefox：本人絕非 Firefox 的Fan，它也不是盞省油的燈(占用內(nèi)存多)。但作為一個(gè)免費(fèi)軟件，再配上適當(dāng)?shù)牟寮蔷W(wǎng)頁設(shè)計(jì)者的必備工具，如何使用和選擇插件體現(xiàn)設(shè)計(jì)者專業(yè)素質(zhì)的水平。推薦安裝以下插件：

　　必裝插件:
　　IE Tab ：調(diào)試網(wǎng)頁在IE內(nèi)核瀏覽器表現(xiàn)的優(yōu)秀插件，不管你喜不喜歡，請(qǐng)安裝！
　　強(qiáng)烈推薦安裝的插件：
　　Web Developer：其功能之強(qiáng)大，以至于我還沒用全它的功能，但是其直接查看網(wǎng)頁網(wǎng)頁布局 代碼功能，頁面信息的顯示，以及驗(yàn)證網(wǎng)頁布局和Html的功能非常實(shí)用。
　　ColorZilla：方便提取網(wǎng)頁中任何元素的顏色。
　　Html Validator：安裝這個(gè)插件后會(huì)在瀏覽器右下角生成一個(gè)圖標(biāo)，綠色對(duì)號(hào)表示當(dāng)前網(wǎng)頁的Html通過驗(yàn)證，紅色叉號(hào)表示Html有錯(cuò)誤，黃色嘆號(hào)表示Html存在無法通過驗(yàn)證的警告語句。雙擊圖標(biāo)就會(huì)高亮顯示該網(wǎng)頁存在的不能通過驗(yàn)證的語句數(shù)目、位置以及修改建議。作為設(shè)計(jì)者，最好養(yǎng)成隨時(shí)觀察這個(gè)圖標(biāo)的習(xí)慣，你就會(huì)發(fā)現(xiàn)網(wǎng)上聲稱能通過驗(yàn)證的網(wǎng)頁，幾乎都是錯(cuò)誤或是警告。本網(wǎng)站除極個(gè)別網(wǎng)頁外均通過驗(yàn)證。
　　FireBug：安裝這個(gè)插件后也會(huì)在瀏覽器右下角生成一個(gè)圖標(biāo)，綠色對(duì)號(hào)表示當(dāng)前網(wǎng)頁的Javascript通過驗(yàn)證，并能對(duì)錯(cuò)誤的Javascript代碼debug。我們暫時(shí)并不需要這個(gè)功能。需要用到的功能是其Inspector，你需要通過定制工具欄，把Inspector的"眼鏡"圖標(biāo)拖入工具欄。點(diǎn)擊Inspector圖標(biāo)后，將鼠標(biāo)移到網(wǎng)頁任意位置，你就能在靠下的窗口看到網(wǎng)頁Html文件的相應(yīng)源代碼，在網(wǎng)頁調(diào)試時(shí)非常有用。