所謂login就是一般的登錄頁面，應用系統或網站后臺都會用到這個login頁面，因為通過這個頁面的用戶名密碼信息的驗證才能登進系統做必要的操作。所以這個頁面這個頁面的關鍵及重要性不言而語。另外本人也是拋磚引玉，借此更好向高手們學習靠近。

第一步：先從工具談起，工具建議使用 dw cs4 + zen coding組合。關于這個組合的具體請參看我的另外幾篇文章。

http://www.cnblogs.com/jikey/tag/zen+coding/

也許會有人問，不用dw cs4不行嗎？不用zen coding不行嗎？我的回答是：當然可以。但是用了這兩個工具之后，使你的工作效率能提高許多。同樣一件事情，你用別人一半的時間就做出來了。這就是你的優勢，這就是競爭中最大的籌碼。

第二步：拿到設計圖，先別急著切，先分析。

因為切圖不只是切圖，設計不只是設計。你得考慮四方面的因素：

1. 合理的切圖，語義準確，注釋明了。

這個主要就是考慮不同的瀏覽器，不同的顯示設備等等。

語義我就不說了，這不是一個入門分享，而是在掌握基本概念的基礎上的實例分享。注釋明了的意思是：不管是css,html文件都要寫好注釋，不然，過一段時間，某塊代碼塊的含義你自己都會搞不清的，別說是其它人。

2. 切圖的同時更要考慮程序嵌套問題。

因為你切完圖的頁面是交給程序員的，而程序員是看的不是設計視圖，而是干干凈凈的代碼。所以這時候考慮代碼的縮進，合理的結構嵌套循環，無論是div還是table。就程序來說，它處理的是頁面上有機的重復的html結構單元，而不只是為了得到瀏覽器里邊最終效果。設計圖里的內容是不可變的，而程序處理的內容是可變的。

另外：你的思維是平面散發式的，程序員的思維是直線邏輯性，有時候要站在別人的角度來思考問題，你會有更意外的收獲。

3. 合理的把握時間。

整個項目有總體的時間，到你這兒有單獨的頁面開發時間。這個時間要掌握好，因為時間是質量的靈魂。

4. http請求，瀏覽器最簡單的執行原理，計算機最基礎原理。

這個是最主要的，好多開發者，都不知道什么是http請求，瀏覽器執行原理是什么東東，我現在用的瀏覽器版本，不太清楚，應該是ie9吧。

這里我想說的是：因為你從事的是這個行業，這個行業有它本身的游戲規則，不知道游戲規則，你就不知道怎么玩，知道了游戲規則你才會玩，才會玩得高興，才會玩得high。才不會為了月底的那點俸祿而驅使你的靈魂走向墜落的深淵。

也有好多人納悶一件事情，同樣的代碼在我邊上機子可以，我這兒死活不行，殺了我也不行。ie可以,ff連圖片都顯示不了。其實要求也不高，你也不需要懂什么二次四次握手信號，你只是需要具象的把頁面在瀏覽器執行的過程在腦海中模擬出來就行了。這個往深就不多說了，不是磚家不敢多言。