2012-06-26 50 views
3

我设计一个Web应用程序的用户界面,但我没有经验与UI设计,我只需拖放标签和文本框,但它们看起来不是对称的,并妥善安排在页面上。在Windows应用程序中,用户界面设计更容易,因为可视化stuido可以帮助您控制位置,但我不知道如何在Web应用程序中执行此操作。是唯一的解决方案进入HTML和使用大量的空间字符的页面看起来很好组织?这只是让我感觉像一个业余爱好者。正确的用户界面设计与ASP.Net

+1

请学习CSS,不要依赖拖放!网页设计不是Windows设计! :) – Alessandro

+0

+1。正确的方法做,这是与[CSS](http://www.w3schools.com/css/css_intro.asp):O) – Andrew

回答

4

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设计选项

enter image description here

您可以使用这些工具来拖放元素,如果你喜欢,但我强烈反对,甚至开始在这条道路有以下几个原因:

  • 除非您了解css,否则您会遇到其他简单的定位和样式问题。拖放工具和暴露的属性通常是不够的。
  • 网页设计与WinForms设计大不相同。您需要处理更多的屏幕分辨率和浏览器大小调整,这些都需要流畅。绝对定位对此很可怕。
  • 一旦你学会了错误的方式,很难改变你的方式。预先学习“正确的方式”更好。

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

,对不起,不是一个快速和简单的答案,但如果你打算做web开发的一切,你需要学会正确使用CSS,而且有相当多的学习。希望本教程将是一个温和的介绍。

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

+0

其实我知道的CSS,并做了很多与CSS,但我找不到一个简单的方法让所有的元素在CSS中是对称的,这就是为什么我也创建了这个问题,现在我发现ASP.NET Table控件可以帮助我很多。感谢您的详细解答。 – HOY