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. 新浪微博之XSS蠕虫脚本源码讲解

    主要是因为新浪的广场页面有几个链接对输入参数过滤不严导致的反射性XSS.======================================== 微博XSS漏洞点 weibo.com/pub/ ...

  2. svg琐碎01

    svg中的<g>主要用来做分组的定位,使用transform="translate(xOffset,yOffset)" 更改起始坐标. transform中的坐标是相对 ...

  3. 定位position详解:relative与absolute

    定位标签:position 包含属性:relative(相对) absolute(绝对) 1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上.然后通过设 ...

  4. centos 安装软件

    1)一种是软件的源代码,您需要自己动手编译它.这种软件安装包通常是用gzip压缩过的tar包(后缀为.tar.gz).2)另一种是软件的可执行程序,你只要安装它就可以了.这种软件安装包通常被是一个RP ...

  5. STM32 对内部FLASH读写接口函数

    因为要用内部FLASH代替外部EEPROM,把参数放在STM32的0x08000000+320K处,其中20K是bootloader,300K是应用程序. 原理:先要把整页FLASH的内容搬到RAM中 ...

  6. 虚拟专用网络VPN

    寒假回到家里需要下载论文,怎样才能访问学校图书馆的数据库呢?解决方法是学校图书馆在内网中架设一台VPN服务器,VPN服务器有两块网卡,一块连接内网,一块连接公网.然后就可以通过互联网找到VPN服务器, ...

  7. hdu 4745 Two Rabbits

    思路:求最长回文子串的长度!代码如下: #include<iostream> #include<stdio.h> #include<algorithm> #incl ...

  8. hdu 3404 Switch lights 博弈论

    主要是求NIM积!!! 代码如下: #include<iostream> #include<cstdio> #include<stack> #include< ...

  9. Linux操作系统下的Sudo命令

    查看.修改或者执行某些命令需要root用户的权限,如果不想直接切换到root用户,就可以使用sudo命令.sudo命令用于针对单个命令授予临时权限.sudo仅在需要时授予用户权限,减少了用户因为错误执 ...

  10. http://blog.csdn.net/wxwzy738/article/details/16968767

    http://blog.csdn.net/wxwzy738/article/details/16968767