Answers:
我的过程通常看起来像这样：
1.特点。用铅笔和纸布置将构成站点的独特功能/页面。这引起了广泛的中风问题-您是否正在为妈妈建立一个简单的信息和图形站点？小型企业的电子商务解决方案？一个摄影师朋友的博客/画廊？您的答案将决定您需要遵循的构建路径。这个阶段还可能涉及与客户或驾驶船的人（如果不是您）进行大量讨论。
2.线框。布置好所有必要的功能后，制作线框。可以在纸上使用，也可以使用Fireworks之类的工具来构建非常简单的导航功能。如果您正在使用wordpress等CMS，如何处理您的静态内容？这也可能是开始考虑文件结构的好时机。如果您的项目需要自定义数据库，那么现在也是时候开始计划其设计和实现了。这是至关重要的阶段，因为如果发生错误或发生项目蠕变，智能计划将节省大量回溯和返工。
3.技术。在计划阶段相对完成后，请选择您的技术。您在做纯HTML吗？在灯的环境下的PHP CMS？.net MVC店面？这些问题可能会影响所需的托管环境以及运行该设备的成本。如果您要进行店面销售，那么这里的安全性是首要考虑因素（例如，SSL和PCI兼容性）。确保您已经建立了一个不错的测试环境（本地主机，否则）。
4.设计/布局。确定要素列表和线框后，就可以开始考虑网站的设计了。显然，知道要填充哪些内容是先决条件。我喜欢在photoshop中工作，并大量使用文件夹作为标记结构的类似物。我甚至用预期的标记和CSS标识符来命名它们。尽管在您变得非常详细之前做一些自由形式的绘图可能是明智的。我倾向于使用将从中提取元素的“布局”文件，并放入“过程”文件中，这些文件是我用来输出生产图形的文件。
5.标记/ CSS。一旦完成了非常干净的设计（考虑到进入生产模式，它肯定会弯曲一点），就可以开始编写标记。我通常希望有一个标准的布局来容纳网站中的所有内容。所以-清洁和灵活应该是这里的重点。在开始编写CSS之前，布局标记应该相当完整，但是我发现它们在相互交流方面起到了很大作用。在这一阶段，您还将做很多SEO优化（正确命名图像或A标签，元信息，文档类型等）。
5.1主题管理。如果您使用的是CMS，并且您的设计将被用作自定义主题，请找到一些有关如何针对预期应用程序正确执行此操作的教程。坦率地说，这可能令人生畏；）在将其分解为主题元素之前，我将始终使用相当完整的CSS构建静态标记布局。
6.行为。当您的标记和CSS看起来相当完整，并且您的主题已经准备就绪时，您就可以开始开发行为（翻转等）。不引人注意的javascript很重要，除非您使用了绝对需要它的功能（Ajax繁多）画廊或数据驱动的Flash内容）。一般规则是-如果有人在关闭javascript的情况下访问您的网站，他们会看到什么？我有时会删除静态元素，然后在运行时用交互式版本替换。
7.内容。除非设计依赖于内容（例如，图像有时是内容）=我通常使用占位符文本/图形，直到设计和行为被很好地确立为止。避免重复工作。如果要填写产品数据，则需要进行仔细的错误检查和测试。
在这一点上，似乎总是有一个返工，修复和抛光的时期。但是，从本质上讲，是时候让它变得生动起来了。然后去吃小吃。
嗯 我想那不只是“如何开始”。但无论如何，也许有帮助。祝好运！
我的工作流程的第一部分是问为什么？如果我与客户一起工作，则需要确保他们对他们希望网站完成的任务有明确的定义。
告诉我一些关于你自己以及你为什么这样做的事情。
谁是客户？他们的具体需求/痛苦是什么？请提供给我-一些不同类型的客户，他们需要什么，网站将为他们做什么的特定示例。
告诉我有关的业务。您到底是做什么的？
是什么让您比下一个男人更好？
如果您正在搜索服务，则您的公司提供了您要在Google中键入的内容才能找到它？
如果您为自己建立站点，那么您最好已经知道这些答案是什么。
如果根据上述问题的答案确定这些人是认真的，实际上是个好主意。然后继续（请记住，您尚未获得报酬，但是如果您希望他们雇用您，最好把他们的袜子踢开。）
花一些时间研究客户及其业务。找出他们过去的成功以及遇到的任何问题。您是他们雇用的第三个开发商吗？其他两个家伙怎么了？
找出客户的需求。您将为谁建立这个网站。该客户是60岁退休的老兵还是16岁整日在Facebook上玩Farmville的面临粉刺的孩子。
找出谁是竞争对手。他们可能甚至不知道。对5到10个竞争对手进行竞争分析，找出我们需要加入谁才能成为奴隶。这是您需要知道关键字目标是什么的阶段。任何以后，您已经失败了。
让他们了解您的业务，并提出网站协议/建议，并在他们同意后准备好合同。获取签订的合同和50％的订金，然后继续执行步骤3。
这里有一个共同的主题：在所有这些情况下，任务都与产品本身无关。如果您真的很认真，使命就是“只是”要求产品变得绝对惊人，以便您做到这一点。如果您愿意：这些任务都是解决之道，为什么我们只是添加了该新功能？不是，我们要添加什么新功能？- 本杰明·波拉克（Benjamin Pollack）。
需要建立时间表，以便每个人都有自己的期望。
这是大多数人的起点，因此我将解释我的流程，但您必须决定哪种工作流程最适合您的情况，团队，客户等。
对我来说，内容至上。我确保在编写任何代码之前，客户端已完成大部分工作。我们不是在谈论最终的草稿编辑，而是或多或少地将要在页面上显示的文字。如果涉及营销团队，则可能需要一段时间。
您应该已经对网站的外观有所了解。您应该有内容。现在，您需要研究布局和一般设计原则，以实现您在步骤3中提出的目标。
我讨厌线框，但了解它们是必需的。仅仅因为您知道网站的外观，您的客户可能就不知道。这是为了保护您和客户。当每个人都高兴的时候，让他们签字说“这就是我们要付给您的建造费用”。
前端开发和UI-浏览器中的 HTML，CSS和设计，这是Andy Clarke的精干技术。当我知道可以演示更逼真的更快的模型时，也让我在开发上处于领先地位，我已经在Photoshop中浪费了太多时间，这让我感到厌倦。
您终于可以得到一些乐趣。为了让您和客户受益，请在开始之前设置版本控制。由于您正在执行版本控制，因此您应该继续进行并设置错误跟踪。
还记得我们拥有的内容吗？现在是必须对其进行复制编辑的时候。我很烂，所以我尝试雇用其他人或确保很多人阅读它。检查并确保我们在步骤2中讨论的那些关键字针对SEO进行了优化。如果我们的内容很棒，并且实际上是关于这些关键词的，那么这应该很自然。
让真正呼吸的人坐在您的站点前，并开始使用它。我喜欢征召我的母亲，她的母亲有时会打电话，并且想知道为什么她的打印机无法打印（妈妈，必须先插入）。这类用户需要能够浏览您的网站，除非当然使用的是上面的16岁的面对小孩子的例子。
确保每个人都知道谁负责对抗服务器野兽。
一个月之内，请回顾一下我们所做的竞争分析，并将我们的站点与所分析的站点进行比较。使用这些数据来创建您的SEO计划，不，我不是在谈论蛇油SEO，而是在确保您仍在生成相关内容，网站自然地链接到您（因为您太酷了）和标题标签匹配正文。除非您的Stack Overflow和拥有1,410万用户的军队为您生成高质量的内容，否则SEO是一个漫长的过程。
质量内容和您在“有连字号的网站”上找到的内容之间存在很大差异，我将不会链接它们。（以防止无汁果汁均匀地滴在上面）。
一切正常吗？完成令人敬畏的建设任务已实现？制定启动计划并执行。
如果您在第1步至第6步中正确地进行了所有操作，那么发射将轻而易举，这可能会给您带来麻烦。为他们做好准备，并纠正所有错误。
发送发票，冲洗并重复。