今天我們來學習用 web 標準的方法來製作
google 首頁（中文）。google 首頁一直是用table布局的。我們把 google 首頁用 prtscr 截圖，作為製作時的設計稿參考，並且不開啟 google 首頁檢視其源**——就當它不存在。這樣和真實專案工作比較接近。
第一部分、html 的構建（基於xhtml transitional）
從設計稿上看到的內容，去揣摩結構。因為整個頁面內容較少，容易理解，但也碰到了我們的第乙個問題：是用標籤還是？各自代表著 paragraph 和 division，原則上說，這個頁面上沒有任何的段落存在，所以不應該用。但這裡涉及到乙個問題，拋開樣式表顯示的話，用更加的清晰，因為預設的margin和padding值都為零。好吧，用還是用是乙個個人喜好問題，但是原則上應當用後者。在本例中也使用後者。開始找個稱手的編輯器寫 html ：
[email protected]| 個性化主頁 | 我的帳戶 | 退出
這裡我們使用絕對定位的方法來處理它（在 html 中將高階搜尋這三項的內容放入form之內）：
#search
#more
#ft在瀏覽器裡面預覽並且微調一下各個數值，這樣就完成了 google 首頁的製作。最終效果及原始檔
這在 firefox 1.5 下測試，與 google 首頁沒有任何畫素的差異。在 ie 下會有一些畫素上的差異，這就是各個瀏覽器的相容性問題，留給大家自行處理了。本系列以後會有專門的文章討論這些問題。
Web 標準實踐系列（一） Google 的首頁
今天我們來學習用 web 標準的方法來製作 google 首頁 中文 google 首頁一直是用table布局的。我們把 google 首頁用 prtscr 截圖，作為製作時的設計稿參考，並且不開啟 google 首頁檢視其源 就當它不存在。這樣和真實專案工作比較接近。第一部分 html 的構建 基...
WEB標準學習實踐（一）
首先說明，web標準即通俗意義上講的div css網頁布局。之所以學習web標準，沒有任何理由，完全是興趣。以前也有過學習的衝動，但總是限於時間和個人的原因沒有實際操作。換了東家之後，大把的時間咱可不能浪費了。利用每天上班的片段時間，零零散散的看了一些基礎知識，發現入門還是比較簡單的。但是要做出布局...
由淺入深實踐學習 Web 標準
如果你還不知道 web 標準是什麼，那麼我給乙個定義 從 05 年開始才在中國流行起來的一種做網頁的方式，並且現在保持著一定的熱度。新浪 網易這兩大門戶 的首頁都是標準的 或接近標準 我這麼定義，是說作程式設計客棧為乙個新銳的網頁設計師，如果你現在還不知道 web 標準，那麼你即將被歷史淘汰了。很多...