1

在使用 ASP.NET 开发 Web 应用程序时，您是否有任何关于如何将内容/功能的开发与设计分开，从而使两者可以分别并行开发的提示？

情况是：

  • 客户已就他们想要的功能达成一致
  • 客户正在改变他们对页面外观（样式和布局）的看法
  • 网页设计师不是专家：
    • 不是从头开始开发干净的基于 CSS 的布局
    • 正在从 3rd 方站点获取各种基于表格的布局（使用 CSS），用作布局的示例/原型以与客户讨论

鉴于此，如何在基于表格的布局最终确定之前开始编码功能？

我认为一种方法可能是：

  • 编码功能（包括在每个页面上创建活动元素）而不关心（指定）它们的布局和样式
  • 然后，最后，在设计师和客户就设计达成一致后，将活动元素剪切并粘贴到设计师的原型页面中。

这是唯一的还是最好的方法？还有哪些其他方法？有任何提示、提示或技巧可以使这更容易吗？

4

4 回答 4

4

在开始进行任何编码之前，最好有一个视觉“骨架”布局。原因是，如果你有一个布局原型，那么你就可以迭代地让你的客户给你关于布局的反馈。如果我是你，我会完全放弃基于表格的布局。原因是，在 Webforms 中，如果您不使用母版页，那么您将不得不单独编辑每个页面（或围绕相同的复制布局制作大量控件）。有几种方法可以做到这一点：

如果您知道您将使用 CSS（提示、提示），那么我会查看可用的各种选项：Ironmyers CSS Layouts、Layout Gala (40 CSS stylesheets)和我最喜欢的Open Source Web Design CSS Layouts和选择一个您认为与您将要使用的布局“最接近”的布局。它不需要是完美的，它只需要是一个骨架。

由于网站通常有两列或三列，顶部有一个水平菜单（Stack Overflow 就是一个很好的例子），你可能想要寻找那种类型的骨架。然后，您所要做的就是在您想要调整布局时编辑样式表。

您无需成为专家即可执行此操作；但它会让您快速了解网站的外观以及各个部分如何组合在一起。

使用基于 CSS 的布局进行原型设计有多种优势：

  • 如果您更改布局，您可以查找/替换 CSS 类 ID 以更改它（或使用您最喜欢的脚本语言为您完成）
  • 在开发后端时，您可以花很少的时间来处理布局
  • 已有的布局允许您编辑 CSS，然后点击刷新立即查看更改；根本不必用 HTML 涂鸦。

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

于 2009-02-16T21:14:34.143 回答
1

这可能看起来有点激烈，但一种方法是让您的 Web 应用程序基于服务。这意味着您的所有业务逻辑都将封装在您的 Web 服务器将调用的一个或多个服务中。

这使您在网站本身上拥有最少的服务器端代码，所有这些代码都将围绕数据的动态显示。这意味着您可以继续在服务中开发您想要的所有应用程序逻辑，并让您的设计团队为客户端破解 UI 内容，而无需踩到任何脚趾。

于 2009-02-16T16:30:10.893 回答
1

这个问题没有简单的答案，但我会先让你的设计师更容易一些——首先放下基本的 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;
}

将容器 div 和其中的内容 div 放置在母版页中 - 围绕主要内容占位符。现在，您有一些工作要做。你的人现在可以在内容页面中使用表格，并在需要时应用内联样式。稍后，另一位知识更丰富的设计师会出现并将所有 CSS 移动到样式表中。只是一个实用的建议，让它继续前进:-)

于 2009-02-16T18:05:31.947 回答
1

大多数情况下，我按照您在此处定义的方式工作：

编码功能（包括在每个页面上创建活动元素）而不关心（指定）它们的布局和样式

然后，最后，在设计师和客户就设计达成一致后，将活动元素剪切并粘贴到设计师的原型页面中。

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

当我开发应用程序的功能时，设计就准备好了。我只是在页面上添加链接文本框按钮。只为设计添加了休息和空间。

当我们准备好进行第一个演示时，我会应用该设计。这个化妆操作是工作中最无聊的部分。特别是如果客户想要智能电网。但它只发生一两次。

编辑（开始）：

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

然后我开始将母版页引用添加到我的活动页面，并在必要时将 css 引用或其他 html 元素添加到活动页面中。我的意思是我不会重写我的活动页面。大多数工作由母版页和自定义控件完成。我只向我的活动页面添加一个表格和一些 css 引用。

编辑（完）

我使用CSS、ASP.NET 主题、母版页和自定义控件来简化设计并最小化与设计相关的文件。

于 2009-02-16T21:41:35.717 回答