歡迎訪問邯鄲翱翔電腦學校

邯鄲翱翔學校地址:河北省邯鄲市邯鄲學院北路滏西大街交口西北角  咨詢熱線:15333301535
熱門文章
學員作品您當前所在位置:首頁 > 學員天地 > 學員作品

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

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

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

小組成員:

組長:賈東軒

組員:常韓語、劉佳鵬


目的

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

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


范圍

適用于網頁購買


各個模塊的介紹

一、首頁

首頁頁眉由

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


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

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

首頁主體的商品圖是由

標簽嵌套的

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



二、蛋糕

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

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


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

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


三、零食

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

兌換

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

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

標簽,主體兌換商品采用

嵌套

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


蛋糕詳情

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

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


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

登錄

登錄界面是用

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


購物車

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

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

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


推薦商品是

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


結算加支付

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

標簽和

標簽進行的布局


Copyright (c) 2006-2021 邯鄲翱翔