1.什麼是web？

2.web開發流程

1. 需求分析

• 瞭解客戶需求，產出文件：需求分析文件（功能分析、功能的業務流程、功能實現的頁面流程。）

• 分析出有多少張頁面？

• 產出專案的線框圖

• 產出低保真的原型圖

• 產出高保真的原型圖（近似真實專案介面）

• 給客戶看，客戶確定滿意度。

  

2.設計

• 根據原型圖或線框圖，UI做效果圖的設計；
• 後端人員給功能和業務流程，設計資料庫。
• 前端可以思考專案工程架構。技術棧的選擇。制定專案開發標準。

3.編碼

• 前端根據需求分析文件和UI的效果圖，就可以寫頁面；
• 後臺就可以寫伺服器程式碼和資料庫程式碼。

4.測試

• 開發環境的測試=生產環境的測試；

5.維護

• 測試無bug後，就交給客戶或運營部去實施網站運維。
• 在運營中，如果發現要改變需求，重新去進行前四步。

3.網站分類

4.網站的功能

功能是一種直接分析出來應該有什麼功能，功能在業務中，是存在資料的操作，如登入時，進行查詢使用者是否存在，如果存在就成功登入。功能會和後臺的資料互動，實現增刪改查。

功能：在網頁上是可見的，因為網頁是功能的載體。必須在頁面中顯示出這些功能的入口和出口，以及業務流程的展示過程。

通過分析功能的業務流程，就可以分析出多少張頁面，以及頁面該展示哪些內容，和展示的方式。

最終根據分析，繪製原型圖。

5.網頁的佈局和內容

6.PS基礎及切片

1.新建（網頁只支援RGB顏色）

設計原始檔的預設格式：.psd（具有圖層的管理功能）
RGB顏色： Red，green，blue 三原色；

2.摳圖
磁性套索工具（選擇頻率大小控制錨點）進行邊框勾勒，修改選區，套索工具：shift+，Alt-所需要修改的區域，Ctrl+J:選區中的內容，儲存到新圖層；

3.切片
開啟需要切片的psd原件，然後顯示需要切片的圖層，隱藏其餘圖層，選擇左邊工具欄切片工具內的切片工具選項，開始切片。選擇切好的圖片，右鍵“編輯切片選項”，給它重新命名；選擇檔案選單下的“儲存為web所用格式”，選擇對應的格式後，點選儲存（注意儲存名字不能為中文）。

4.常用的3種網頁檔案格式
.jpg：一般用於照片、高清大圖，可以儲存更多色彩；
.png：常用的圖片都可以是png，儲存的色彩數量比jpg少， 背景支援透明；
.gif：背景透明、動圖。