來(lái)源
bilibili黑馬程序員赊淑，2020前端的一個(gè)項(xiàng)目国旷，如有侵權(quán)误趴，聯(lián)系刪除
網(wǎng)站制作流程
- 客戶溝通薇芝，制作方案
- 簽訂合同
- 預(yù)付定金
- 初稿審核
- 前臺(tái)頁(yè)面設(shè)計(jì)，后臺(tái)功能開發(fā)
- 測(cè)試驗(yàn)收
- 上線培訓(xùn)
- 后期維護(hù)
整體介紹
- 項(xiàng)目名稱： 品優(yōu)購(gòu)
-
項(xiàng)目描述： 品優(yōu)購(gòu)是一個(gè)電商網(wǎng)站丰嘉，我們要完成PC端首頁(yè)夯到、列表頁(yè)、注冊(cè)頁(yè)面的制作
image.png
學(xué)習(xí)目的
- 電商類網(wǎng)站比較綜合饮亏，里面需要大量的布局奇數(shù)耍贾，包括布局方式，常見效果以及周邊技術(shù)
- 品優(yōu)購(gòu)項(xiàng)目能夠復(fù)習(xí)路幸，總結(jié)荐开，提高之前基礎(chǔ)布局技術(shù)
- 寫完品優(yōu)購(gòu)項(xiàng)目，能對(duì)市局開發(fā)中制作PC端頁(yè)面流程有一個(gè)整體的感知
- 為后期學(xué)習(xí)移動(dòng)端打下基礎(chǔ)
開發(fā)工具和技術(shù)棧
- 開發(fā)工具
VS Code简肴， Photoshop晃听，Chrome瀏覽器 - 技術(shù)棧
- 利用HTML5 + CSS3手動(dòng)布局，可以大量利用H5新增標(biāo)簽和樣式
- 采取結(jié)構(gòu)與樣式相分離砰识，模塊化開發(fā)
- 良好的代碼貴伐有利于團(tuán)隊(duì)更好的開發(fā)寫作能扒，提高代碼質(zhì)量，因此品優(yōu)購(gòu)項(xiàng)目里面辫狼，需要遵循代碼規(guī)范
總結(jié)
- 品優(yōu)購(gòu)項(xiàng)目整體介紹（制作首頁(yè)初斑、列表頁(yè)、注冊(cè)三個(gè)頁(yè)面）
- 品優(yōu)購(gòu)項(xiàng)目學(xué)習(xí)目的（里面包含技術(shù)較多膨处，能極大鍛煉我們布局技術(shù)）
- 開發(fā)工具和技術(shù)棧（切圖有ps见秤，代碼用vscode砂竖，測(cè)試用chrome，大量使用html5+css3）
