需要的css方法

Question

我想開始網站的設計。我知道我將需要：的

• 覺得總體佈局
• 設計橫幅/頁腳
• 選擇顏色和字體
• 確保一切都很好positionned
• 測試與其他瀏覽器的網站
• ...

問題是我不知道什麼是好訂單以有效的方式進行。 我應該從一般設計的事情到更精確的水平？ 如果有人有一個一般方法，一種方法來組織自己設計，這將不勝感激。

Answer 1

我喜歡我的處事方式：

1. 的Photoshop（或其他圖像編輯器）來創建一個可視化的設計我很高興有。完成大部分工作後，請繼續執行2.這至少包括基本形狀，顏色，字體，位置和大小。它也可能包含具有適當視覺樣式的示例內容。
2. 寫的很基本的標記：頭元素，內容區域，基本的導航，頁腳，側邊欄等
3. 寫基本的CSS和應用從Photoshop文件最一般的圖像（Faux columns或其他的「大事情」） 。
4. 編寫更多標記：添加更多細節。添加示例內容以查看您需要的每種類型的元素的外觀。
5. （如果適用）再次輸入圖像編輯器並獲取更多詳細圖像。
6. 寫更多的CSS - 風格你寫在4.和什麼你從你的圖像文件5中拉出。
7. 迭代到4-6，直到你完成。

佈局和視覺設計完成後，開始整合CMS，博客引擎或任何你可能想要的東西。

這對我來說很好。在繼續編寫標記或CSS之前，我可能無法完成Photoshop中的所有細節，但通常這就是我所做的。我的建議是從一般層面開始，隨着時間的推移逐漸轉向更多細節。

您可能有關於您的頁面中的詳細信息的外觀。如果是這樣，請儘早詳細地創建它們。否則，你會忘記它。然後圍繞它建立更一般的東西，並像往常一樣繼續。