web development是一个创建和实施一个新的互联网展示的过程,web网站可以是个非常成熟包罗万象的网站,也可以只是一个blog或者一两个页面。如果未做好充分的准备,web开发将是一个非常复杂和令人沮丧的过程。

下面我们列出在这个过程中,我们需要考虑的几个方面,这不是一个非常严谨的过程,而只是一些我们必需在不同阶段需要慎重考虑的备忘,不用担心当我们在开发阶段又回过头去做更多分析。你可能甚至需要对每一个步骤在网站各个不通方面的功能做考虑。比如,当你发现需要一个新的email form时,你可能需要做更多的analysis工作。

the steps are as follows:

  • Analysis

需求分析是最重要的步骤,将你所搜集到的真正需求写下来,不断提炼细化。

以下问题需要明确回答: 谁是你的访客?他们需要从你能提供的服务中想要什么?他们如何获得你的产品/服务?你如何计量你的成功?

Audience
What is the primary purpose of the website?
Who are the audiences for this website?
How will users learn about the site (other than search)?
What are the key reasons users would use the website?
Why would users return to the website?
Content
What will be the primary content for the website?
What other content elements should exist to support the primary purpose of the site?
How should visitors perceive the website based on its content?
What writing style (professional, friendly, etc.) will be used to connect with the audience?
What content already exists? What content needs to be created?
Communication
How will the visitors interact with the website?
How will the visitors interact with other visitors?
What primary message should the website communicate?
What other messages are important to communicate?
What are the objectives and goals (both long and short term) of the project?

graphic design considerations

development schedule

  • project defination

在这个阶段,你希望清晰地说出你将研发的具体是什么。将包含什么内容?他们又是如何被组织在一起的?各个不同部分是如何工作的? 你准备以什么频率来更新他们?什么内容是你必需拥有的?(产品描述,订单信息,公司历史等。。)

在这个阶段开发人员需要创建一份 requirement document.它将列出所有最终能够拼接成最终产品的各条需求。起始于一条条的需求更改,不断的加入细节。

  • design and development

到这个点上,你应该可以之处你的网站将长成什么样子,可视化的sitemap可以帮助决定你应该需要哪些page以及他们是如何链接在一起的。你可以wireframe这些page。一旦有了这些wireframe,就可以开始graphic design了。

  • coding/content writing

对于web developer,这意味着写html, css.

内容的填写可能是最繁琐的工作,通常,人们在这时可能会发现缺少一些页面,比如当填好form提交后,应该有一个thank you page

  • testing
  • launch

web开发workflow的更多相关文章

  1. 12款简化 Web 开发的 JavaScript 开发框架

    前端框架简化了开发过程中,像 Bootstrap 和 Foundation 就是前端框架的佼佼者.在这篇文章了,我们编制了一组新鲜的,实用的,可以帮助您建立高质量的 Web 应用程序的 JavaScr ...

  2. .Net Web开发技术栈

    有很多朋友有的因为兴趣,有的因为生计而走向了.Net中,有很多朋友想学,但是又不知道怎么学,学什么,怎么系统的学,为此我以我微薄之力总结归纳写了一篇.Net web开发技术栈,以此帮助那些想学,却不知 ...

  3. [转载].NET Web开发技术(补充)

    大家在工作应该养成善于总结的习惯,总结你所学习.使用的技术,总结你所工作事项的比较好的地方,善于总结不断的沉淀优化自己.适时停下来总结下过去走过的路,才能让我们的未来走的更坚定.文章转自JamesLi ...

  4. 通俗易懂,什么是.NET?什么是.NET Framework?什么是.NET Core? .Net Web开发技术栈

    通俗易懂,什么是.NET?什么是.NET Framework?什么是.NET Core?   什么是.NET?什么是.NET Framework?本文将从上往下,循序渐进的介绍一系列相关.NET的概念 ...

  5. .Net Web开发技术栈 收藏

    原文:http://www.cnblogs.com/1996V/p/7700087.html#!comments 有很多朋友有的因为兴趣,有的因为生计而走向了.Net中,有很多朋友想学,但是又不知道怎 ...

  6. 【Java Web开发学习】Spring MVC 拦截器HandlerInterceptor

    [Java Web开发学习]Spring MVC 拦截器HandlerInterceptor 转载:https://www.cnblogs.com/yangchongxing/p/9324119.ht ...

  7. 为什么做java的web开发我们会使用struts2,springMVC和spring这样的框架?

    今年我一直在思考web开发里的前后端分离的问题,到了现在也颇有点心得了,随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑 ...

  8. Go web开发初探

    2017年的第一篇博客,也是第一次写博客,写的不好,请各位见谅. 本人之前一直学习java.java web,最近开始学习Go语言,所以也想了解一下Go语言中web的开发方式以及运行机制. 在< ...

  9. 【初码干货】使用阿里云对Web开发中的资源文件进行CDN加速的深入研究和实践

    提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OS ...

随机推荐

  1. Sqlite中使用rowid来表示行号,用于分页。

    在SQLite的查询结果中显示行号,可以使用select rowid as RowNumber ,* from WSCLanguage: select rowid as RowNumber ,* fr ...

  2. redis cluster安装部署(测试环境)

    redis 应用于web前端,做缓存和数据存取的速度是挺可观的,最近看了一些资料,手痒了,就弄了一个测试环境,两台方案,试用一下. ##Redis 集群部署## 一,方案调研: 参考博客: http: ...

  3. doctype声明、浏览器的标准、怪异等模式

    doctype 标准(严格)模式(Standards Mode).怪异(混杂)模式(Quirks Mode),如何触发,区分他们有何意义? 触发标准模式 1.加DOCTYPE声明,比如:<!DO ...

  4. Web App中的Flexbox应用

    虽然语法可能比较混杂,但 Flexbox 还是名不虚传的.它创造的是可伸缩的.有弹性的.可改变视觉顺序的智能盒子.它提供了简单的CSS布局方案范例让容器总是处于垂直水平居中的位置.使用盒模型来工作是非 ...

  5. C# 给数据库传入当前时间

    DateTime time=DateTime.Now; // 存储过程中用一个 @addTime DateTime --接收DateTime 类型接收

  6. hdu 4462(状态压缩)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4462 思路:由于数据不大,可以直接将所有的状态表示出来,然后枚举,判断能否将方格全部覆盖. http: ...

  7. 妙味课堂——HTML+CSS(第二课)

    常见标签——img标签 <img src="图片地址" alt="图片名"/> alt属性是图片名字,是给百度搜索引擎抓取使用的.也有当图片地址不正 ...

  8. 欧拉工程第52题:Permuted multiples

    题目链接 题目: 125874和它的二倍,251748, 包含着同样的数字,只是顺序不同. 找出最小的正整数x,使得 2x, 3x, 4x, 5x, 和6x都包含同样的数字. 这个题目相对比较简单 暴 ...

  9. mysql新建用户本地无法登录

    mysql新建用户本地无法登录 MySQLDebianGoogleAccess  出此是用mysql,因为root权限过高,所以新建一用户appadmin,权限仅为要用到的数据库.创建语句如下:gra ...

  10. java多线程之队列

    1.注:先不看阻塞与否,这ReentrantLock的使用方式就能说明这个类是线程安全类. 2.线程安全的类,BlockingQueue,ConcurrentLinkedQueue.这些都是线程安全的 ...