7. 規劃商品展示資料結構

一、繪製前台草稿

1. 首頁草稿
2. 商品展示草稿
3. 關於我們草稿
4. 聯絡我們草稿

二、製作合適的樣板，平常可將一些常用的套件，單獨製作成一個html檔，這樣方便日後使用

1. index.html
2. prod.html
3. about_us.html
4. contact.html
5. nav.html
6. slider.html

三、規劃資料庫結構

1. 類別、輪播、導航資料表 ugm_kind
2. 商品檔資料表 ugm_prod
3. 系統檔資料表，存放一些變數用 ugm_system => 自動表單
4. 聯絡我們資料表，前台表單，後台管理 ugm_contact
5. 圖片檔資料表 ugm_files

四、建立後台

1. 類別管理：新增、編輯、刪除、查詢
2. 輪播管理：新增、編輯、刪除、查詢
3. 導航選單：新增、編輯、刪除、查詢
4. 商品管理：新增、編輯、刪除、查詢
5. 系統變數：自動新增、編輯、查詢(可製作關於我們所需的資料)
6. 聯絡我們：編輯、刪除、查詢，在前台由網站使用者填報

五、善用假圖：http://fakeimg.pl/