• <button id="zagvg"><acronym id="zagvg"></acronym></button>


    IT開發/UI設計/運營/影視特效培訓機構

    400-111-8989

    熱門課程

    Web學員作品-網頁設計項目

    • 發布:IT培訓
    • 來源:Web前端
    • 時間:2019-07-17 16:23

    網頁設計說明

    創作過程:

    Images 就是放置圖片的,css用來存放CSS樣式文件,在CSS中把所有網頁的元素初始化了一下

    寫下HTML代碼

    制作導航

    導航有下拉菜單,引放JS

    利用JQ實現二級導航下拉效果

    導航制作完成后,開始制作JS banner輪播圖,

    引放JS,又單獨寫了一個CSS

    首先制作4大保證

    然后下面制作新聞模塊,

    先制作新聞的最背景

    然后,制作具體的一個新聞版塊

    具體新聞列表用無序列表實現

    下面開始制合作伙伴的效果,做了5張不同的LOGO,利用LI的左浮動,排列出來

    然后制作FOOT部分

    至此首頁制作完成。

    然后將首頁另存為一個框架,把中間的文字和圖片刪除,只保留下圖框架,用此框架分別制作其它子頁。

    網頁設計

    家居裝飾頁的制作:

    首先將框架另存為furniture.html

    在空白內容處插入導航HTML

    利用無序列表制作家裝圖片展示效果

    定義寬度,高度,水平居中

    定義上邊距

    設為左浮動,外邊距為10

    設置圖片鼠標移上去的放大的效果

    設置鏈接文字的字體和行高

    關于我們的制作:

    將框架另存為abou.html

    將一張事先處理好的背景圖作為about的背景,將刪除about頁面的js輪播圖效果

    CSS設置了寬高和背景圖,并引用相對定位屬性

    然后,利用絕對定位,將兩段文字分別置于背景圖上

    網頁設計

    裝修知識的制作:

    將框架頁另存為knowledge.html

    首先制作知識頁的分類導航

    然后制作新聞列表

    網頁設計

    合作伙伴的制作:

    將框架頁另存為hezuo.html

    首先制作合作的分類標題

    然后用無序列表制作具體項目內容展示

    3D云設計制作更簡單,就是幾張圖片的平鋪,這不作介紹

    • 為Ta點贊
    • 人已贊
    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    国产成年女人特黄特色毛片免,欧美精品亚洲日韩AⅤ,日本R级无码中文字幕,日本孕妇高潮孕交视频