Web前端介绍

一、Web应用

web：就是网页

web应用：基于浏览器访问的应用程序

网站结构有两种：

1.B/S 浏览器/服务器

        优点：

                          不用下载

                          不占平台

                          跨平台

                          维护性强

         缺点：

                          速度慢

2.C/S 客户端/服务器

         优点：

                          速度快

         缺点：

                          不跨平台

                          占用内存

                          需要下载

                          维护性弱

二、软件开发流程

1.需求分析（最重要）：产品经理 销售 售前工程师 项目经理 需求分析师 功能顾问

2.设计：UI设计 架构设计 原型设计

3.编码：前端 后端开发 数据库（DBA）

4.测试： 测试人员 自动化测试

5.维护： 实施工程师 维护工程师

三、什么是需求分析

         1.网站类型分析

        根据呈现内容来分类：

                  推广展示类

                  机构企业类

                  电子商务类

                  多媒体互动类

                  搜索引擎类

                  综合门户类

         根据技术来分类：

                  固定分辨率网页

                  响应式网页

                  瀑布流式：不需要分页显示，一直滚动则一直加载内容

                 

         2.针对用户群体

         3.市场价值及竞品分析

         4.业务功能分析

                  页面架构

                  功能划分

                  关系：一个页面上可以有多个功能，一个功能可以显示在多个页面上

                  用户操作功能

                  在做需求分析时，首先我们必须先梳理网站有多少个页面组成，他们之间的关系是怎样的

          5.业务流程分析

四、网站是如何构建

         1.网页基本结构：

                  头部 header

                  内容 content

                  底部 footer

                  广告 banner

         2.网页的布局结构

                  封面型

                  国字型

                  拐角型

                  标题正文型

                  左右结构

                  上下结构

                  综合变化结构

         网站细节：

                  1.统一性

                  2.对齐：左对齐、右对齐

                  3.圆角

                  4.间距：行间距、段间距、图片距离、块与块的间距

         Axure:

                  作用：跑业务流程

                  低保真：线框图

                  中保真

                  高保真：和网页一模一样