国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML5期末大作業(yè):設(shè)計網(wǎng)站設(shè)計——動漫設(shè)計響應(yīng)式(10頁) HTML+CSS+JavaScript 動漫

HTML5期末大作業(yè):設(shè)計網(wǎng)站設(shè)計——動漫設(shè)計響應(yīng)式(10頁) HTML+CSS+JavaScript 動漫

時間:2023-09-20 20:30:01 | 來源:網(wǎng)站運營

時間:2023-09-20 20:30:01 來源:網(wǎng)站運營

HTML5期末大作業(yè):設(shè)計網(wǎng)站設(shè)計——動漫設(shè)計響應(yīng)式(10頁) HTML+CSS+JavaScript 動漫設(shè)計制作 簡單靜態(tài)HTML網(wǎng)頁作品 動漫設(shè)計作業(yè)成品 學(xué)生個人網(wǎng)站模板:

HTML5期末大作業(yè):設(shè)計網(wǎng)站設(shè)計——動漫設(shè)計響應(yīng)式(10頁) HTML+CSS+JavaScript 動漫設(shè)計制作 簡單靜態(tài)HTML網(wǎng)頁作品 動漫設(shè)計作業(yè)成品 學(xué)生個人網(wǎng)站模板

常見網(wǎng)頁設(shè)計作業(yè)題材有 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 等網(wǎng)頁設(shè)計題目, A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
作者主頁-更多源碼

HTML期末大作業(yè)文章專欄

作品介紹

1.網(wǎng)頁作品簡介 :HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè) A+水平 ,喜歡的可以下載,文章頁支持手機PC響應(yīng)式布局。

2.網(wǎng)頁作品編輯:作品下載后可使用任意HTML編輯軟件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁)。

3.網(wǎng)頁作品技術(shù):Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級三級頁面等,視頻、 音頻元素 、Flash,同時設(shè)計了logo(源文件),基本期末作業(yè)所需的知識點全覆蓋。

@TOC

一、作品展示







二、文件目錄







三、代碼實現(xiàn)

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>袁動官網(wǎng)-首頁</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="css/swiper.min.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/animate.min.css" /> </head> <body> <!--頂部--> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid wrap"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" > <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--logo--> <a class="navbar-brand" href="#"> <img src="img/logo.png" alt="" /> </a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <!--<ul class="language navbar-right"> <li><a href="#" class="active">中</a></li> <li>|</li> <li><a href="#">EN</a></li> </ul>--> <ul class="nav navbar-nav main-nav navbar-right"> <li class="active"><a href="index.html">首頁</a></li> <li><a href="worksShow.html">作品展示</a></li> <li><a href="recruit.html">招賢納士</a></li> <li><a href="contract.html">聯(lián)系我們</a></li> <li><a href="about.html">關(guān)于公司</a></li> <li class="lang"> <a class="active"></a>|<a href="en_index.html">EN</a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </nav> <!-- Swiper --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> </div> <!-- Add Pagination --> <div class="swiper-pagination swiper-pagination-white"></div> <!-- Add Arrows --> <div class="swiper-button-next swiper-button-white"></div> <div class="swiper-button-prev swiper-button-white"></div> </div> <!--多圖輪播--> <div class="lunbo"> <div class="title wow bounceInUp">我們參與的項目</div> <div class="picScroll"> <ul> <li> <a target="_blank" href="###"> <img _src="img/lunbo1.png" src="img/lunbo1.png" /> <div class="img-text">大型海戰(zhàn)戰(zhàn)場“潛龍之淵”上線,全民開戰(zhàn)!</div> </a> </li> <li> <a target="_blank" href="###"> <img _src="img/lunbo2.png" src="img/lunbo2.png" /> <div class="img-text"> 天刀嘲天宮《一人之戰(zhàn)》視頻首發(fā) 同名專輯上架QQ音樂 </div> </a> </li> <li> <a target="_blank" href="###" ><img _src="img/lunbo3.png" src="img/lunbo3.png" /> <div class="img-text">懶人攻略 如何刷完一周勝負令</div> </a> </li> <li> <a target="_blank" href="###" ><img _src="img/lunbo4.png" src="img/lunbo4.png" /> <div class="img-text"> 《王者榮耀》魔性H5上線,五軍對決等你來戰(zhàn) </div> </a> </li> <li> <a target="_blank" href="###" ><img _src="img/lunbo5.png" src="img/lunbo5.png" /> <div class="img-text"> 超高期待!玩家Coser作品獲《絕地求生 全軍出擊》官方點贊 </div> </a> </li> <li> <a target="_blank" href="###" ><img _src="img/lunbo6.png" src="img/lunbo6.png" /> <div class="img-text">揭幕戰(zhàn)RNGvsIG LPL春季賽1月15日正式開賽</div> </a> </li> </ul> <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a> </div> <a href="###"><div class="more">更多作品</div></a> </div> <!--關(guān)于我們--> <div class="aboutUs"> <div class="wrap"> <div class="title wow bounceInUp">關(guān)于我們</div> <div class="text wow slideInDown"> <span class="ccf0f32" >杭州袁動動漫設(shè)計有限公司(YD ART),致力于CG美術(shù)概念設(shè)計及三維影視游戲視覺開發(fā)制作</span > <span >其團隊現(xiàn)由創(chuàng)辦人袁杰聯(lián)合著名CG藝術(shù)家肖壯悅以及XRCGTEAM(<a href="http://www.xrcgteam.com" >http://www.xrcgteam.com</a >)成員和各游戲、影視、動漫業(yè)內(nèi)資深藝術(shù)家所組成,</span > <span >為國內(nèi)外眾多項目提供優(yōu)質(zhì)概念設(shè)計、原畫設(shè)定、美宣插畫、次世代3D、GUI、動作特效等外包服務(wù)。</span > <span >曾參與《星際爭霸》《上古卷軸》《英雄聯(lián)盟》《戰(zhàn)神》《三國無雙》《夢幻西游》《LOC》《鬼吹燈》《長城》等國內(nèi)外大型游戲影視項目視覺美術(shù)開發(fā)制作</span > </div> <div class="row"> <div class="col-xs-6 col-sm-3"> <div class=""> <h3 class="timer count-title" id="count-number" data-to="150" data-speed="1500" ></h3> 員工 </div> </div> <div class="col-xs-6 col-sm-3"> <div class=""> <h3 class="timer count-title" id="count-number" data-to="100" data-speed="1500" ></h3> 客戶 </div> </div> <div class="col-xs-6 col-sm-3"> <div class=""> <h3 class="timer count-title" id="count-number" data-to="200" data-speed="1500" ></h3> <img src="img/doimg_1.png" />手游 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInLeft" data-wow-delay="1s" > <img src="img/doimg_2.png" />頁游 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInLeft" data-wow-delay="0.5s" > <img src="img/doimg_3.png" />端游 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInRight" data-wow-delay="0.5s" > <img src="img/doimg_4.png" />次世代 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInRight" data-wow-delay="1s" > <img src="img/doimg_5.png" />單機 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInRight" data-wow-delay="1.5s" > <img src="img/doimg_6.png" />影視 </div> </a> </div> <div class="text-list wow bounceInDown"> <ul> <li> <a href="###">角色原畫設(shè)計</a> <a href="###">場景原畫設(shè)計</a> <a href="###">UI設(shè)計</a> </li> <li> <a href="###">肖像繪制</a> <a href="###">道具繪制</a> <a href="###">圖標(biāo)繪制</a> </li> <li> <a href="###">美宣</a> <a href="###">卡牌繪制</a> <a href="###">2D場景整合</a> </li> <li> <a href="###">3DMAX角色模型</a> <a href="###">3DMAX場景模型</a> <a href="###">次世代模型、貼圖</a> </li> <li> <a href="###">3DMAX動畫</a> <a href="###">3DMAX特效</a> <a href="###">3轉(zhuǎn)2繪制</a> </li> </ul> </div> </div> </div> <!--footer--> <div class="footer"> <img src="img/foot_logo.png" /> </div> </body> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8" ></script> <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8" ></script> <script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script> <script src="js/numberAdd.js" type="text/javascript" charset="utf-8"></script> <script src="js/swiper.min.js" type="text/javascript" charset="utf-8" ></script> <script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript"> //多圖輪播 jQuery(".picScroll").slide({ mainCell: "ul", effect: "leftLoop", vis: 6, scroll: 1, autoPage: true, switchLoad: "_src", autoPlay: true, }); //banner輪播 var swiper = new Swiper(".swiper-container", { spaceBetween: 30, // effect: 'fade', loop: true, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); //鼠標(biāo)滾動特效 new WOW().init(); </script></html>






四、學(xué)習(xí)資料

web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站





五、完整源碼

【百度網(wǎng)盤-源碼下載地址】

鏈接:https://pan.baidu.com/s/1T5XeFJ7WE2ASbylHE2sRMA 提取碼:8888


六、更多源碼

HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!



關(guān)鍵詞:設(shè)計,響應(yīng),作業(yè)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉