什麼是創建網頁佈局的最佳工具？

Question

我使用Firebug查看Google翻譯的HTML源代碼（http://translate.google.com.vn/）是否很簡單（在內容上）。

但它有一個非常複雜的佈局（很多佈局div）。我猜這些頁面是基於一些軟件支持而設計的佈局。

我知道photoshop，但一般來說，在photoshop中創建佈局非常困難，我想找一個更簡單的工具。

Answer 1

我認爲你應該使用photoshop Sitegrinder 3.5

網站磨牀3.5是生成HTML和任何.PSD文件的CSS的好工具。但在我看來，對於小型和靜態網站來說是好的，對於動態網站來說並不好。毫無疑問，它有助於開發一個網站，但它需要技術人員在Adobe Photoshop中使用現場研磨工具。我的意思是設計師不適合開發人員。網站磨牀3.5是支持這些特點如下：

1. Rounded corner 
2. Shadow 
3. Borders 
4. Cross-Paging 
5. Menus and Sub-Menus 
6. Hide and show 
7. One design for many pages. 
8. More Powerful Hover And Click Behaviors 
9. Smooth Scrolling to Targeted Page Areas 
10. Create Powerful Animated Accordions Using Only Hints 
11. Attach Elements to The Browser Window(using –fixed hint) 

注：但其中的一些功能，如圓角，陰影等不是在IE7和IE8瀏覽器中運行。這意味着站點研磨器具有瀏覽器依賴性。

有網站磨牀3.5的一些限制：

1. 漸變顏色是不允許的。
2. 爲每個頁面生成多個CSS。
3. 帶提示的圖層名稱必須正確。
4. 它仍然是越野車。一些已經使用過它的人說它會生成錯誤的代碼。但使用它時我沒有發現任何錯誤。

請記住以下這些線路在設計使用網站粉碎機3.5網頁：

1. 有兩個階段設計：

   1. 創建PSD草案，並保存它。然後建立網站研磨機3.5
   2. 生成PSD文件後，使用設計管理器工具進行完整的設計和效果，然後將其保存在窗體構建窗口。

2. 使用樣式編輯工具構建PSD後，可以在設計管理器中設置背景顏色，陰影，圓角。

3. 提示是正確的。

Answer 2

我認爲網站佈局製作是你的目標。

Answer 3

您可以使用軟件如Balsamic快速創建模型。這是獲得佈局概念的可靠而快速的方法。否則總會有筆&紙。我用從raincreativelab草圖紙。它可以免費下載並標記不同的瀏覽器視口。

素描/模型後，你可以留在photoshop和設計的細節。

Answer 4

也許你會有興趣ForeUI，它可以爲您的佈局（和互動）產生HTML5模擬。