15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML5+CSS大作业——汽车专题网页设计(1页) dreamweaver作业静态HTML网页设计模板

HTML5+CSS大作业——汽车专题网页设计(1页) dreamweaver作业静态HTML网页设计模板

时间:2023-10-12 00:54:01 | 来源:网站运营

时间:2023-10-12 00:54:01 来源:网站运营

HTML5+CSS大作业——汽车专题网页设计(1页) dreamweaver作业静态HTML网页设计模板:

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

*PC电脑端关注我们***

作者主页-更多源码

HTML期末大作业文章专栏

@TOC

一、作品展示







二、文件目录







三、代码实现

<html lang="zh"><head> <meta charset="gbk"> <meta name="viewport" content="width=device-width, initial-scale=2"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <link rel="stylesheet" href="css/css.css"> <link rel="stylesheet" href="css/mian.css"> <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script> <script src="js/js.js"></script> <script src="js/countUp.min.js"></script></head><body> <div class="top_header"> <div class="he_top"> <div class="header"> <div class="he_1"> <img src="img/hcd.jpg" alt="hcd" class="hcd"> </div> <div class="he_2"> <img src="img/font.png" alt="hcd" class="font"> </div> <div class="he_3"> <span>濂借溅璐蜂即鎮ㄨ储瀵屼竴鐢�</span> </div> <!-- <div class="go_x"> &gt;&gt;&gt; </div>--> <div class="zje"> <i>鎬绘垚浜ら噾棰�(鍏�)</i> <p id="number_p1">3565600000.00</p> <!-- <span>鎰熻阿姣忎竴涓綘</span> --> </div> </div> <div class="gxyn"> <p>鎰熻阿,鎴戜滑涓€璺蛋鏉ユ湁浣犵浉浼�...</p> <div class="tzrs"> <p class="p1"> <i>鎶曡祫浜烘暟</i> <em><i id="ii1">78821</i><span>浣�</span></em> </p> <p class="p1 p2"> <i>骞村寲鏀剁泭</i> <em>13<span>%</span>~19.2<span>%</span></em> </p> <p class="p1 p3"> <i>鐢ㄦ埛鏀剁泭</i> <em><span>锟�</span><i id="ii2">356560399</i></em> </p> </div> </div> </div> </div> <div class="sta_main"> <!-- <div class="go_x"> &gt;&gt;&gt; </div>--> <div class="stage"> <div class="zhuand"> <img src="img/logo1.png" alt=""> </div> <div class="with_y"> <div class="cicle"> <img src="img/xuanzhuan.png" alt="1"> <div class="center"> <p class="p1">鎴戜滑宸茬粡鎼烘墜璧拌繃608澶╋紝鎴戜滑鐩歌瘑鐩哥煡</p> <p class="p1">鎮ㄧ溂涓殑鎴戯紝涓€鐩翠唬琛ㄥ畨鍏ㄤ笌璐d换</p> <p class="p2">78597浣嶆姇璧勪汉锛屽湪鍏虫敞濂借溅璐�</p> <p class="p2">鎴戜滑鍚屾牱鎯充负鎮ㄥ仛鐨勬洿澶�</p> <p class="p2">......</p> </div> <i class="i1">涓婁氦鎵€鎸傜墝涓婂競</i> <i class="i2">100%鏈伅淇濋殰</i> <i class="i3">瀹夊叏椋庢帶</i> <i class="i4">浜掕仈缃戦噾铻嶈涓氬崗浼氫細鍛樺崟浣�</i> <i class="i5">绗笁鏂硅祫閲戞墭绠�</i> <i class="i6">骞冲畨淇濋櫓鍏ㄧ▼鎵夸繚</i> <i class="i7">涓浗閲戣瀺璁よ瘉涓績瀹夊叏璁よ瘉</i> </div> </div> <div class="rocketship"> <img src="img/a1.svg" alt=""> </div> <div class="rocketship"> <img src="img/a2.svg" alt=""> </div> </div> <div id="bg_start1" class="bg"></div> <div id="bg_start2" class="bg"></div> <div id="bg_start3" class="bg"></div> <div id="bg_start11" class="bg"></div> <div id="bg_start12" class="bg"></div> <div id="bg_start13" class="bg"></div> <div id="bg_start14" class="bg"></div> <div id="bg_start15" class="bg"></div> <div id="bg_start16" class="bg"></div> <div id="bg_start17" class="bg"></div> <div class="if_gd"></div> <!-- 鍊熸浜у搧 --> <div class="produce"> <p class="p1">鎴戜滑锛屼负鎮ㄦ惌寤轰笓涓氬畨鍏ㄧ殑閲戣瀺浜ゆ槗淇℃伅鏈嶅姟骞冲彴</p> <p class="p2">澶氬厓鍖栫殑鎶曡瀺璧勪笟鍔★紝璁╅噾铻嶄笌鐢熸椿鏇寸編濂�</p> <div class="chp"> <div class="chp01"> <p>鍊熸浜у搧</p> <p><img src="img/jkcp.jpg" alt="1"></p> <div class="chp_fb"> <p class="p_fb01">杞﹁締鎶垫娂</p> <p class="p_fb02">鎴夸骇鎶垫娂</p> <p class="p_fb03">鎸夋彮璐溅</p> <p class="p_fb04">铻嶈祫绉熷嚟</p> </div> </div> <div class="chp01"> <p>鐞嗚储浜у搧</p> <p><img src="img/lccp.jpg" alt="1"></p> <div class="chp_fb"> <p class="p_fb01">绮剧伒璐�</p> <p class="p_fb02">瀛e害璐�</p> <p class="p_fb03">鍗婂勾绾�</p> <p class="p_fb04">骞存弧鐩�</p> </div> </div> <div class="chp01"> <p>绉诲姩閲戣瀺</p> <p><img src="img/ydjr.jpg" alt="1"></p> <div class="chp_fb"> <p class="p_fb01">鎺屼笂鐞嗚储</p> <p class="p_fb02">璐村績绠″</p> </div> </div> </div> </div> <div class="safe"> <p class="p1">鎴戜滑锛屼负鎮ㄦ瀯绛戝叏鏂逛綅瀹夊叏淇濋殰</p> <p class="p2">鏋佽嚧鍦板懙鎶わ紝璁╅噾铻嶆姇璧勬洿瀹夊績</p> <div class="sf"> <div class="sf01"> <p><img src="img/cpyz.png" alt="1"></p> <p class="p1"> <i>浜у搧浼樿川</i> <span>瀹夊叏浼樿川鐨勯噾铻嶄骇鍝�</span> </p> </div> <div class="sf01"> <p><img src="img/sjaq.png" alt="1"></p> <p class="p1"> <i>鏁版嵁瀹夊叏</i> <span>澶氶噸鏁版嵁瀹夊叏淇濋殰涓庤璇�</span> </p> </div> <div class="sf01"> <p><img src="img/ptgf.png" alt="1"></p> <p class="p1"> <i>骞冲彴瑙勮寖</i> <span>涓氬姟娴佺▼涓ユ牸瑙勮寖</span> </p> </div> <div class="sf01"> <p><img src="img/aqfk.png" alt="1"></p> <p class="p1"> <i>瀹夊叏椋庢帶</i> <span>鍥藉唴涓撲笟棰嗗厛NFC瀹夊叏椋庢帶浣撶郴</span> </p> </div> <div class="sf01"> <p><img src="img/zjaq.png" alt="1"></p> <p class="p1"> <i>璧勯噾瀹夊叏</i> <span>瀵规帴绗笁鏂规満鏋勬墭绠�</span> </p> </div> </div> </div> <!-- 瀹炵幇浜虹敓浠峰€� --> <div class="per_value"> <p class="p1">鎴戜滑鍒涢€犵殑涓嶄粎鏄储瀵屼环鍊硷紝鏇村姪鎮ㄥ疄鐜颁汉鐢熶环鍊�</p> <p class="p2"><img src="img/jz.png" alt="1"></p> </div> <div class="tiyan"> <p class="p1">鎮ㄦ兂瑕佺殑涓嶄粎鏄储瀵岀Н绱�</p> <p class="p2">鏇存槸闅忔椂闅忓湴銆佹祦鐣呯殑浣撻獙</p> <p class="p3"><img src="img/ty.png" alt="1"></p> </div> <div class="dongli"> <p class="p1">鎮ㄦ槸鎴戜滑涓嶆柇鍓嶈鐨勯┍鍔ㄥ姏</p> <p class="p2">鎰熻阿鏈€鐗瑰埆鐨勪綘锛岃鎴戜滑鍔姏鍋氬緱鏇村ソ</p> <div class="dtn"> <div class="ps ps01"> <img src="img/p01.png" alt=""> <div class="js"> <p class="p1">鏈€鍏锋姇璧勭溂鍏夌殑浣�</p> <p class="p2">鐢凤紝47宀侊紝娴欐睙</p> <p class="p3">绱鎶曡祫589涓囧厓锛屽叡鎶曡祫491娆�</p> </div> </div> <div class="ps ps02"> <img src="img/p02.png" alt=""> <div class="js"> <p class="p1">鏈€闆峰帀椋庤鐨勪綘</p> <p class="p2">濂筹紝32宀侊紝鍖椾含</p> <p class="p3">棣栨娉ㄥ唽鍒版姇璧勪粎鐢ㄦ椂2鍒�06绉�</p> </div> </div> <div class="ps ps03"> <img src="img/p03.png" alt=""> <div class="js"> <p class="p1">鏈€涓€鎺峰崈閲戠殑浣�</p> <p class="p2">鐢凤紝29宀侊紝涓婃捣</p> <p class="p3">鍗曠瑪鎶曡祫閲戦32涓囧厓</p> </div> </div> <div class="ps ps04"> <img src="img/p04.png" alt=""> <div class="js"> <p class="p1">鍖哄煙鏈€闆嗕腑鐨勪綘</p> <p class="p2">鏈€澶氫笂娴风敤鎴烽€夋嫨濂借溅璐�</p> <p class="p3">鍗犳瘮楂樿揪26%</p> </div> </div> </div> </div> <div class="power"> <p>鎴戜滑锛屼唬琛ㄧ潃琛屼笟鐨勪腑鍧氬姏閲忥紝缁欐偍甯︽潵鏇存斁蹇冪殑鎶曡祫浣撻獙</p> <div class="xxk"> <ul class="left"> <li style="z-index:2;"><img src="img/a1.jpg" /></li> <li><img src="img/a2.jpg" /></li> <li><img src="img/a3.jpg" /></li> <li><img src="img/a4.jpg" /></li> <li><img src="img/a5.jpg" /></li> <li><img src="img/a6.jpg" /></li> </ul> <ol> <li class="li1"><img class="active" src="img/w1.jpg" /></li> <li class="li2"><img src="img/w2.jpg" /></li> <li class="li3"><img src="img/w3.jpg" /></li> <li class="li4"><img src="img/w4.jpg" /></li> <li class="li5"><img src="img/w5.jpg" /></li> <li class="li6"><img src="img/w6.jpg" /></li> </ol> </div> </div> <div class="rongyu"> <div class="ry"> <img src="img/i11.png" alt="1"> <p class="p1">浜掕仈缃戦噾铻嶈涓氱櫨寮烘帓鍚嶇88浣嶏紝</p> <p class="p2">鍥藉唴3000澶氬鍚岀被骞冲彴</p> </div> <div class="ry"> <img src="img/i12.png" alt="1"> <p class="p1">涓浗鏈€鍏蜂俊璧栫殑浜掕仈缃戦噾铻嶆満鏋�</p> </div> <div class="ry"> <img src="img/i13.png" alt="1"> <p class="p1">CCTV浜掕仈缃戦噾铻嶅钩鍙版渶浣充骇鍝佸垱鏂板</p> </div> <div class="ry"> <img src="img/i21.png" alt="1"> <p class="p1">涓浗浜掕仈缃戦噾铻嶈仈鐩熷ぇ浼氱悊浜嬪崟浣�</p> </div> <div class="ry"> <img src="img/i22.png" alt="1"> <p class="p1">瀹夊窘姘戣惀浼佷笟鍗佸ぇ鍒涙柊浜虹墿</p> </div> <div class="ry"> <img src="img/i23.png" alt="1"> <p class="p1">棣栧眾鍚堣偉闈掑勾鍒涗笟濂栨彁鍚嶅</p> </div> <div class="ry"> <img src="img/i31.png" alt="1"> <p class="p1">瀹夊窘姘戣惀浼佷笟鍗佸ぇ鍒涙柊棰嗗啗浜虹墿</p> </div> <div class="ry"> <img src="img/i32.png" alt="1"> <p class="p1">缃戜笂浜ゆ槗淇濋殰涓績浼氬憳鍗曚綅</p> </div> <div class="ry"> <img src="img/i33.png" alt="1"> <p class="p1">鍙俊缃戠珯楠岃瘉鍗曚綅</p> </div> </div> <div class="web"> <p class="p1"> <img src="img/c1.png" alt="1"> <img src="img/c2.png" alt="1"> <img src="img/c3.png" alt="1"> <img src="img/c4.png" alt="1"> <img src="img/c5.png" alt="1"> </p> <p class="p2"> <img src="img/c6.png" alt="1"> <img src="img/c7.png" alt="1"> <img src="img/c8.png" alt="1"> <img src="img/c9.png" alt="1"> <img src="img/c10.png" alt="1"> </p> </div> <div class="to_width"> <p class="p1">鎴戜滑涓€璧疯蛋杩囦簡608澶╋紝鏈潵杩樻湁鏇磋繙.....</p> <div class="to_js"> <div class="t2014"> <i>2014骞�1鏈�</i> <em>濂借溅璐峰钩鍙板叏鏂颁笂绾�</em> <span>濂借溅璐峰搧鐗岃崳鑾稢CTV2013骞村害鏈€浣充骇鍝佸垱鏂板锛屽垱鏂拌溅璐风粡钀ユā寮忚骞挎硾璁ょ煡</span> </div> <div class="t2014 t2014_3"> <i>2014骞�3鏈�</i> <em>濂借溅璐蜂唬琛ㄥ畨寰藉敮涓€鑽h喓CIFC涓浗浜掕仈缃戦噾铻嶈仈鐩熷叏鍥界櫨寮哄搧鐗�</em> <span>瀹夊窘鐪侀暱澶╄祫浜х鐞嗘湁闄愬叕鍙歌崳鑾稢IFC涓浗浜掕仈缃戦噾铻嶈仈鐩熺悊浜嬪崟浣�</span> </div> <div class="t2014 t2014_7"> <i>2014骞�7鏈�</i> <em>濂借溅璐疯崳鑶轰簰鑱旂綉淇$敤AA绾т紒涓�</em> </div> <div class="t2014 t2014_8"> <i>2014骞�8鏈�</i> <em>濂借溅璐疯崳鑶轰簰鑱旂綉淇$敤AA绾т紒涓�</em> </div> <div class="t2014 t2014_10"> <i>2014骞�10鏈�</i> <em>濂借溅璐峰搧鐗屾巿鏉冧腑蹇冭嫃宸炲垎鍏徃姝e紡鎴愮珛</em> </div> <div class="t2014 t2014_11"> <i>2014骞�11鏈�</i> <em>濂借溅璐锋垚鍔熷姞鍏ヤ腑鍥戒簰鑱旂綉閲戣瀺琛屼笟鍗忎細</em> <span>瀹夊窘鐪侀暱澶╄祫浜х鐞嗘湁闄愬叕鍙革紙濂借溅璐凤級涓婃捣鑲℃潈鎵樼浜ゆ槗涓績鎸傜墝涓婂競锛屼唬鐮侊細202565</span> <p>濂借溅璐锋垚鍔熷姞鍏ヤ腑鍥戒簰鑱旂綉閲戣瀺琛屼笟鍗忎細锛圓CIFI锛夈€�</p> </div> <div class="t2014 t2015_4"> <i>20154骞�4鏈�</i> <em>濂借溅璐疯幏閭€鍙傚姞鍟嗗姟閮ㄩ棴闂ㄤ細璁�</em> </div> <div class="t2014 t2015_5"> <i>2015骞�5鏈�</i> <em>濂藉ソ杞﹁捶鍐嶈幏涓浗浜掕仈缃戦噾铻嶈涓氬崗浼氳鍙紝鑽h喓鈥滄渶鍏蜂俊璧栫殑浜掕仈缃戦噾铻嶆満鏋勨€濈О鍙枫€�</em> <span>濂借溅璐疯鍒楀叆鈥滀簰鑱旂綉閲戣瀺淇$敤淇℃伅鍏变韩骞冲彴鈥濋鎵逛俊鐢ㄤ俊鎭噰闆嗗悎浣滃崟浣嶅悕鍗曪紝</span> <p>姝ゅ钩鍙扮敱涓浗鍥介檯鐢靛瓙鍟嗗姟涓績锛堥毝灞炰腑鍗庝汉姘戝叡鍜屽浗鍟嗗姟閮級鎸囧鎴愮珛銆�</p> </div> <div class="t2014 t2015_7"> <i>2015骞�7鏈�</i> <em>濂借溅璐疯幏鍗冧竾缇庡厓璧勬湰娉ㄥ叆</em> <span>濂借溅璐锋墜鏈篈PP 4.0鐗堟湰涓婄嚎</span> </div> </div> </div> <div class="footer"> <p class="p0">鍗充娇涓栫晫閭d箞澶э紝浣犳垜浠嶇劧鑳藉鐩哥煡骞剁浉璇嗐€�</p> <p class="p0" style="font-size:26px;">鍥犱负濂借溅璐锋垜浠蛋鍦ㄤ竴璧凤紝璁╀笘鐣屼笉鍐嶉偅涔堝ぇ锛�</p> <p class="p0" style="font-size:30px;color:white;">濂借溅璐�,涓€涓綘鏃犳硶鍓茶垗鐨勮储瀵屾腐婀撅紝鍦ㄨ繖閲屼綘浼氬緱鍒颁綘鎯宠鐨�......</p> <p class="p1">鎰熻阿姣忎竴涓綘锛屾湡寰呬笅涓€涓綘</p> <p class="p2"><a href="javascript:void(0)">绔嬪嵆鍔犲叆</a></p> </div> <div class="join_us"> <a class="close">X</a> <form action=""> <input type="text" class="user" placeholder="璇疯緭鍏ヨ处鎴�"> <input type="password" class="pwd" placeholder="璇疯緭鍏ュ瘑鐮�"> <input type="submit" id="dl" value="鐧婚檰"> <p><i>杩樹笉鏄ソ杞﹁捶浼氬憳鍚�?</i><a href="#">绔嬪嵆娉ㄥ唽</a></p> </form> </div> </div> <!--<div class="wo_tog"> <p class="p1">鍗充娇涓栫晫閭d箞澶э紝浣犳垜浠嶇劧鑳藉鐩哥煡骞剁浉璇嗐€�</p> <p class="p2">鍥犱负濂借溅璐锋垜浠蛋鍦ㄤ竴璧凤紝璁╀笘鐣屼笉鍐嶉偅涔堝ぇ锛�</p> <p class="p3">濂借溅璐�,涓€涓綘鏃犳硶鍓茶垗鐨勮储瀵屾腐婀撅紝鍦ㄨ繖閲屼綘浼氬緱鍒颁綘鎯宠鐨�......</p> </div>--> <script> var options = { useEasing: true, useGrouping: true, separator: ',', decimal: '.', prefix: '', suffix: '' }; var number = $('#number_p1').text(); var ii1 = $('#ii1').text(); var ii2 = $('#ii2').text(); var gd = new CountUp("number_p1", 0, number, 0, 2.5, options); var ii1 = new CountUp("ii1", 0, ii1, 0, 2.5, options); var ii2 = new CountUp("ii2", 0, ii2, 0, 2.5, options); gd.start(); $(window).scroll(function() { if ($(window).scrollTop() >= 900) { ii1.start(); ii2.start(); } }) </script></body></html>






四、获取更多源码

~ 关注我,点赞博文~ 每天带你涨知识!

相关问题可以相互学习,可关注↓公Z号 获取更多源码 !



五、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程) 适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站





六、更多源码

*PC电脑端关注我们***

HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他* 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!



关键词:作业,设计,模板,静态,专题,汽车

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭