第一章 WEB应用程序开发流程

WEB应用开发详解:从需求到实现
本文详细介绍了WEB应用程序开发流程,包括需求分析、设计、编码、测试和维护等阶段。需求分析涉及网站类型、用户群体、市场价值、竞品分析和业务功能等要素。网页制作中常用工具有XMIND、Axure RP、Photoshop和Webstrom等。内容涵盖从页面架构到用户交互,强调了统一性、对齐原则和间距设计在网页设计中的重要性。

1、什么是web应用

  • web:需要用浏览器浏览的网页。
  • web应用程序:基于浏览器运行浏览的应用程序。
  • B/S(浏览器/服务器):优点:不用下载、不占内存、跨平台、维护性强;缺点:速度慢。
  • C/S(客户端/服务器):优点:速度快;缺点:需要下载、占内存、不跨平台、维护性差。

2、WEB应用开发流程

  • 需求分析:销售、售前工程师、产品经理、项目经理、需求分析师、功能顾问。
  • 设计:ui设计、架构、原型设计。
  • 编码:前端、后端(Java、python、.net、c、c++)。
  • 测试:自动化测试。
  • 维护:实施工程师、维护工程师。

3、需求分析要做什么?

分析网站类型、分析用户群体、市场价值分析与竞品分析、业务功能分析、业务流程分析。

4、网站有哪些分类方式?

在这里插入图片描述

5、用户群体分析要考虑的因素

用户年龄/性别、选择素材、网站布局、颜色搭配、用户体验及页面交互动效、功能便捷。

6、竞品分析要考虑的因素

  • 主要业务功能是否同样满足用户
  • 独有的特殊功能的核心竞争力
  • 用户操作及体验度是否优化
  • 网站性能是否更加快捷
  • 用户对于网站的依赖程度及习惯度

7、什么是网站的业务功能?

  • 页面架构展示功能:指网站有多少个页面。一级页面、二级子页面、三级子页面,主页面与子页面的关系。
  • 用户操作功能:每个页面有哪些用户操作的功能,也就是产生交互的行为。
    它们之间的关系:一个页面上可以有多个功能,一个功能也可能会跨多个页面。

8、如何写业务流程

  • 写出功能列表
  • 画出功能的入口,出口的整个逻辑

9、网页的基础结构

在这里插入图片描述

10、网页常见的布局结构

在这里插入图片描述

11、网页制作中常用的工具

  • XMIND:完成业务功能、流程图
  • Axure rp:原型图制作
  • Photoshop:处理素材
  • Webstrom:编码、开发
    ……

复习

网站细节:

  • 统一性:色彩、风格、字体、字号、图片风格、图标风格
  • 对齐:左对齐、右对齐(一般不考虑居中对齐)
  • 圆角
  • 间距:行间距、字间距、段间距、图片间距、块与块的距离
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值