使用CSS的网页设计过程 - 期间或之后？

Question

哪种更好的做法？

在网页设计期间添加CSS，您可以尽早查看结果（或关闭）并进行必要的更改。您还知道可能需要多少div或跨度（例如，使弯曲的跨浏览器悬停背景）。但是当您向页面添加越来越多的组件时，有时会遇到麻烦，因为您需要在此处进行修补以获得所需的确切设计。

完成页面设计后添加CSS你可以看到页面整体结构，因为它很好，没有样式。您可以看到您的网站是如何可访问的，并且如果它不够好就立即修改它（与之前的情况不同，您可能会破坏多个CSS规则）。完成之后，你只需花费大部分时间来改变CSS文件，这对于获得动力是很好的。

当然，我从来没有尝试过后一种方法，但是如果我能看到令人信服的理由 - 或者它根本没有用，我会认真考虑下一个项目。

感谢。

Answer 1

我对你提出这样一个问题的角度感到困惑。

通常，实际设计是在纸上或Photoshop或Illustrator等应用程序中完成的。随后将该设计转换为HTML / CSS的过程。确定您的主要内容区域，并将它们作为div放在页面上。获取一些基本的CSS以使基本结构正常工作。然后根据需要开始添加包装器div和其他页面元素，以使HTML版本看起来像纸上设计。

（绝对不是所有设计师都遵循这个过程 - 例如，您的典型图形（非网络）设计师将添加切片并从photoshop执行“导出到HTML”，这将生成一些可怕的不可维护的HTML）。

关于这一点的好处是，如果你作为开发人员来自另一个角度，你可以只做最小的HTML - 识别你的主要内容区域（例如主体，一些导航，一个框显示谁登录，等）和制作这些div。然后，当添加设计时，需要添加正确的CSS并根据需要向HTML添加额外的元素。

您说的就像是在使用HTML进行广告素材设计流程。坦率地说，这是错误的做法。铅笔和纸张走的很长。此外，如果您是开发人员，请联系设计师。真。很少有人可以做到这两点。我认识很多开发人员认为他们可以设计，因为他们知道如何编写HTML并使用Photoshop - 但实际上，他们不能。

Answer 2

我认为第二种方法的一个大问题是你每次演示都会严重吓唬“业务”！

即使功能存在，并告诉他们风格将在以后添加，他们可能会失去信心。

仅此一点，我认为从一开始就需要一定程度的CSS。

这假设该项目与商业赞助商商业化，否则我认为第二种方法的问题较少。

Answer 3

我一直更喜欢线框方法。您可以通过布置基本骨架来启动您的网站，您可以在此处使用CSS来大致勾勒出您的列或内容部分。之后，您将移动到填充站点的功能/数据/内容。您确保拥有所需的标记以适合您的内容。获得所需内容后，您就可以开始应用主题了。

这种来回为你提供了一个很好的画布。您可以看到一些基本构建块，但不会卡在特定结构中。在最后应用你的CSS应该使用标记，并且不要像你所说的那样“hacky”。​​

Answer 4

我所做的是在结构化过程结束时开始添加CSS，主要用于布局。这些样式将是边距，填充或有时字体大小。结构完成后，可以进行渐进式增强，以完善设计。