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

Question

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

Answer 1

Web 应用程序使用CSS（层叠样式表）设计样式。CSS 用于 Web 应用程序中 UI 的各个方面。这不仅限于 ASP.NET，还适用于一般的 Web 开发。

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

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

如果您愿意，您可以使用这些工具拖放元素，但我强烈建议您不要走这条路，原因如下：

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

这里有一个相对简单的 CSS 教程。

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

如果您不喜欢那个，请尝试此 Bing 搜索。