网页设计工作流程 - 首先是 HTML 还是 CSS？ [关闭]答案

【问题标题】：Webdesign workflow - HTML or CSS first? [closed]网页设计工作流程 - 首先是 HTML 还是 CSS？ [关闭]
【发布时间】：2015-11-13 00:28:20
【问题描述】：

我已经设计网站大约一年了（自学 HTML、CSS 和 JavaScript），但在我的上一个项目中，我遇到了一些设计和代码结构问题。

我通常首先用 div 布局整个网站（我添加背景颜色以创建框来布局网站），然后开始编写 html/内容。对于 JavaScript，我根据需要编写。

我想知道处理网页设计工作流程并避免我在之前的项目中遇到的额外工作的最有效方法是什么。我应该先写 html，然后写 CSS，最后写 JavaScript 吗？

【问题讨论】：

没有真正的正确答案。我个人的方式是使用我需要的类来完成所有的 html，然后设置样式。 CSS 不应该决定我的页面的语义和结构
尝试先写javascript，然后告诉我们经验... :)
这不是有点像组装汽车，先是组装所有的塑料钻头，然后是所有的金属钻头，然后是所有的橡胶钻头......
你的结构确实是最重要的，因为它专注于内容。如果你曾经重新设计你的网站，你只需要改变 CSS 和 JS 而不是全部，所以……首先是 HTML。然后是 CSS，因为有些人在禁用 Javascript 的情况下使用您的网站。那么 javascript - javascript 应该是锦上添花，而不是主要焦点。
没有一种“最佳”方式来制作网站，因为这是个人喜好。但是最好事先计划好你打算在网站上放什么。（图纸、模型、动画草图）。如果您在设计网站方面没有太多经验，那么我建议您完全编写 Html，而不仅仅是使用 div，而是使用良好的 Html 实践，例如：i.stack.imgur.com/B73dV.jpg 然后花点时间在 CSS 和 javascript 中设计元素一次你有一个完整的 Html 框架和模型来指导你的工作。

标签： javascript html css

【解决方案1】：

首先在笔和纸或白板（如果有）上线框。之后，您将不再有任何结构问题。

您可以制作一个布局，让您对项目的外观有所了解，它会解决很多早期的开发/设计问题，然后您可以同时处理 HTML 和 CSS。一旦你到达一扇金色的门，但里面并不那么金色。您将添加 JS，并更改/添加一些必要的 CSS。另外，在做 JS 时，你应该记住一个问题“我需要这个还是 CSS/HTML 也需要这个”。

【讨论】：

我知道你还不能发表评论，但你甚至没有提到 OP 在他的问题中提到的三件事：html、js 和 css。所以... 无关。
你说得对，那我就让它变得相关。
@Hammster 我不会费心试图让它相关，因为这个问题不会在这里停留更长时间。你提出了一个很好的观点，应该就这样吧，我会支持你帮助你更快地参加 cmets。
@AdamBuchananSmith 我同意。
@Hammster 哈哈，当我写这篇文章时它被搁置了......告诉你。