操作顺序- web开发/ web设计

Question

所以我开始相当熟练地编写我的网站。但我想采取一些元步骤，并开始记录最佳实践和工作流程之类的东西。我想知道，我听说在添加css之前完成html标记总是很重要的。这是否会延伸得更远？我认为顺序是html>css>server-side>client-side。这是正确的，还是有更好的方法。

谢谢你们

Answer 1

我认为没有硬性和快速的方法来做到这一点，这是一个迭代的过程。根据您使用的服务器端技术，从html的角度来看，您可能希望执行的某些操作可能会限制您的选择。

通常，我会启动一个简单的表单，并将服务器端代码连接起来。然后让表单看起来像你想要的样子通常是相对简单的。

Answer 2

世界上没有正确的秩序。

Answer 3

我特别建议在开始添加CSS和/或Javascript之前，不要尝试完成所有的标记。

原因很简单: CSS和JS都是基于您在标记中定义的元素和选择器与页面进行交互的。因此，如果您对如何布局页面有一个想法，您可以想象标记应该是怎样的(通常您会非常接近)，但是当您实际将CSS或JS连接到它时，您会发现有些东西并不完全像您期望的那样工作。

在这一点上，您通常需要改进您的标记来设置元素和选择器，以使CSS或JS的行为符合您的期望。

当您的代码更精简时，处理这一问题会容易得多。如果你认为你已经100%完成了你的标记，然后你把你的CSS放在上面，一些看起来很滑稽的东西，你可能不得不花更长的时间去寻找问题的确切原因，并重写大量的标记，而不是花在增量上。

因此，我建议你的工作流程是更多的“大图”->“细节”。

从网站的基本线框开始，只需在其中放置足够的CSS，就可以看到页面的所有主要部分的大小和位置都符合您的预期。然后开始在块级别上分层内容和表示，然后进入并打磨出细节。

核心功能应该在你过于担心表现性元素之前出现，但大画面布局和交互性(不仅仅是标记)应该放在详细内容之前。

希望这是有意义的。当然，最重要的是找到一个能帮助你尽可能高效的工作流程，所以尝试不同的方法，找到适合你思考方式的模式。