1. <strike id="yxst4"></strike>
        1. <li id="yxst4"></li>
          <li id="yxst4"><pre id="yxst4"></pre></li>
          <track id="yxst4"></track>
          1. 歡迎訪問邯鄲翱翔電腦學校

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

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

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

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

            小組成員:

            組長:賈東軒

            組員:常韓語、劉佳鵬


            目的

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

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


            范圍

            適用于網頁購買


            各個模塊的介紹

            一、首頁

            首頁頁眉由

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


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

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

            首頁主體的商品圖是由

            標簽嵌套的

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



            二、蛋糕

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

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


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

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


            三、零食

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

            兌換

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

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

            標簽,主體兌換商品采用

            嵌套

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


            蛋糕詳情

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

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


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

            登錄

            登錄界面是用

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


            購物車

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

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

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


            推薦商品是

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


            結算加支付

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

            標簽和

            標簽進行的布局


            Copyright (c) 2006-2021 邯鄲翱翔