我是一名c#开发人员。
最近我不得不在asp .net 2.0中设计一个Web UI。我在Visual Studio UI中对齐控件时遇到了奇怪的问题。 我使用了Div,表格标签来对齐asp .net控件(标签,文本框,网格等)。
但是当我在浏览器中查看页面时,我在visual studio的设计界面看到的问题完全不同(大部分时间)。
控制和对齐之间的差距从来都不是完美的。我已经看到其他开发人员也在没有正确指导的情况下进行试错法。
C#编码我很好,我有很多微软文章和帮助材料来指导我。
但是我没有找到适合asp .net页面UI设计的文章和指南。(可能是它在那里,我还没找到?)
任何人都可以通过更多关于这一主题的内容。有什么好书,建议等吗?
提前致谢
SNC
答案 0 :(得分:1)
如果您想要对HTML / XHTML输出进行精细控制,那么我建议您切换到ASP.NET MVC。您描述的问题是使用ASP.NET WebForms时通常遇到的问题。正如Anton所提到的,你也需要对XHTML和CSS有一个很好的理解。
答案 1 :(得分:1)
虽然我确定+1每个人都建议你更好地掌握CSS和定位,并放弃构建控件的拖放方法,但我认为你需要早点而不是晚点。
为此,我给你Yahoo!'s CSS Grids(JQuery,MooTools和其他库也有网格布局工具),这将帮助你快速完成你的用户界面。同时阅读CSS。
(X)HTML是组合的 - 与XAML(实际上是在HTML / CSS上建模)不同。在构建WinForms时,您可以毫不客气地将控件拖放到窗口上,但在Web上却不是这样。拖放设计师遗漏的一件事是(X)HTML组件具有层次结构。设计师试图通过使用position: absolute;
来解决这个问题,这是一个不稳定的拐杖。
你的控件需要与它们的位置关系或多或少地完整组合,这意味着你必须手动编辑代码才能按正确的顺序排列。
答案 2 :(得分:0)
这不是UI设计本身。您需要的是对CSS和一般样式在Web上的工作方式的充分理解(简而言之:它们表现不佳)。所以你需要的是一本好的CSS书。另外,您必须转储WYSIWYG ASP.NET页面编辑器。
答案 3 :(得分:0)
如果您觉得自己的HTML技能与众不同,我很好奇。您是否可以在没有visual studio的情况下在HTML中创建相同的页面并获得您期望的结果(使用记事本)?
无论如何,开始在HTML标记上花费更多时间,在Visual Studio中使用设计器表面的时间更少。您越了解ASP.NET创建的输出越多,您将成为更好的Web开发人员。
我经常使用的一个技巧是知道你不需要重新编译来改变aspx代码。对aspx文件进行更改,保存,然后刷新浏览器。另外,使用firefox并获取webdeveloper插件。我经常使用大纲块级元素来理解我的某些html流问题发生在哪里。