新手怎樣開始div+css建站之路

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

1.堅持用記事本寫

我真正的接觸div+css也不過一年，所以也是個初學者，開始也一樣在DW裡面拖拖拽拽，做東西的時候全部在設計檢視下從來不看也不管頁面代碼什麼樣的，我們老師也是那樣教的，那時候對網頁的概念就是圖片，動畫的堆砌。 畢業參加工作以後，很慶倖，遇到了一個不錯的主管，在最初學習css給了我很大的説明。 要求我完全用記事本寫，於是我向隔壁的美工借了本書，外國的具體什麼名字忘記了，紅白封面，還有一本叫做《CSS基礎教程》感覺還不錯。 下個了蘇昱的css説明手冊，就一邊寫，一邊看書，查手冊。

也許我的方法不是最好的，但是很適合我。 如果開始過多的依賴于軟體，css裡面的很多樣式需要很久才會記得，用起來自然不會得心應手，等慢慢熟記了手冊裡的每個樣式以後，為了提高開發效率，再用(Dreamweaver簡寫，下同)寫。

2.養成好的書寫習慣

記得大學時候一個教我們delphi老師說過，好的程式師寫出的程式像詩一樣，錯落有致，很有美感。 我想說我們在寫html和樣式的時候也應該是這樣的，比如在寫html的時候,我的習慣是div標籤成對寫好，再填內容。 不然很容易落下關閉標籤，出現錯誤很難排查，有人會說了，寫簡單的頁面可以，但是寫大的頁面，通常幾十個套在一起，容易寫串，這種情況也會有，這就要靠恰當的注釋，和縮進來避免了。 寫css的時候網上有很多推薦的規範，比如功能表類用menu，版權用CoryRight,底部用footer等等，在書寫順序上一般是：顯示內容-自身屬性-文字屬性。 當然這些都沒有硬性的規定，但是遵循一些不成文的規定不是壞事，這樣讓自己寫的代碼，容易讓別人讀懂。

3.走出誤區

誤區一，web標準就是全部用div。

很多以前用table佈局的人，學了div+css以後，你在他的代碼裡就再也找不到table了，感覺用table是件不光彩的事。 事實並非如此，web2.0 標準也沒明確提到用table還是div，因為table也是符合xml規則的。 含有table的頁面照樣可以通過XHTML1.0的驗證。 再者，div+css可能是萬能的，但在有些方面並不是最好的。 比如我們在做一個表單，table絕對是最好的解決方案，div實現起來絕對沒有table來的簡潔。

誤區二，一定要通過驗證。 標準只是促使我們在感念上的更新不是簡單的代碼的改變。 很多人用js欺騙validator，通過驗證，這樣沒有通不過驗證的頁面，但是通過驗證並不是我們的最終目的。 我們想寫出在互聯網上暢通無阻的網頁，使用者方便使用的網頁。

誤區三，hack用的越多，花樣越多自己的水準越高。 當我們遇到不相容的問題，通常會想到hack，但是最好是先試了其他所有可行的方法，寫出簡單而符合標準的代碼，不得已才用hack.因為網頁瀏覽器的支援(向前相容)不應該僅限於對過去瀏覽器的支援，更應該是對未來的瀏覽器的支援( 向後相容)，所以我們儘量做到標準，才不會過時。

4.毅力

這個就不多說了，做任何事都需要，寫樣式更是。 樣式就那幾個，標籤也就那幾個，翻來覆去是不會少的。 調瀏覽器的相容性更是需要耐性和毅力。

上邊只是我在學習中的一些體會，可能高手是不屑看的，希望對初學者有所説明。