任何人都可以建議爲asp.net網頁界面設計很好的指導方針嗎？

Question

我是一名c＃開發人員。

最近我不得不在asp.net 2.0中設計一個web用戶界面。我在對齊Visual Studio UI中的控件時出現了一些奇怪的問題。 我已經使用Div，表格標籤來對齊asp.net控件（標籤，文本框，網格等）。

但是，當我在瀏覽器中查看頁面時，問題是我在visual studio的設計表面看到的完全不同（大部分時間）。

控件和對齊之間的差距從來都不是完美的。我看到其他開發者也在沒有正確的指導下進行試驗和錯誤方法。

C＃編碼我很好，我有很多微軟文章和幫助材料來指導我。

但我還沒有發現的ASP.NET的頁面UI設計適當的文章和指導方針。（可能是它在那裏，我還沒有發現嗎？）

可以通過對這個問題更多的光線人。任何好書，建議等？

在此先感謝

SNC

Answer 1

這不是UI設計本身。您需要的是對CSS和一般樣式在網絡上的工作原理的深刻理解（簡而言之：他們做得不好）。所以你需要的是一本很好的CSS書。另外，你必須轉儲WYSIWYG ASP.NET頁面編輯器。

Answer 2

如果你想要精確控制你的HTML/XHTML輸出，那麼我會建議切換到ASP.NET MVC。您描述的問題是使用ASP.NET WebForms時通常遇到的問題。正如安東提到的，你也需要對XHTML和CSS有一個很好的理解。

Answer 3

我很好奇，如果你覺得你的HTML技能是平等的。你可以在沒有Visual Studio的情況下用HTML創建這個相同的頁面，並得到你期望的結果（使用記事本）？無論如何，開始在HTML標記中花費更多時間，並在Visual Studio中使用設計器表面的時間減少。您越瞭解ASP.NET創建的輸出越好，您將成爲一名Web開發人員。

我經常使用的一個技巧是知道你不需要重新編譯來更改aspx代碼。對aspx文件進行更改，保存並刷新瀏覽器。另外，使用firefox並獲取webdeveloper插件。我經常使用大綱塊級元素來理解我的一些html流問題發生在哪裏。

閱讀網頁設計。我有點落後，但我一直喜歡zengarden和zeldman ..我相信現在有更好的。

Answer 4

雖然我確定+1所有人都暗示你能更好地掌握CSS和定位，並且可以拖放構建控件的拖放方法，但我認爲你需要儘快而不是晚些時候。爲此，我給你Yahoo!'s CSS Grids（JQuery，MooTools和其他庫也有網格佈局工具），這將幫助你快速完成你的UI。同時閱讀CSS。 （X）HTML是組合性的 - 與XAML（它實際上是在HTML/CSS上建模）不同，XAML不像其他的XAML。在構建WinForms時，您可以將控件拖放到窗口上，但在Web上則不然。拖放設計師錯過的一件事是（X）HTML組件對它們有層次結構。設計師試圖通過使用position: absolute;來克服這個問題，這是一個不穩定的柺杖。

您的控件需要使用它們的位置關係進行組合，這些位置關係已經或多或少完好無損，這意味着您必須手動編輯代碼才能將事物按正確的順序排列。