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

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML5期末大作業(yè)：電影網(wǎng)站設計——電影介紹(11頁) 大學生電影網(wǎng)頁作品 電影網(wǎng)

HTML5期末大作業(yè)：電影網(wǎng)站設計——電影介紹(11頁) 大學生電影網(wǎng)頁作品 電影網(wǎng)

時間：2023-10-06 06:30:02 | 來源：網(wǎng)站運營

時間：2023-10-06 06:30:02 來源：網(wǎng)站運營

HTML5期末大作業(yè)：電影網(wǎng)站設計——電影介紹(11頁) 大學生電影網(wǎng)頁作品 電影網(wǎng)頁設計作業(yè)模板 學生網(wǎng)頁制作源代碼下載：

HTML5期末大作業(yè)：電影網(wǎng)站設計——電影介紹(11頁) 大學生電影網(wǎng)頁作品 電影網(wǎng)頁設計作業(yè)模板 學生網(wǎng)頁制作源代碼下載

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

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

作品介紹

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

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

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

@TOC

一、作品展示







二、文件目錄







三、代碼實現(xiàn)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"><meta name="author" content="order by dede58.com/" /> <title>Demo</title> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/iconfont.css"></head><body style=" height: 2000px; "> <!---------- 頂部頁面 ----------> <div id="header"> <!-- 最頂部 --> <div class="header-top"> <div class="auto-width"> <h1 class="logo fl"><a href="#"><img src="picture/logo.png" alt="#"></a></h1> <div class="search-box fl"> <form action="#"> <input type="text" class="fl search-text" placeholder="Search here..."> <button class="fl search-btn"> <i class="iconfont icon-search"></i> </button> </form> <div class="search-feedback"> <span class="search-hot">今日熱搜</span> <div class="search-menu"> <a href="#" class="item item-cur"> <span>1</span> <em>OverWatch</em> </a> <a href="#" class="item item-cur"> <span>2</span> <em>電影知道答案</em> </a> <a href="#" class="item item-cur"> <span>3</span> <em>S6</em> </a> <a href="#" class="item"> <span>4</span> <em>夏目友人帳</em> </a> <a href="#" class="item"> <span>5</span> <em>微小而確實的幸福</em> </a> <a href="#" class="item"> <span>6</span> <em>神盾局特工</em> </a> <a href="#" class="item"> <span>7</span> <em>天涼好個秋</em> </a> </div> </div> </div> <ul class="header-guide fr"> <li class="guide-item download"> <a href="#"> <i class="iconfont icon-app"></i> <span>下載客戶端</span> </a> <div class="guide-hover"> <img src="picture/app-download.png" alt="#"> </div> </li> <li class="guide-item login"> <a href="#">登錄/注冊</a> </li> <li class="guide-item history"> <a href="#"> <i class="iconfont icon-history"></i> </a> <div class="guide-hover"> <span class="text">尚未記錄任何歷史信息。</span> <a href="#" class="more">More</a> </div> </li> <li class="guide-item upload"> <a href="#"> <i class="iconfont icon-upload"></i> </a> <div class="guide-hover"> <ul> <li><a href="#">投視頻</a></li> <li><a href="#">投文章</a></li> </ul> </div> </li> <li class="guide-item collect"> <a href="#"> <i class="iconfont icon-collect"></i> </a> </li> </ul> </div> </div> <!-- 焦點圖 --> <div class="header-banner"> <a href="#" class="bg"></a> <span class="text">這輛車……到底能不能上?。。?！</span> <a href="#" class="link"></a> </div> <!-- 導航 --> <div class="header-nav"> <div class="nav-wrap auto-width clearfix"> <a href="#" class="nav-item nav-cur">首頁</a> <a href="#" class="nav-item">番劇</a> <a href="#" class="nav-item nav-item_hover">動畫</a> <a href="#" class="nav-item nav-item_hover">音樂</a> <a href="#" class="nav-item nav-item_hover">舞蹈</a> <a href="#" class="nav-item nav-item_hover">游戲</a> <a href="#" class="nav-item nav-item_hover">娛樂</a> <a href="#" class="nav-item nav-item_hover">科技</a> <a href="#" class="nav-item nav-item_hover">影視</a> <a href="#" class="nav-item nav-item_hover">體育</a> <a href="#" class="nav-item nav-item_hover">彼女</a> <a href="#" class="nav-item nav-item_hover">魚塘</a> <a href="#" class="nav-item nav-item_hover">文章</a> <a href="#" class="nav-item nav-item_hover">合輯</a> <a href="#" class="nav-rank"> <i class="iconfont icon-rank"></i> 全站排行榜 </a> </div> <div class="subNav"> <ul class="auto-width"> <li class="subNav-item"> <a href="#">動畫短片</a> <a href="#">動畫資訊</a> <a href="#">舊番補檔</a> <a href="#">新番連載</a> <a href="#">MAD·AMV</a> <a href="#">MMD·3D</a> <a href="#">2.5次元</a> <a href="#">國產動畫</a> </li> <li class="subNav-item"> <a href="#">原創(chuàng)·翻唱</a> <a href="#">演奏</a> <a href="#">Vocaloid</a> <a href="#">日系音樂</a> <a href="#">綜合音樂</a> <a href="#">演唱會</a> </li> <li class="subNav-item"> <a href="#">宅舞</a> <a href="#">綜合舞蹈</a> </li> <li class="subNav-item"> <a href="#">主機單機</a> <a href="#">游戲集錦</a> <a href="#">電子競技</a> <a href="#">LOL</a> <a href="#">守望先鋒</a> <a href="#">桌游卡牌</a> <a href="#">Mugen</a> </li> <li class="subNav-item"> <a href="#">生活娛樂</a> <a href="#">鬼畜調教</a> <a href="#">萌寵</a> <a href="#">美食</a> <a href="#">綜藝</a> </li> <li class="subNav-item"> <a href="#">SF</a> <a href="#">黑科技</a> <a href="#">數(shù)碼</a> <a href="#">廣告</a> <a href="#">白科技</a> <a href="#">自我發(fā)電</a> <a href="#">科學技術</a> <a href="#">汽車</a> </li> <li class="subNav-item"> <a href="#">電影</a> <a href="#">日劇</a> <a href="#">美劇</a> <a href="#">國產劇</a> <a href="#">網(wǎng)絡劇</a> <a href="#">韓劇</a> <a href="#">布袋·特攝</a> <a href="#">紀錄片</a> <a href="#">其他</a> </li> <li class="subNav-item"> <a href="#">綜合體育</a> <a href="#">足球</a> <a href="#">籃球</a> <a href="#">搏擊</a> <a href="#">11區(qū)體育</a> <a href="#">驚奇體育</a> </li> <li class="subNav-item"> <a href="#">造型</a> <a href="#">西皮</a> <a href="#">愛豆</a> <a href="#">其他</a> </li> <li class="subNav-item"> <a href="#">軍事</a> <a href="#">歷史</a> <a href="#">焦點</a> </li> <li class="subNav-item"> <a href="#">文章綜合</a> <a href="#">工作·情感</a> <a href="#">漫畫·輕小說</a> <a href="#">游戲</a> </li> <li class="subNav-item"> <a href="#">AcFun專題</a> </li> </ul> </div> </div> </div> <!---------- 主體內容 ----------> <div id="main"> <div class="auto-width clearfix"> <!-- 幻燈片部分 --> <section class="area clearfix area-slider"> <div id="sliderBox" class="slider-box fl"> <ul class="slider"> <li data-title="Picture 1" class="slider-item"><img src="picture/slider-1.jpg" alt="#"></li> <li data-title="Picture 2" class="slider-item"><img src="picture/slider-2.jpg" alt="#"></li> <li data-title="Picture 3" class="slider-item"><img src="picture/slider-3.jpg" alt="#"></li> <li data-title="Picture 4" class="slider-item"><img src="picture/slider-4.jpg" alt="#"></li> <li data-title="Picture 5" class="slider-item"><img src="picture/slider-5.jpg" alt="#"></li> </ul> <div class="btn-box"> <a href="javascript:;" class="btn-item btn-item__active"></a> <a href="javascript:;" class="btn-item"></a> <a href="javascript:;" class="btn-item"></a> <a href="javascript:;" class="btn-item"></a> <a href="javascript:;" class="btn-item"></a> </div> </div> <ul class="slider-menu fl"> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__1.jpg" alt="#"> <div class="mask-gradient"> <p>嗨呀！好氣??！OW堡傻缺集錦</p> <div class="text-box"> <em>UP: AcFun出品</em> <span class="info"> <i class="iconfont icon-collect">14.9萬</i> <i class="iconfont icon-collect">165</i> </span> </div> </div> </a> </li> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__2.jpg" alt="#"> <div class="mask-gradient"> <p>嗨呀！好氣啊！OW堡傻缺集錦</p> <div class="text-box"> <em>UP: AcFun出品</em> <span class="info"> <i class="iconfont icon-collect">14.9萬</i> <i class="iconfont icon-collect">165</i> </span> </div> </div> </a> </li> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__3.jpg" alt="#"> <div class="mask-gradient"> <p>嗨呀！好氣??！OW堡傻缺集錦</p> <div class="text-box"> <em>UP: AcFun出品</em> <span class="info"> <i class="iconfont icon-collect">14.9萬</i> <i class="iconfont icon-collect">165</i> </span> </div> </div> </a> </li> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__4.jpg" alt="#"> <div class="mask-gradient"> <a href="#" class="userName">UP: iphone貓</a> </div> </li> <li class="area-menu__item"> <div class="footer-middle clearfix"> <div class="item"> <a href="#"><i class="icon icon-1"></i>中國互聯(lián)網(wǎng)舉報中心</a> <a href="#"><i class="icon icon-2"></i>網(wǎng)絡文化經(jīng)營單位</a> </div> <div class="item"> <span>京8888888888號</span> </div> <div class="item"> <span>節(jié)目制作經(jīng)營許可證66666666666號</span> </div> </div> <div class="footer-bottom"> <img src="picture/logo-gray.png" alt="#"> <p>本站不提供任何視聽上傳服務，所有內容均來自視頻分享站點所提供的公開引用資源。********</p> </div> </div> </div> <a href="javascript:;" id="back_top" class="iconfont icon-up"></a> <script src="js/jquery.min.js"></script> <script src="js/script.js"></script> <script src="js/sliderbox.js"></script> <script src="js/tab.js"></script></body></html>





四、學習資料

web前端 零基礎-入門到高級 (視頻+源碼+開發(fā)軟件+學習資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們入手~送1000套HTML+CSS+JavaScript模板網(wǎng)站




五、完整源碼

作者主頁-更多源碼

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

~ 關注我，點贊博文~ 每天帶你漲知識!

相關問題可以相互學習，可關注↓公Z號 獲取更多源碼 !

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

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

六、更多源碼

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



關鍵詞：電影,作品,大學生,作業(yè),設計

74
73
25
news

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

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