什么是WEB
网络应用
1.你熟知的WEB应用程序?
聊天工具:QQ ,微信,微博
网站
APP,小程序
游戏:王者荣耀等
2.从开发的角度,去分类,可以应用程序成两类:
C/S:client/server(必须要安装一个客户端软件才可以使用),如:QQ,微信,APP,王者荣耀
优点:运行速度非常快,用户体验效果更加。
缺点:占用很多硬盘空间。
B/S:browser/server(因为系统中已经安装了浏览器,使用浏览器来访问我们的应用程序)。
网站:各种常用的网站,网页游戏都常用B/S开发出来的应用程序。
优点:无需安装客户端,只要有浏览器,网络就可以体验。
缺点:B/S必须依赖于网络,网速的快慢决定了用户的体验。
3.WEB应用程序的开发流程:
3.1 需求分析–明白要做什么?
产出文档:需求分析文档(功能分析,功能的业务流程,功能实现的页面流程)
分析出有多少张页面?=》项目的线框图=》低保真的原型图=》高保真原型图=》给客户看,客户是否满意?
3.2 设计–做成什么样?
根据原型图或线框图,做UI效果图设计
后端人员给功能和业务流程,设计数据库。
3.3 编码–集体实现
根据需要分析文档和UI的效果图,就可以写页面。
后台就可以写服务器的代码和和数据库的代码。
3.4 测试–测试实现的效果
开发环境的测试=》生产环境的测试
3.5 维护–维护应用,更新版本
测试没有BUG,就交给客户或者运营部去实施网站的具体的运营维护。在运营中,如果发现要改变需求,重新去做前面四部
4.网站分类:
4.1 网站类型划分:
产品展示推广、企业机构的网站、电子商务、搜索引擎、综合门户、多媒体互动…
4.2 固定分辨率网站:固定页面的大小、最大宽度。
响应式网站:根据浏览器的大小不同来展示页面。
瀑布式网站:页面分队列来展示,每个内容的高度不一样,而宽度一致。
4.3 网站布局分类:
流式分布:类似于瀑布流式网站
水平方向布局
垂直方向布局
5.网站的功能:
功能一种是直接分析出来,应该有什么功能,功能在业务中是承载数据的操作。如登陆时,进行查询用户是否存在,如果存在
在网页上是可见的,因为网页是功能展示的载体。所以必须在页面中显示出这些功能的入口和出口,以及业务流程的过程展示。
通过分析功能的业务流程,就可以分析出有多少张页面,以及页面应该展示哪些内容,和以什么方式来显示内容。
最终根据分析,去绘制原型图。
6.网页的布局和内容:
网页的布局和内容要求做到整体风格的一致性,布局有统一性,以及色彩的搭配和素材的选用或处理上都有严格的要求。
7.网页分三部分
页头:LOGO,主要的导航信息,搜索,登录,注册…
内容
页脚:辅助导航信息,IPC,技术支持,公司的联系方式,地址,电话,友情链接。
8.PS基础:
设计源文件的默认格式:psd;具有图层的管理功能。
RGB颜色:red,green,blue三原色
ctrl+J:选区中的内容,保存到新的图层。
ctrl+ -/+:缩小、放大
H按着不放:可以移动图层
ctrl+T:自由变换工具
9.常用的3种网页文件格式:
jpg:一般用于图片,高清大图的保存,存储更多色彩,字节数要大点。
png:常用的图片都可以是png,存储的颜色数量比JPG少。背景支持透明的。字节数比jpg少
gif:背景透明,动图。