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：可以是背景透明，動圖。