前端網頁設計 - [6組] 共享版

簡介

成員

主題 ❤樂 手機殼設計

04 李畇熹

12 楊燾嘉

17 林子文

01 吳政信

24 吳佩容

18 黃欣怡

網頁基本架構 - 至少6頁

❗ CC 產品訂製說明(=>另頁)

DD 首頁

購物車檢視

DD 登入頁面(=>另頁)

聯絡我們(=>另頁)

網頁基本功能

💥手機殼款式

款式 B-1 image

款式 B-2 image

款式 A-2 image

款式 C-1 image

款式 A-1 image

🔥圖樣套用

幾何圖樣

動漫圖樣

卡通圖樣

coggle 快捷鍵

項目操作

分支操作

刪除分支: ctrl + 點擊 ❎

插入分支: :shift + 點擊↓

移植分支: shift + 拖曳↓

新項目: shift + enter

新的子項: tab

跳到上層: shift + tab

編輯相關

放大: ctrl + 滑鼠滾輪

還原: ctrl + Z

重做: ctrl + shift + Z

漸層色/單色

網頁參考

素材圖樣

CC A. 訂製功能
(另頁 in div)

EE 💥A-1. 手機殼款式(radio)

EE 🔥A-2. 圖樣套用(radio) 2layer

購物車編輯

圖片輪播(content欄)

參考

產品 logo(Nav欄)

文字 ?

button + radio(color)+款式選取

button + radio(color)+樣式選取

設計

按鈕

hover to shadow and change txt color

連結

hover to border

BB 登入(=>另頁)

AA 註冊(=>另頁)

姓名(required)(required)

密碼(2次確認)(required)

電話(required)(格式驗證?)(required)

帳號

e-mail(格式驗證?)

密碼

送出按鈕

送出按鈕

CC B. 訂單發送(另頁 in div)

?Google Map?

FF B-1 付款方式
list box

FF B-2 送貨方式
list box

貨到付款

ATM轉帳

7-11

宅配

轉帳資訊

電話

地址

CP caseprint

17 EE BB
01 CC FF
12 DD AA

資料夾結構

images

js

css

xxx.html
yyy.html
.......
.......

AA 註冊
BB 登入
CC 訂製
DD 首頁
EE 機殼樣式
FF 付款 送貨

click to edit