ASP.NET内容/功能与设计/布局/样式

在开始编写代码之前,最好先有一个可视化的“骨架”布局。原因是,如果你有一个布局的原型,那么你就可以让你的客户反复地给你反馈所说的布局。如果我是你,我会完全放弃基于表格的布局。原因是,在Webforms中,如果不使用母版页,则必须单独编辑每个页面(或围绕相同的复制布局生成大量控件)。有几种方法可以做到这一点:

Ironmyers CSS Layouts , Layout Gala (40 CSS stylesheets) Open Source Web Design CSS Layouts ,然后选择一个您认为与要使用的布局“最接近”的布局。它不一定是完美的,它只需要一个骨架。

由于网站通常有两列或三列,顶部有一个水平菜单(Stack Overflow就是一个很好的例子),因此您可能需要寻找这种类型的框架。然后,当您想要调整布局时,您所要做的就是编辑样式表。

使用基于CSS的布局进行原型设计有很多优点:

• 如果您更改了布局,您可以对CSS类ID执行查找/替换来更改它(或者使用您最喜欢的脚本语言为您执行此操作)
• 在开发后端时对布局进行时间操纵

您当前的方法与干净的分离相冲突,考虑到您的问题,您知道情况就是这样:使用现成的CSS模板,您可以在几分钟内完成原型的设计并解决这个问题,而不是花费时间尝试使用表完成布局。

这个问题没有简单的答案,但我会先让你的设计师更容易一点——先放下基本的CSS元素。例如,如果您知道颜色方案,您已经有了背景。你可能已经知道你是喜欢宽的还是窄的。因此,您已经有了样式表的开头:

*
{
   margin: 0;
   padding: 0;
}

body
{
   background-color:#827575;
   color: #c6d3d5;
   font: 75%/1.5em Verdana, Helvetica, Geneva, "Helvetica Neue", sans-serif;
} 

`#container
{
    margin-top: 30px;
    text-align: left;   
    margin-right: auto;
    margin-left: auto; 
}

`#content
{ 
    margin-right: auto;
    margin-left: auto;
    width: 850px;
    margin-top: 10px;
}

将container div和content div放在母版页的主内容占位符周围。现在,你有事情要做了。你的人现在可以在内容页中使用表格,如果需要的话,可以在线应用样式, 现在 . 稍后,另一个具有更好知识的设计师可以将所有CSS移动到样式表中。这只是一个切实可行的建议,让它继续向前发展:-)

这可能看起来有点极端,但实现这一点的一种方法是使您的web应用程序服务基于。这意味着您的所有业务逻辑都将封装在一个或多个web服务器将调用的服务中。

这使得您只需在网站本身上编写最少的服务器端代码,所有这些代码都将围绕数据的动态显示展开。这意味着您可以继续开发服务中所需的所有应用程序逻辑,让您的设计团队为客户端修改UI内容,而无需任何干预。

对功能进行编码(包括 在每个节点上创建活动元素 页面)而不关心

最后,在设计师和客户达成一致意见后 在设计上,然后剪切并粘贴 原型页面。

首先,我开发了应用程序、实体、数据层和可重用实用程序类的主干。同时,设计师创建一个设计,我们将其展示给客户。

当我们准备好第一次演示时,我将应用设计。化妆是这项工作中最无聊的部分。特别是如果客户需要智能电网。但这种情况只发生一两次。

首先,我将重复出现的部分拆分为自定义控件。我将母版页添加为容器。我将自定义控件添加到母版页中。然后环境就准备好了。

然后,我开始向活动页面添加母版页引用,如果需要,我会向活动页面添加css引用或其他html元素。我的意思是我不重写我的活动页面。大部分工作由母版页和自定义控件完成。我只向活动页面添加了一个表和一些css引用。

编辑(完)

我用 ASP.NET主题 母版 自定义控件 使设计更容易,并尽量减少与设计相关的文件。