咨詢熱線:15333301535

2002班HTML中期項目-諾心蛋糕項目

發布時間:2020-11-30作者: 邯鄲翱翔

簡潔的外觀吸引了人們在網上購買甜點的吸引力;通過在蛋糕店考察,集合了大部分的甜點、零食、和蛋糕。

項目名稱:2002班HTML中期項目-諾心蛋糕項目

小組成員:

組長:賈東軒

組員:常韓語、劉佳鵬

 

目的

(1)、簡潔的外觀吸引了人們在網上購買甜點的吸引力;

(2)、通過在蛋糕店考察,集合了大部分的甜點、零食、和蛋糕。

 

范圍

適用于網頁購買

 

各個模塊的介紹

一、首頁

首頁頁眉由

標簽組成以及頁眉固定定位、鼠標懸浮文字變色、二級菜單;

 

主體大圖由@keyframes關鍵幀制作的漸變輪播圖;

點擊蛋糕、零食、兌換都會進入相應的頁面;

首頁主體的商品圖是由

標簽嵌套的

標簽排列而成以及鼠標懸浮背景顏色變化、圖片2D縮放。

 

 

二、蛋糕

蛋糕頁面由頁眉、主體和頁腳組成。頁眉是用

標簽排列包含鼠標懸浮和二級菜單;

 

主體上方是一張圖片、下面文字用的li標簽、下面的蛋糕商品都是用小塊的

標簽排列而成的包含鼠標懸浮、2D縮放。

 

三、零食

零食頁面的布局和蛋糕頁面基本一致只是是對商品的不同分類;

兌換

兌換頁面是對于蛋糕券的使用兌換,布局采用

標簽對頁眉的排列,主體蛋糕兌換專區和蛋糕券采用

標簽,主體兌換商品采用

嵌套

來完成的布局,商品下面是關于一些蛋糕券的使用規則。

 

蛋糕詳情

詳情可以通過蛋糕頁面進行跳轉。頁眉采用

標簽來進行的布局包含鼠標懸浮、二級菜單

 

主體第一張大圖采用的是關鍵幀自動輪播圖以及下面的復選框、滾動條事件。最下面的圖是對蛋糕的一些介紹

登錄

登錄界面是用

標簽、文本框、密碼框做的登錄

 

購物車

購物車頁面可以通過加商品入購物車進行跳轉

頁眉和首頁的布局一致。主體是通過多個小

標簽進行的布局以及鼠標懸浮旋轉、二級菜單和列表框的效果,下面有兩個通過關鍵幀制作的商品自動輪播圖。

 

推薦商品是

標簽布的局以及下方的結算是固定定位

 

結算加支付

結算和支付頁面都是通過多個

標簽和

標簽進行的布局



 

關于我們
翱翔簡介
誠聘精英
中職專業
計算機應用與維修專業
計算機網絡應用專業
電子商務專業
計算機程序設計專業
少兒編程專業
智能機器人專業
實訓部專業
大數據專業
移動應用開發專業
云計算專業
軟件工程專業
幫助中心
就業匯總
預約試聽