web应用

1、什么是WEB？

网络应用；

2、你熟知哪些WEB应用程序？

聊天工具： QQ,微信，微博，
网站：
APP,小程序。
游戏：王者荣耀等；

3、从开发的角度，去分类，可以应用程序成两类：

C/S: client/server 必须要安装一个客户端软件，才可以使用。如： QQ，微信，APP,王者荣耀.
缺点：占用很多硬盘空间，
优点：运行速度非常快。用户体验效果更佳。

B/S: browser/server 因为系统中已经安装有了浏览器，使用浏览器来
访问我们的应用程序。
网站：各种常用的网站，网页游戏都 常用B/S开发出来的应用程序。
缺点：B/S必须依赖于网络，网络速度的快慢，决定用户的体验。
优点：无需要安装客户端，只要有浏览器，有网络，就可体验。

4、web应用程序的开发流程

• 需求分析—明白要做什么？
• 设计—做成什么样？
• 编码—具体实现
• 测试–测试实现的效果
• 维护—维护应用，更新版本

4.1什么是需求分析

1、网站类型分析
网站到底常见内容有哪些？
- 产出物品：需求分析文档（功能分析、功能的业务流程、以及功能实现的页面流程）
- 分析出有哪些页面，之间的逻辑关系是什么。产出项目的线框图—>项目的低保真原型图—>高保真原型图
做完这些就可以与客户对接啦，与客户沟通，再重复，知道客户满意即可。
- 网站分类：多浏览不同的网站、学习网站展示的东西、网站的色彩搭配、板块布局（页头页尾） - 网站技术分类：
- 固定分辨率网站：固定的页面的大小、宽度大小，不会根据浏览器大小改变。
- 响应式网站：根据浏览器的大小不同，展示页面。页面大小不同展示的内容不同。
- 瀑布流网站：一列一列进行网站素材的展示。页面分多列来展示内容，高度不一致但是宽度一致。

• 网站布局分类：
  • 流式布局，类似于瀑布流式网站
  • 水平方向布局
  • 垂直方向布局

2、针对用户群体
针对什么样的人群？
3、市场价值及竞品分析
存在山歌价值及竞争对手分析是怎样的
4、业务功能分析
主要的业务功能有哪些？
5、业务流程分析
整体网站的流程是怎样的

** 6、网站常见布局**

• 封面型
• “国”字型
• 拐角型
• 标题正文型
• 左右框架型
• 上下框架型
• 综合型

** 7、网页制作中常用的工具**

4.2 什么是设计

根据原型图或先康图，UI做效果图的设计；
后端人员给功能和业务流程，设计数据库。
前端可以思考项目的工程的框架。
技术栈的选择。

4.3 编码

根据需求分析文档和UI的效果图，就可以写页面；
后太就可以写服务器的代码和数据可的代码了。

4.4 测试

开发环境的测试–>生产环境的测试。

4.5 测试

测试没有bug，就交给客户或者公司内部的运营部。
在运营中如果发现需求变动，回到最开始，循环。

补充知识：PS基础

• 设计源文件的默认格式：psd；具有图层的管理功能
• RGB颜色：Red，Green，Blue，三原色；

基本功能

1、画圆，按住shift键
2、画正方形，按住shit键
3、套索工具，shift键是加区域，alt键是减区域
4、Ctrl+j ：选区中的内容，保存到新的图层中。
5、H按住不放：可以移动图层
6、ctrl + t：自由变换工具
7、对抠出来的图层进行二次操作，ctrl

网页常用的3种文件格式：
1.jpg：一般用于图片，高清大图的保存，存储更多的色彩；
字节数大一点
2.png：常用的图片都可以是png，存储的色彩数量比jpg少；
背景支持透明的；字节数比jpg小
3.gif：可以是背景透明，动图。