時(shí)間：2023-09-23 08:12:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-09-23 08:12:01 來源：網(wǎng)站運(yùn)營
關(guān)于電影的HTML網(wǎng)頁設(shè)計(jì)-威海影視網(wǎng)站首頁-電影主題HTM5網(wǎng)頁設(shè)計(jì)作業(yè)成品：HTML實(shí)例網(wǎng)頁代碼, 本實(shí)例適合于初學(xué)HTML的同學(xué)。該實(shí)例里面有設(shè)置了css的樣式設(shè)置，有div的樣式格局，這個(gè)實(shí)例比較全面，有助于同學(xué)的學(xué)習(xí),本文將介紹如何通過從頭開始設(shè)計(jì)個(gè)人網(wǎng)站并將其轉(zhuǎn)換為代碼的過程來實(shí)踐設(shè)計(jì)。@TOC
在線咨詢
<!doctype html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>威海市影視產(chǎn)業(yè)服務(wù)平臺(tái)</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/index.css" rel="stylesheet" type="text/css" /> <link href="css/flexslider.css" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.flexslider-min.js"></script></head><body> <div class="header_wrap ah"> <div class="wrap header"> <ul class="logo"> <a href="#"><img src="images/logo.png" alt="華視娛樂"></a> </ul> <ul class="nav"> <li><a href="#">首頁</a></li> <li><a href="#">影視資訊</a></li> <li><a href="#">中韓交流</a></li> <li><a href="#">影視基地</a></li> <li><a href="#">設(shè)備租賃</a></li> <li><a href="#">項(xiàng)目合作</a></li> <li><a href="#">影視人才</a></li> <li><a href="#">影視檔案</a></li> <li><a href="#">影視展播</a></li> </ul> <!-- <ul class="nav-r"> <li class="search"> <form method="post" action="/index.php/content/index/pid/13.html" name="formSearch"> <input name="btn_submit" id="btn_submit" type="submit" value=""/> <input name="sh_keywords" type="text" id="keywords" maxlength="55" autocomplete="off" /> </form> </li> <li class="icon"><a class="wx" href="javascript:;"></a><a class="sina" href="http://weibo.com/huashiyingshi"></a></li> </ul> --> <ul class="mbi_nav"> <a href="javascript:void(0)"><span></span><span></span><span></span><span></span></a> </ul> <ul class="language"><a href="#" style="display:none;">中文版</a> <span style="display:none;">|</span> <a href="#" style="display:none;">ENGLISH</a> <span style="display:none;">|</span> <a href="#">誠邀合作</a> <span>|</span> <a href="#">加入我們</a> </ul> </div> </div> <div class="hid_menu"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">關(guān)于公司</a></li> <li><a href="#">電影作品</a></li> <li><a href="#">電視作品</a></li> <li><a href="#">藝人經(jīng)紀(jì)</a></li> <li><a href="#">華視動(dòng)態(tài)</a></li> </ul> </div> <div class="banner"> <div class="cnt"> <ul> <li> <img src="images/5d52d7bf775b36b8479b743a5a824f19.jpg" alt="致我們終將逝去的青春 (2013)" /> <ul> <h3>致我們終將逝去的青春 (2013)</h3><span>改編自作家辛夷塢的同名小說，由香港導(dǎo)演關(guān)錦鵬擔(dān)任監(jiān)制，內(nèi)地編劇李檣改編劇本，海峽兩岸演員趙又廷、韓庚、楊子姍、江疏影、張瑤、劉雅瑟、包貝爾、鄭愷、黃明、王嘉佳、佟麗婭等主演，王菲演唱主題曲《致青春》，于2013年4月26日全國公映。內(nèi)地最終票房為7.2億。</span></ul> <p><a href="javascript:;" class="btn_video" data0="http://static.video.qq.com/TPout.swf?vid=z0011e00wzq&auto=1" data1="http://player.youku.com/player.php/sid/XNTA4NDM0NzQw/v.swf?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isS" data2="https://www.youtube.com/v/JJCs-pgHWL8">預(yù)告欣賞</a> <a href="/index.php/content/index/pid/2/cid/20.html">關(guān)于作品</a> </p> </li> <li> <img src="images/ed472ad6636763e22da62194b119ef1a.jpg" alt="平凡的世界(2015)" /> <ul> <h3>平凡的世界(2015)</h3><span>56集電視連續(xù)劇。根據(jù)路遙同名小說改編，華視團(tuán)隊(duì)歷時(shí)8年創(chuàng)作、投資近1.2億元拍攝，由著名導(dǎo)演毛衛(wèi)寧執(zhí)導(dǎo)，王雷、佟麗婭、袁弘、李小萌、劉威、呂一、尤勇智等主演，講述了在面對(duì)現(xiàn)實(shí)壓力和人生抉擇時(shí)，少安少平兄弟倆依舊堅(jiān)守最初夢(mèng)想和對(duì)愛情執(zhí)著追求的故事。該劇已于2015年2月26日在杭州衛(wèi)視、東方衛(wèi)視首播。2015年該劇獲得杭州電視節(jié)第21屆白玉蘭獎(jiǎng)最佳導(dǎo)演獎(jiǎng)、第13屆浙江電視節(jié)金熊貓獎(jiǎng)長篇電視劇類大獎(jiǎng)和第30屆中國電視劇飛天獎(jiǎng)優(yōu)秀電視劇大獎(jiǎng)，成為年度最具重量的現(xiàn)象級(jí)電視劇。</span></ul> <p><a href="/index.php/content/index/pid/3/cid/108.html">關(guān)于作品</a></p> </li> <li> <img src="images/4a9b4600a20d4aacaa16aee0bc4adc85.jpg" alt="刀客家族的女人 (2014)" /> <ul> <h3>刀客家族的女人 (2014)</h3><span>44集電視連續(xù)劇。由“白玉蘭"最佳導(dǎo)演楊文軍執(zhí)導(dǎo)，根據(jù)董陸明《拉鋸地帶》小說改編，并由著名編劇張曉亞老師保駕護(hù)航，實(shí)力派演員佟麗婭、楊爍、許還幻、何賽飛、高露、毛曉彤、郭鵬、曾虹暢等主演的傳奇大劇。該劇在全國一線衛(wèi)視收視率奪魁，網(wǎng)絡(luò)點(diǎn)擊率創(chuàng)同類型題材第一名，并榮獲華鼎獎(jiǎng)、金牛獎(jiǎng)、全國電視制片業(yè)十佳獎(jiǎng)等多個(gè)海內(nèi)外大獎(jiǎng)。</span></ul> <p><a href="/index.php/content/index/pid/3/cid/36.html">關(guān)于作品</a></p> </li> <li> <img src="images/1ed4f2fe326a627f0dd68acd10040e46.jpg" alt="六弄咖啡館 (待映)" /> <ul> <h3>六弄咖啡館 (待映)</h3><span>改編自臺(tái)灣暢銷青春小說，原著作者“臺(tái)灣青春小說天王”吳子云(筆名：藤井樹)導(dǎo)演處女作。兩屆金馬獎(jiǎng)最佳男演員提名獎(jiǎng)獲得者、最具潛力的90后華語男明星董子健，香港新一代甜心小天后顏?zhàn)快`聯(lián)袂領(lǐng)銜主演，精心締造2016年度最受矚目的華語青春電影扛鼎之作！影片將于7月29日在全國公映，相約影院，與你同在。</span></ul> <p><a href="javascript:;" class="btn_video" data0="http://static.video.qq.com/TPout.swf?vid=p03080l0vm3&auto=0" data1="http://player.youku.com/player.php/sid/XMTYwNzk5MTAyNA==/v.swf" data2="">預(yù)告欣賞</a><a href="/index.php/content/index/pid/2/cid/17.html">關(guān)于作品</a></p> </li> <li> <img src="images/798dc1b43cfe7dc38160d3c16271a0d3.jpg" alt="致青春 (2016)" /> <ul> <h3>致青春 (2016)</h3><span>2016年7月11日登陸東方衛(wèi)視、浙江衛(wèi)視黃金檔，杭州衛(wèi)視非黃檔，優(yōu)酷視頻。80后最受歡迎女作家辛夷塢百萬暢銷原著小說改編，“白玉蘭”獎(jiǎng)金牌導(dǎo)演楊文軍，攜手最受矚目新生代青春明星陣容楊玏、陳瑤、張丹峰、馬可、徐悅等，推出 “2016非看不可的熒屏青春爆款”！</span></ul> <p><a href="javascript:;" class="btn_video" data0="http://static.video.qq.com/TPout.swf?vid=a0310c4caiz&auto=0" data1="http://player.youku.com/player.php/sid/XMTYyNzMwMzMwNA==/v.swf" data2="">預(yù)告欣賞</a><a href="/index.php/content/index/pid/3/cid/39.html">關(guān)于作品</a></p></body></html>@charset "utf-8";.banner { width: 100%; position: relative; height: auto; overflow: hidden}.banner div.cnt { width: 100%; height: auto; overflow: hidden}.banner div.cnt ul { width: 300000px;}.banner div.cnt ul li { float: left; position: relative}.banner div.cnt ul li p { position: absolute; right: 160px; bottom: 20%; width: 140px}.banner div.cnt ul li p a { display: block; height: 40px; margin-bottom: 3px; line-height: 40px; background: url(../images/white.png); text-align: center; font-size: 14px; letter-spacing: 5px;}.banner div.cnt ul li p a:hover { color: #fff; background: #cc8f44;}.banner div.cnt ul li ul { position: absolute; display: block; color: #FFF; left: 160px; bottom: 20%; width: 50%;}.banner div.cnt ul li ul h3 { font-size: 2.2vw; border-bottom: 3px solid #cc8f44; padding-bottom: 10px; margin-bottom: 10px;}.banner div.cnt ul li ul span { line-height: 1.5vw; display: block; font-size: 0.9vw}.banner img { width: 100%}.banner a.arr { display: block; width: 29px; height: 44px; position: absolute; top: 50%; margin-top: -22px; cursor: pointer}.banner a#a_l { background: url(../images/a_l.png) no-repeat center; left: 60px;}.banner a#a_r { background: url(../images/a_r.png) no-repeat center; right: 60px;}.arr_down { position: absolute; bottom: 0; height: 20px; background: url(../images/arr.png) no-repeat center; left: 0; width: 100%}.arr_down p { height: 100%; width: 50%; background: #fff}.arr_down p.l { margin-left: -20px; float: left;}.arr_down p.r { margin-right: -20px; float: right;}.about { background: #b2b2b2}.about div { padding: 50px 0; position: relative} padding-right: 0 } .about ul { display: none }}#video_pannel { display: none; overflow: hidden}#video_pannel dd { height: 35px; line-height: 35px;}#video_pannel dd a { display: block; float: left; width: 33.33%; text-align: center; font-size: 14px;}#video_pannel dd a.on { color: #cc8f44;}【點(diǎn)贊收藏博文】 三連支持下吧，你的支持是我創(chuàng)作的動(dòng)力, 【觀注作者 |獲取更多源碼| 優(yōu)質(zhì)文章】。關(guān)鍵詞：設(shè)計(jì),電影,主題,成品,作業(yè),威海
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
