asp.net - 使用 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 搜索。