使用 ASP.Net 进行正确的用户界面设计答案

【问题标题】：Proper User Interface Design with ASP.Net使用 ASP.Net 进行正确的用户界面设计
【发布时间】：2012-06-26 21:39:57
【问题描述】：

我正在设计 Web 应用程序的用户界面，但我对 UI 设计缺乏经验，我只是拖放标签和文本框，但它们在页面上看起来不对称且排列不正确。在 Windows 应用程序中，用户界面设计更容易，因为 Visual stuido 可以帮助您定位控件，但我不知道如何在 Web 应用程序中做到这一点。唯一的解决方案是输入 html 并使用大量空格字符使页面看起来井井有条吗？这只是让我觉得自己像个业余爱好者。

【问题讨论】：

请学习 CSS，不要依赖拖放！网页设计不是 Windows 设计！ :)
+1 表示询问。正确的方法是使用CSS :o)

标签： asp.net html visual-studio-2010 user-interface

【解决方案1】：

Web 应用程序使用CSS (Cascading Style Sheets) 设置样式。 CSS 用于 Web 应用程序中 UI 的各个方面。这不仅限于 ASP.NET，还包括一般的 Web 开发。

ASP.NET 和 Visual Studio（或其他 IDE）可能允许您使用熟悉的拖放界面来创建 UI，但在底层，ASP.NET 和这些工具只是为样式生成 css。

例如，在 Visual Studio 2010 中，您可以选择“将使用工具箱、粘贴或拖放添加的控件的位置更改为绝对位置”。在 HTML 设计器选项中

您可以根据需要使用这些工具拖放元素，但我强烈建议您不要从这条路开始，原因如下：

除非您了解 css，否则您将难以解决其他简单的定位和样式问题。公开的拖放工具和属性通常是不够的。
Web 设计与 WinForms 设计有很大不同。您需要处理更多的屏幕分辨率和浏览器大小调整，这些都需要流畅。绝对定位对此很可怕。
一旦学错了方法，就很难改变。最好提前学习“正确的方法”。

有一个比较简单的CSS教程here。

很抱歉没有快速简单的答案，但是如果你要进行 Web 开发，你需要学会正确使用 css，而且还有很多东西要学。希望本教程将是一个温和的介绍。

如果你不喜欢那个，试试this Bing search。

【讨论】：

其实我知道 css，并且使用 CSS 做了很多工作，但是我找不到一种简单的方法来使 CSS 中的所有元素对称，这就是为什么我也创建了这个问题，现在我有了发现 ASP.NET Table 控件对我有很大帮助。感谢您的详细解答。