规划和开发新网站的一般流程是什么?


10

我在一家主要从事软件开发的机构工作,但是有时微型站点是我们解决方案之一的附件,因此我们需要构建它。

我试图定义创建这些网站的过程,但是我不知道每个任务通常按什么顺序完成,特别是我试图弄清楚应该在何时写入任何副本/静态内容。

我可以想到一些任务,例如:编写静态内容,设计,线框,定义关键字和SEO,编码。但我不确定以什么顺序解决它们。


素描是最好的开始。
SaturnsEye,2014年

您是否想要设计师采用的轮廓?如果是这样,我认为斯科特的答案是正确的。还是您要客户概述的轮廓?如果是这样,我认为还有两点可以提及。
瑞安(Ryan

Answers:


7

对我来说,许多领域在一定程度上可以重叠。

  • 通过草图,线框,注释,讨论,预算等定义需求(必须排在第一位)

  • 线框图-内容可以开始写在这里或至少概述。关于内容大小的粗略想法将有助于线框图,因此真正的写作和线框图可以一起使用。

  • 线框批准

  • 完成内容-可以在此处开始进行早期的设计粗略工作,但是直到完成静态复制后才能完成。

  • 内容批准

  • 完成设计/关键字/编码-在充实设计时可以找到关键字。根据工作习惯,可以开始编码以完成设计。

  • 设计批准

  • 完成编码/ SEO-编码和SEO可以并驾齐驱。您知道,同时要考虑SEO的代码开始计划外部SEO策略等。

  • 代码批准

  • 正在进行的SEO /维护。


1
重叠是过程的最佳部分。如果您与团队合作,则可以同时开发线框和内容,并且在线框完成后就可以(单独)开始编码和设计。当然,内容可以在整个过程中进行调整,但是我将更早地与不断发展的内容紧密结合来开始SEO。
Blazemonger,2014年

5

我的项目工作流程通常是这样的:

  1. 与客户会面以收集需求(确定他们的需求)
  2. 确定要使用的后端策略(编程语言,平台等)
  3. 创建线框以概述站点或应用程序的工作方式以及基本元素的去向
  4. 与客户一起审核线框
  5. 设计模型-这些可以是HTML / CSS模型,也可以是在Illustrator或Photoshop中设计的图像
  6. 与客户一起审查样机
  7. 根据客户反馈编辑样机
  8. 创建工作产品

理想情况下,客户会在过程中尽早获得真正的内容,但现实情况可能会在稍后出现。我将注意到,我创建了许多基于Web的应用程序,因此我们在需求阶段确定基本功能并在设计时考虑到这些功能。


2

我从博客中获得了一些信息

http://sixrevisions.com/web-development/a-6-step-general-process-for-production-a-website/

在此处输入图片说明

  1. 学习

    让您感到惊讶的是,学习-首先发现并了解您需要构建的内容-是整个
    网站设计过程中最重要的部分。

  2. 创意简介

    您应该以您和客户最满意的方式获取此信息-但无论您做什么,都不要跳过创意简介,因为它会成为项目的命脉。

您应该在创意简介中问什么样的问题?至少要找出:

  • 客户的目标受众
  • 他们对网站的主要和次要目标
  • 当前的品牌特征预算
  • 他们需要满足的截止日期

3. 计划

一旦了解了需要构建的内容,就该开始计划如何实现它了。在开始设计网站之前,您需要首先确切地知道什么以及如何设计它-一切都始于制定设计策略。

4. 设计

准备开始设计后,请记住,您需要设计的不仅仅是主页。您还需要为网站的子页面设计。有时设计首页概念,对其进行切片并开始编码可能很容易

5. 代码

设计了一个杀手级的产品后,您需要将其变成一个真正的实时网站。无论您要使用哪种内容管理系统,安全的赌注都是从通用HTML和CSS开始

6. 发射

当您最终完善了该网站后,就该将其发布给公众了。对于不同的人来说,启动可能意味着不同的事情,这主要是因为那里存在各种内容管理系统和开发环境。

7. 维护

在计划阶段,您应该确定谁负责现场维护


是的,正如用户所说,请找到您使用的参考文献,否则社区可能会否决您的答案。
DᴀʀᴛʜVᴀᴅᴇʀ

1

这可能会有所帮助。有一些好的网页设计原则

谷歌手册网络基础

该手册是用于多设备Web开发的综合资源。因此,它分为4类:

多设备布局-创建灵活的(而不是固定的)布局,无论使用哪种设备,都可提供出色的体验

图像和视频—合并图像,音频或视频,然后学习如何使图像具有响应能力,添加视频并为旧平台提供替代方案。目前正在开发音频

表单和用户输入-创建使用语义输入类型和响应触摸和其他手势的元素的表单。

优化性能—了解浏览器对象模型如何通过HTML和CSS构造页面。还有其他页面规则和建议可优化数据传递

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.