任何人都可以提出对ASP .NET UI设计好准则？ [英] Can anyone suggest good Guidelines for asp .net UI design?

问题描述

我是一个C＃开发。

最近，我不得不设计出ASP.NET 2.0中的Web用户界面。我有奇怪的问题在Visual Studio中的UI控件对齐。
我用事业部，桌子标记对齐ASP .NET控件（标签，文本框，电网等）。

Recently I had to design a web UI in asp .net 2.0 .I had strange problems with aligning controls in Visual studio UI. I have used Div, table tags to align asp .net controls(labels, textbox, grid etc).

但我在Visual Studio的设计表面看到的问题是完全不同的（大部分时间）时，我认为在浏览器中的网页。

But the problem was what I saw in design surface of visual studio was entirely different (most of the time) when I view the page in browser.

控制和路线之间的差距从来就不是完美的。我已经看到了其他开发商也在做试验和错误的方法没有正确的指导方针。

The gap between controls and alignments was never perfect .I have seen other developers also doing trial and error methods without a proper guidelines.

C＃代码我pretty好，我有很多微软的文章和帮助材料来指导我。

C# coding I am pretty good and I have lots of Microsoft articles and help materials to guide me.

但我还没有发现的ASP.NET的页面UI设计合适的文章和指引。（可能是其在那里，我还没有发现吗？）

But I haven’t found proper articles and guidelines for UI design of asp .net pages.(may be its out there and i havent found yet?)

通过对这个问题的更多光可以任何人。任何好书，建议等？

Can anyone through more light on this subject. Any good books ,suggestions etc?

在此先感谢

SNC

推荐答案

虽然我definitly +1大家提示你在一般的CSS和定位更好地把握和沟拖放建立你的控制方法，我的身影你需要的东西宜早不宜迟。

While I definitly +1 everyone suggesting that you get a better grasp of CSS and positioning in general and ditch the drag and drop method of building your controls, I figure you need something sooner rather than later.

对于这一点，我给你雅虎CSS网格（JQuery的，MooTools的和其他图书馆也有网格布局工具），这将有助于你得到你的用户界面快速完成。在平均时间上的CSS读了。

For that, I give you Yahoo!'s CSS Grids (JQuery, MooTools and other libraries also have grid layout tools) which will help you to get your UI done quickly. In the mean time read up on CSS.

（X）HTML的成分 - 没有什么不同的XAML（这是在HTML / CSS实际建模）。当构建的WinForms，你可以拖放控件拖到窗口慎之又慎，但不能因此与网络。有一件事拖放设计师错过的是，（X）HTML组件都有一个层次给他们。设计者试图通过位置，以解决这个问题：绝对的; 这是一个precarious拐杖。

(X)HTML is compositional - not unlike XAML (which is actually modeled on HTML/CSS). When building WinForms you can drag and drop your controls onto the window willy-nilly, but not so with the web. One thing the drag and drop designer misses is that (X)HTML components have a hierarchy to them. The designer tries to overcome this by using position: absolute; which is a precarious crutch.

您的控制需要与他们的位置关系或多或少已经完整组成的，这意味着你必须手工编辑code把事情按正确的顺序。

Your controls need to be composed with their positional relationships more or less intact already and that means you'll have to edit the code by hand to put things in the proper order.

这篇关于任何人都可以提出对ASP .NET UI设计好准则？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！