正確的用戶界面設計與ASP.Net

Question

我設計一個Web應用程序的用戶界面，但我沒有經驗與UI設計，我只需拖放標籤和文本框，但它們看起來不是對稱的，並妥善安排在頁面上。在Windows應用程序中，用戶界面設計更容易，因爲可視化stuido可以幫助您控制位置，但我不知道如何在Web應用程序中執行此操作。是唯一的解決方案進入HTML和使用大量的空間字符的頁面看起來很好組織？這只是讓我感覺像一個業餘愛好者。

Answer 1

Web應用程序正在使用CSS (Cascading Style Sheets)風格。 CSS用於Web應用程序中UI的每個方面。這不僅限於ASP.NET，而是一般的Web開發。

ASP.NET和Visual Studio（或其他IDE）可能允許您使用熟悉的拖放界面來創建UI，但是在ASP.NET的基礎上，ASP.NET和這些工具只是生成用於樣式的css。

例如，在Visual Studio 2010中，您可以選擇「更改定位到絕對的控制使用Tooldbox，粘貼，或拖放添加」。在HTML設計選項

您可以使用這些工具來拖放元素，如果你喜歡，但我強烈反對，甚至開始在這條道路有以下幾個原因：

• 除非您瞭解css，否則您會遇到其他簡單的定位和樣式問題。拖放工具和暴露的屬性通常是不夠的。
• 網頁設計與WinForms設計大不相同。您需要處理更多的屏幕分辨率和瀏覽器大小調整，這些都需要流暢。絕對定位對此很可怕。
• 一旦你學會了錯誤的方式，很難改變你的方式。預先學習「正確的方式」更好。

有一個相對簡單的CSS教程here。

，對不起，不是一個快速和簡單的答案，但如果你打算做web開發的一切，你需要學會正確使用CSS，而且有相當多的學習。希望本教程將是一個溫和的介紹。

如果你不喜歡這個，試試this Bing search。