HTML5期末大作业：影视网站设计——威海影视(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码

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

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：影视网站设计——威海影视(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、完整源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="Keywords" content=""><meta name="Description" content=""><title>威海市影视产业服务平台</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="#">设备租赁</a></li><li><a href="#">项目合作</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="#">关于公司</a></li><li><a href="#">电影作品</a></li><li><a href="#">电视作品</a></li><li><a href="#">艺人经纪</a></li><li><a href="#">华视动态</a></li></ul></div><div class="banner"><div class="cnt"><ul><li><img src="images/5d52d7bf775b36b8479b743a5a824f19.jpg" alt="致我们终将逝去的青春 (2013)" /><ul><h3>致我们终将逝去的青春 (2013)</h3><span>改编自作家辛夷坞的同名小说，由香港导演关锦鹏担任监制，内地编剧李樯改编剧本，海峡两岸演员赵又廷、韩庚、杨子姗、江疏影、张瑶、刘雅瑟、包贝尔、郑恺、黄明、王嘉佳、佟丽娅等主演，王菲演唱主题曲《致青春》，于2013年4月26日全国公映。内地最终票房为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">预告欣赏</a><ahref="/index.php/content/index/pid/2/cid/20.html">关于作品</a></p></li><li><img src="images/ed472ad6636763e22da62194b119ef1a.jpg" alt="平凡的世界(2015)" /><ul><h3>平凡的世界(2015)</h3><span>56集电视连续剧。根据路遥同名小说改编，华视团队历时8年创作、投资近1.2亿元拍摄，由著名导演毛卫宁执导，王雷、佟丽娅、袁弘、李小萌、刘威、吕一、尤勇智等主演，讲述了在面对现实压力和人生抉择时，少安少平兄弟俩依旧坚守最初梦想和对爱情执着追求的故事。该剧已于2015年2月26日在北京卫视、东方卫视首播。2015年该剧获得上海电视节第21届白玉兰奖最佳导演奖、第13届四川电视节金熊猫奖长篇电视剧类大奖和第30届中国电视剧飞天奖优秀电视剧大奖，成为年度最具重量的现象级电视剧。</span></ul><p><a href="/index.php/content/index/pid/3/cid/108.html">关于作品</a></p></li><li><img src="images/4a9b4600a20d4aacaa16aee0bc4adc85.jpg" alt="刀客家族的女人 (201<h3>致青春 (2016)</h3><span>2016年7月11日登陆东方卫视、安徽卫视黄金档，北京卫视非黄档，优酷视频。80后最受欢迎女作家辛夷坞百万畅销原著小说改编，“白玉兰”奖金牌导演杨文军，携手最受瞩目新生代青春明星阵容杨玏、陈瑶、张丹峰、马可、徐悦等，推出 “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="">预告欣赏</a><a href="/index.php/content/index/pid/3/cid/39.html">关于作品</a></p></li></ul></div><a id="a_l" class="arr"></a><a id="a_r" class="arr"></a><div class="arr_down"><p class="l"></p><p class="r"></p></div></div><div id="slider1" class="slider ah"><ul id="pic_list1" class="pic_list pic2"><li><a class="pic" style="background:url(images/5d52d7bf775b36b8479b743a5a824f19.jpg) no-repeat center; background-size:cover;"></a><a title="致我们终将逝去的青春 (2013)" class="txt"><b>致我们终将逝去的青春 (2013)</b><span>改编自作家辛夷坞的同名小说，由香港导演关锦鹏担任监制，内地编剧李樯改编剧本，海峡两岸演员赵又廷、韩庚、杨子姗、江疏影、张瑶、刘雅瑟、包贝尔、郑恺、黄明、王嘉佳、佟丽娅等主演，王菲演唱主题曲《致青春》，于2013年4月26日全国公映。内地最终票房为7.2亿。</span></a></li><li><a class="pic" style="background:url(images/ed472ad6636763e22da62194b119ef1a.jpg) no-repeat center; background-size:cover;"></a><a title="平凡的世界(2015)" class="txt"><b>平凡的世界(2015)</b><span>56集电视连续剧。根据路遥同名小说改编，华视团队历时8年创作、投资近1.2亿元拍摄，由著名导演毛卫宁执导，王雷、佟丽娅、袁弘、李小萌、刘威、吕一、尤勇智等主演，讲述了在面对现实压力和人生抉择时，少安少平兄弟俩依旧坚守最初梦想和对爱情执着追求的故事。该剧已于2015年2月26日在北京卫视、东方卫视首播。2015年该剧获得上海电视节第21届白玉兰奖最佳导演奖、第13届四川电视节金熊猫奖长篇电视剧类大奖和第30届中国电视剧飞天奖优秀电视剧大奖，成为年度最具重量的现象级电视剧。</span></a></li><li><a class="pic" style="background:url(images/4a9b4600a20d4aacaa16aee0bc4adc85.jpg) no-repeat center; background-size:cover;"></a><a title="刀客家族的女人 (2014)" class="txt"><b>刀客家族的女人 (2014)</b><span>44集电视连续剧。由“白玉兰"最佳导演杨文军执导，根据董陆明《拉锯地带》小说改编，并由著名编剧张晓亚老师保驾护航，实力派演员佟丽娅、杨烁、许还幻、何赛飞、高露、毛晓彤、郭鹏、曾虹畅等主演的传奇大剧。该剧在全国一线卫视收视率夺魁，网络点击率创同类型题材第一名，并荣获华鼎奖、金牛奖、全国电视制片业十佳奖等多个海内外大奖。
</span></a></li><li><a class="pic" style="background:url(images/1ed4f2fe326a627f0dd68acd10040e46.jpg) no-repeat center; background-size:cover;"></a><a title="六弄咖啡馆 (待映)" class="txt"><b>六弄咖啡馆 (待映)</b><span>改编自台湾畅销青春小说，原著作者“台湾青春小说天王”吴子云(笔名：藤井树)导演处女作。两届金马奖最佳男演员提名奖获得者、最具潜力的90后华语男明星董子健，香港新一代甜心小天后颜卓灵联袂领衔主演，精心缔造2016年度最受瞩目的华语青春电影扛鼎之作！影片将于7月29日在全国公映，相约影院，与你同在。</span></a></li><li><a class="pic" style="background:url(images/798dc1b43cfe7dc38160d3c16271a0d3.jpg) no-repeat center; background-size:cover;"></a><a title="致青春 (2016)" class="txt"><b>致青春 (2016)</b><span>2016年7月11日登陆东方卫视、安徽卫视黄金档，北京卫视非黄档，优酷视频。80后最受欢迎女作家辛夷坞百万畅销原著小说改编，“白玉兰”奖金牌导演杨文军，携手最受瞩目新生代青春明星阵容杨玏、陈瑶、张丹峰、马可、徐悦等，推出 “2016非看不可的荧屏青春爆款”！</span></a></li></ul></div><div class="footer"><div class="foot-nav"><a href="http://www.whcaijing.net"> 旗 下 控 股</a>|<a href="/index.php/content/index/pid/8.html"> 联 系 我 们</a>|<a href="/index.php/content/index/pid/9.html"> 加 入 我 们</a>|<a href="javascript:fl();"> 法 律 声 明</a> </div><div class="foot-copy">Copyright © HS Entertainment All Rights Reserved. </div></div><div class="flsm ah"><a class="flsm_close">×</a><ul class="flsm_in"><br /><span style="font-size:24px;"><strong>法律声明</strong></span><br /><p><span style="font-size:14px;"><br />
</span></p><p>本网站域名、标识的著作权及相关权利均属威海市影视产业服务公共平台所有，任何人不得擅自使用，亦不得以类似或近似域名、标识、商号、名称等任何形式做混淆使用。</p><p><br /></p><p>本网站上刊载的所有内容，包括但不限于文字报道、图片、声音、录像、图表、标志、标识、广告、商标、商号、域名、软件、程序、版面设计、专栏目录与名称、内容分类标准以及为注册用户提供的任何信息，均受《中华人民共和国著作权法》、《中华人民共和国商标法》、《中华人民共和国专利法》及适用之国际公约中有关著作权、商标权、专利权及／或其它财产所有权法律的保护，为<span>华视娱乐投资集团股份有限公司</span>和／或相关权利人专属所有或持有。</p><p><br /></p><p>凡本网站刊载的未注明来源的所有文字、图片、图表、音频、视频等网上内容，版权属于<span>威海市影视产业服务公共平台</span>和／或相关权利人所有，任何媒体、网站或个人未经<span>威海市影视产业服务公共平台</span>书面授权不得转载、引用、摘编或利用其它方式使用上述作品；已经书面授权的，应在授权范围内使用，并注明来源。违反上述声明者，将被追究相关法律责任。</p>--></script><div class="ewm"><a>×</a><img src="images/15b089be07a74ba468924527a36e7bdf.jpg" /></div><script><!--var bAuto = true;$(function() {var lw;function rz() {var sw = $(window).width();w = sw / 5;lw = w - 10;$('#slider1 li').width(lw);$('#slider1 li').height(lw * 0.65 + $('#slider1 li span').height() + 45);$('#slider1 li a.pic').height(lw * 0.65);$('.banner li').width(sw);var minHeight = 0;scr()}rz();$(window).resize(rz);var nCur = 0;var cn = $('#pic_list1 li').length - 1;var nd = cn + 1;$('#pic_list1').append($('#pic_list1').html());$('#slider1').scrollLeft((lw + 10) * (cn - 1));var w = $('#slider1 li').width() + 10;$("#a_l").click(function() {nd--;scr();});$("#a_r").click(function() {nd++;scr();});$("#pic_list1 li").click(function() {nd = $(this).index();scr();});var t = setInterval(function() {if (bAuto) $("#a_r").click();}, 5000);$('.banner').hover(function() {bAuto = false;}, function() {bAuto = true;});function scr() {var sw = $(window).width();if (nd - cn > 2) {nd = nd - cn - 1;} else if (nd < 3) {nd = cn + nd + 1;}$('#slider1').scrollLeft((lw + 10) * (nd - 2));if (nd > cn) {nCur = nd - cn - 1;} else {nCur = nd;}//alert(sw)$('.cnt').stop().animate({scrollLeft: nCur * sw});}});--></script><div id="video_pannel"><dl><dt></dt><dd><a href="#" class="on">腾讯视频</a><a href="#">优酷视频</a><a href="#">YouTube视频</a></dd></dl></div><link href="css/jquery.fancybox.css" type="text/css" rel="stylesheet"><script src="js/jquery.fancybox.pack.js" type="text/javascript"></script><script><!--$(function() {var curObject = null;$('.btn_video').click(function() {bAuto = false;curObject = $(this);var d = $(this).attr("data0");//$("#video_pannel").html('<video id="media" width="100%" height="100%" autoplay="true" controls><source src="' + d + '" id="v_src"></video>');$("#video_pannel dt").html('<embed src="' + d + '" allowFullScreen="true" quality="high" width="100%" height="100%" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>');$.fancybox('#video_pannel', {padding: 0});$("#video_pannel dd").show();});$('#video_pannel dd a').click(function() {var n = $(this).index();var d = curObject.attr("data" + n);$("#video_pannel dt").html('<embed src="' + d + '" allowFullScreen="true" quality="high" width="100%" height="100%" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>');$('#video_pannel dd a').removeClass('on');$(this).addClass('on');});function video_rz() {var w = $(window).width() * 0.65;$('#video_pannel').width(w);$('#video_pannel dt').height(w * 0.65);}video_rz();$(window).resize(video_rz);});--></script>
</body></html>