跟網(wǎng)站設(shè)計初學者分享：學習DIV與CSS需要什么軟件
 
　　我想把本篇作為DIV與CSS 基礎(chǔ)教程 ，從今天開始翻譯和整理我從設(shè)計網(wǎng)頁以來所學到的DIV與CSS 基礎(chǔ)知識。本教程會分成N個部分，單獨發(fā)表，其間可能會插入幾篇與教程無關(guān)的文章。沒有具體的教程發(fā)表進度,推薦關(guān)注本教程的朋友訂閱本站Feed。教程內(nèi)容的30%-50%為Jorux原創(chuàng)，其余翻譯部分均為意譯,可能來源于多個國外站點，并在教程結(jié)束時公布參考原文地址。
 
　　曾翻譯過一篇DIV與CSS教程：十步學會用DIV與CSS建站，文章聲稱能在十步學會建站，雖說夸張點，但確實能學到一些東西，就像現(xiàn)代社會流行速成一樣，它只是一個DIV與CSS快餐，要達到自由運用DIV與CSS，沒個百八十步恐怕有點懸。
 
　　需要什么軟件學習DIV與CSS?
 
　　一個文本編輯器和Firefox1.文本編輯器：這里所指的是諸如windows自帶的記事本以及Editplus等改進版記事本軟件。不推薦Dreamweaver, Frontpage等具有圖形化可視操作，不直接編輯DIV與CSS源代碼的軟件。這類軟件確實能在學習DIV與CSS的初期幫助你迅速達成你的愿望，但是不久你就會發(fā)現(xiàn)這些被Dreamweaver所自動生成的DIV與CSS代碼冗長繁瑣，DIV與CSS <文件體積增大。一旦離開這些軟件你的頭腦就會像一張白紙，基本的DIV與CSS語法都想不起來。本人曾走過彎路，望初學DIV與CSS的朋友借鑒。
 
　　本人使用Editplus編寫網(wǎng)頁代碼，其屬于加強版的記事本，具有多步撤銷，語法加亮，全部替換等功能，安裝后無需設(shè)置，推薦把屏幕字體改為14號Verdana，方便閱讀編寫。
 
　　2.Firefox：本人絕非 Firefox 的Fan，它也不是盞省油的燈(占用內(nèi)存多)。但作為一個免費軟件，再配上適當?shù)牟寮蔷W(wǎng)頁設(shè)計者的必備工具，如何使用和選擇插件體現(xiàn)設(shè)計者專業(yè)素質(zhì)的水平。推薦安裝以下插件：
 
　　必裝插件:
 
　　IE Tab ：調(diào)試網(wǎng)頁在IE內(nèi)核瀏覽器表現(xiàn)的優(yōu)秀插件，不管你喜不喜歡，請安裝！
 
　　強烈推薦安裝的插件：
 
　　Web Developer：其功能之強大，以至于我還沒用全它的功能，但是其直接查看網(wǎng)頁DIV與CSS 代碼功能，頁面信息的顯示，以及驗證DIV與CSS和Html的功能非常實用。
 
　　ColorZilla：方便提取網(wǎng)頁中任何元素的顏色。
 
　　Html Validator：安裝這個插件后會在瀏覽器右下角生成一個圖標，綠色對號表示當前網(wǎng)頁的Html通過驗證，紅色叉號表示Html有錯誤，黃色嘆號表示Html存在無法通過驗證的警告語句。雙擊圖標就會高亮顯示該網(wǎng)頁存在的不能通過驗證的語句數(shù)目、位置以及修改建議。作為設(shè)計者，最好養(yǎng)成隨時觀察這個圖標的習慣，你就會發(fā)現(xiàn)網(wǎng)上聲稱能通過驗證的網(wǎng)頁，幾乎都是錯誤或是警告。本網(wǎng)站除極個別網(wǎng)頁外均通過驗證。
 
　　FireBug：安裝這個插件后也會在瀏覽器右下角生成一個圖標，綠色對號表示當前網(wǎng)頁的Javascript通過驗證，并能對錯誤的Javascript代碼debug。我們暫時并不需要這個功能。需要用到的功能是其Inspector，你需要通過定制工具欄，把Inspector的"眼鏡"圖標拖入工具欄。點擊Inspector圖標后，將鼠標移到網(wǎng)頁任意位置，你就能在靠下的窗口看到網(wǎng)頁Html文件的相應(yīng)源代碼，在網(wǎng)頁調(diào)試時非常有用。
 
　　裝這么多插件是不是有點累，我光寫都有點吃不消，所以休息一下，在下一篇文章進入DIV與CSS教程的正文部分。
 
　　網(wǎng)站設(shè)計中DIV與CSS是很重要的內(nèi)容