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

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

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

最佳答案

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

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

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

enter image description here

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

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

有一个相对简单的 CSS 教程 here .

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

如果你不喜欢那个,试试this Bing search .

关于asp.net - 使用 ASP.Net 进行正确的用户界面设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11208280/

相关文章:

c# - HttpUtility.ParseQueryString 的可移植类库 (PCL) 版本

c# - 停止双重回发

asp.net - 项目 'Unable to locate Dependency' 本身

c# - asp.net 中的更改突出显示(无法比较): Text or HTML comparison

javascript - 如何滚动到仍未呈现的页脚处的图像?

visual-studio-2010 - 在 vs 2010 中构建两个使用相同 dll 的 C++ 应用程序

c++ - 如何使用 msvc10 和 ICU 编译 boost 1.54?

html - 减少页面大小

html - 将整个样式表本地化到一个 div?

c# - 在 dataGridView 中保存更改