<strong id="1mzrt"></strong>
  • <strong id="1mzrt"></strong>

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

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

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

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

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

    小組成員:

    組長:賈東軒

    組員:常韓語、劉佳鵬


    目的

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

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


    范圍

    適用于網頁購買


    各個模塊的介紹

    一、首頁

    首頁頁眉由

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


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

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

    首頁主體的商品圖是由

    標簽嵌套的

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



    二、蛋糕

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

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


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

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


    三、零食

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

    兌換

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

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

    標簽,主體兌換商品采用

    嵌套

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


    蛋糕詳情

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

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


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

    登錄

    登錄界面是用

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


    購物車

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

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

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


    推薦商品是

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


    結算加支付

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

    標簽和

    標簽進行的布局


    Copyright (c) 2006-2021 邯鄲翱翔