其實標準的網製作完成的工作實際是：psd to html，一般情況下，我們會拿到美工的psd,這時候不同的人會有不同的做法：
1.開啟fireworks將切割匯出為html。
3.先在ps中完成切圖後，在文字編輯器中看著效果圖一步步的製作。
以上是大多被採用的方法，但都不好：
第一種方法最為不好，這樣的**根本不具維護性和可讀性。
第二種方法也不好，**難免會有冗餘，做出來的東西基本需要排查一遍。
第三種方法也不好，因為你需要看效果圖一點點的拼，也就是說寫html標籤的時候，你在不斷的假設這塊要怎麼去顯示。
正確的做法是：
1.拿到psd後，先不要做別的，直接在文字編輯器中將網頁的框架寫出來，不要假設這塊將來css要去怎麼渲染，完全自然化的標籤，不加任何的css。
2.寫完之後在各個瀏覽器執行之後確保大體定位都沒有問題。
3.書寫總體css,這裡的css只負責大塊的定位及樣式。
4.切出需要的資源，在寫好的框架中一點點的去構造，不斷的除錯，最終為成品。
5.最後，為自己的**新增注釋，在css，html中都要合適的為自己的**新增注釋。
要想做出能靈活切換**，讓css主導表現，還有很多要注意的地方，但大體的流程就是這樣的，當然我們一開始不能直接就做到先寫html，但起碼要有這個意識，循序漸進。。。
標準的網頁布局設計流程
其實標準的網製作完成的工作實際是 psd to html，一般情況下，我們會拿到美工的psd,這時候不同的人會有不同的做法 1.開啟fireworks將切割匯出為html。3.先在ps中完成切圖後，在文字編輯器中看著效果圖一步步的製作。以上是大多被採用的方法，但都不好 第一種方法最為不好，這樣的 根...
網頁設計布局
在網頁設計中所講的布局 layout 就是把進入網頁的各種構成要素 文字 影象 選單等 在網頁瀏覽器裡有效地排列起來，在設計網頁時，要從整體上把握好各頁面的布局，主要是利用 或網格等。仔細觀察各種形態的 布局十分必要的。另外，在平時有很好的想法的時候，把那些一閃即逝的好點子都記到書寫簿上，通過這樣方...
網頁設計基礎 網頁布局結構
作為網頁設計初學者，掌握幾個頁面布局結構將會讓網頁變得更加美觀，並且大大提公升設計效率。一 國子型 大型 常用型別 如圖所示，我們可以看出，國子型頁面結構主要分為五個部分。頭部 該部分包括 的標題以及橫幅廣告條 左側 該部分包括一些導航等資訊 右側 該部分包括選單或者導航的元件 中部 該部分為頁面的...