学生网页设计代码成品 大学生汽车网页代做 红旗汽车网页设计模板下载 HTML汽车网站制作 dreamweaver学生汽车网页设计成品
生活随笔
收集整理的這篇文章主要介紹了
学生网页设计代码成品 大学生汽车网页代做 红旗汽车网页设计模板下载 HTML汽车网站制作 dreamweaver学生汽车网页设计成品
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
網(wǎng)頁(yè)效果展示
首頁(yè)
子頁(yè)面
共4個(gè)子頁(yè)面,篇幅有限,此處僅展示一頁(yè)
網(wǎng)頁(yè)成品下載
stu-works.com/html/qiche/422.html
網(wǎng)頁(yè)作品介紹
作品采用DIV CSS布局制作,主題為紅旗汽車介紹,共5個(gè)頁(yè)面,1個(gè)首頁(yè)和4個(gè)汽車詳情頁(yè)。網(wǎng)頁(yè)采用極簡(jiǎn)設(shè)計(jì),整體設(shè)置了網(wǎng)頁(yè)背景顏色,頂部為L(zhǎng)OGO,子頁(yè)面點(diǎn)擊LOGO可返回首頁(yè)。
首頁(yè)為大圖加四個(gè)最新車型圖片,點(diǎn)擊車型圖可進(jìn)入對(duì)應(yīng)的詳情子頁(yè)面。進(jìn)入子頁(yè)面后頂部視頻自動(dòng)播放,整個(gè)作品共4個(gè)視頻文件,每個(gè)子頁(yè)面頂部都插入了對(duì)應(yīng)的車型視頻、文案、海報(bào)圖,簡(jiǎn)單酷炫。
網(wǎng)頁(yè)代碼預(yù)覽
學(xué)生水平制作,代碼簡(jiǎn)單,以下僅展示部分代碼供參考
<div class="head"><div class="logo"><img src="images/logo.png" ></div> </div> <div class="banner"><img src="images/banner.jpg"></div> <div class="content"><ul><li><a href="chea.html"><img src="images/a.png"><p>H9</p></a></li><li><a href="cheb.html"><img src="images/b.png"><p>H9+</p></a></li><li><a href="chec.html"><img src="images/c.png"><p>E-HS9</p></a></li><li><a href="ched.html"><img src="images/d.png"><p>HS7</p></a></li></ul> </div>總結(jié)
以上是生活随笔為你收集整理的学生网页设计代码成品 大学生汽车网页代做 红旗汽车网页设计模板下载 HTML汽车网站制作 dreamweaver学生汽车网页设计成品的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: python ssd目标检测_解读目标检
- 下一篇: latex附录中放python代码_在L