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="/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="致我们终将逝去的青春 ()" /><ul><h3>致我们终将逝去的青春 ()</h3><span>改编自作家辛夷坞的同名小说，由香港导演关锦鹏担任监制，内地编剧李樯改编剧本，海峡两岸演员赵又廷、韩庚、杨子姗、江疏影、张瑶、刘雅瑟、包贝尔、郑恺、黄明、王嘉佳、佟丽娅等主演，王菲演唱主题曲《致青春》，于4月26日全国公映。内地最终票房为7.2亿。</span></ul><p><a href="javascript:;" class="btn_video" data0="http://static./TPout.swf?vid=z0011e00wzq&auto=1" data1="/player.php/sid/XNTA4NDM0NzQw/v.swf?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isS" data2="/v/JJCs-pgHWL8">预告欣赏</a><ahref="/index.php/content/index/pid/2/cid/20.html">关于作品</a></p></li><li><img src="images/ed472ad6636763e22da62194b119ef1a.jpg" alt="平凡的世界()" /><ul><h3>平凡的世界()</h3><span>56集电视连续剧。根据路遥同名小说改编，华视团队历时8年创作、投资近1.2亿元拍摄，由著名导演毛卫宁执导，王雷、佟丽娅、袁弘、李小萌、刘威、吕一、尤勇智等主演，讲述了在面对现实压力和人生抉择时，少安少平兄弟俩依旧坚守最初梦想和对爱情执着追求的故事。该剧已于2月26日在北京卫视、东方卫视首播。该剧获得上海电视节第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>致青春 ()</h3><span>7月11日登陆东方卫视、安徽卫视黄金档，北京卫视非黄档，优酷视频。80后最受欢迎女作家辛夷坞百万畅销原著小说改编，“白玉兰”奖金牌导演杨文军，携手最受瞩目新生代青春明星阵容杨玏、陈瑶、张丹峰、马可、徐悦等，推出 “非看不可的荧屏青春爆款”！</span></ul><p><a href="javascript:;" class="btn_video" data0="http://static./TPout.swf?vid=a0310c4caiz&auto=0" data1="/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="致我们终将逝去的青春 ()" class="txt"><b>致我们终将逝去的青春 ()</b><span>改编自作家辛夷坞的同名小说，由香港导演关锦鹏担任监制，内地编剧李樯改编剧本，海峡两岸演员赵又廷、韩庚、杨子姗、江疏影、张瑶、刘雅瑟、包贝尔、郑恺、黄明、王嘉佳、佟丽娅等主演，王菲演唱主题曲《致青春》，于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="平凡的世界()" class="txt"><b>平凡的世界()</b><span>56集电视连续剧。根据路遥同名小说改编，华视团队历时8年创作、投资近1.2亿元拍摄，由著名导演毛卫宁执导，王雷、佟丽娅、袁弘、李小萌、刘威、吕一、尤勇智等主演，讲述了在面对现实压力和人生抉择时，少安少平兄弟俩依旧坚守最初梦想和对爱情执着追求的故事。该剧已于2月26日在北京卫视、东方卫视首播。该剧获得上海电视节第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="刀客家族的女人 ()" class="txt"><b>刀客家族的女人 ()</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后华语男明星董子健，香港新一代甜心小天后颜卓灵联袂领衔主演，精心缔造度最受瞩目的华语青春电影扛鼎之作！影片将于7月29日在全国公映，相约影院，与你同在。</span></a></li><li><a class="pic" style="background:url(images/798dc1b43cfe7dc38160d3c16271a0d3.jpg) no-repeat center; background-size:cover;"></a><a title="致青春 ()" class="txt"><b>致青春 ()</b><span>7月11日登陆东方卫视、安徽卫视黄金档，北京卫视非黄档，优酷视频。80后最受欢迎女作家辛夷坞百万畅销原著小说改编，“白玉兰”奖金牌导演杨文军，携手最受瞩目新生代青春明星阵容杨玏、陈瑶、张丹峰、马可、徐悦等，推出 “非看不可的荧屏青春爆款”！</span></a></li></ul></div><div class="footer"><div class="foot-nav"><a href=""> 旗 下 控 股</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>
四、完整源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码
期末作业成品代码——威海影视(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
