15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML5期末大作业:电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+Ja

HTML5期末大作业:电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+Ja

时间:2023-09-16 03:48:01 | 来源:网站运营

时间:2023-09-16 03:48:01 来源:网站运营

HTML5期末大作业:电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 学生网页制作源代码下载:

HTML5期末大作业:电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 学生网页制作源代码下载

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

HTML期末大作业文章专栏

作品介绍

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

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

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

@TOC

一、作品展示







二、文件目录







三、代码实现

<html><!DOCTYPE html><head id="Head"><script type="text/javascript">var allpane = 'topAreaA|headerAreaA|mainArea|sidebarAreaA|footerAreaA|bottomAreaA|fixedBottomArea|fixed-left|fixed-right|popup-area';</script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="author" content="order by dede58.com" /><title>我不是药神响应式模板(自适应手机端)</title><meta name="keywords" content="" /><meta name="description" content="" /><meta http-equiv="PAGE-ENTER" content="RevealTrans(Duration=0,Transition=1)" /><link id="qhddefaultcontent9673_css" rel="stylesheet" type="text/css" href="style/qhdcontent.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_content_css" rel="stylesheet" type="text/css" href="style/content.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_menu_css" rel="stylesheet" type="text/css" href="style/menu.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_jquery_fancybox_1_3_4_css" rel="stylesheet" type="text/css" href="style/jquery.fancybox-1.3.4.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_pgwslideshow_css" rel="stylesheet" type="text/css" href="style/pgwslideshow.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_animate_min_css" rel="stylesheet" type="text/css" href="style/animate.min.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_style_css" rel="stylesheet" type="text/css" href="style/style.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_style_blue_css" rel="stylesheet" type="text/css" href="style/style-blue.css" /><!--[if lt IE 9]> <script src="js//skin/js/html5.js"></script><![endif]--><!--[if IE 6]> <script type="text/javascript" src="js/js/skin/js/ie7.js"></script> <script type="text/javascript" src="js/js/skin/js/dd_belatedpng.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('.top img, .footer img, .bottom img, .form-btn, .module-icon-default'); </script><![endif]--><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport"></head><!-- 外部样式 --><body class="font-zh-CN" style=""> <script src="js/a1portalcore.js" type="text/javascript"></script><script src="js/a1portal.js" ></script><script src="js/jquery-1.7.2.min.js" ></script><script src="js/superfish.js" ></script><script src="js/jquery.caroufredsel.js" ></script><script src="js/jquery.touchswipe.min.js" ></script><script src="js/jquery.tools.min.js" ></script><script src="js/jquery.fancybox-1.3.4.pack.js" ></script><script src="js/pgwslideshow.min.js" ></script><script src="js/jquery.fixed.js" ></script><script src="js/cloud-zoom.1.0.2.min.js" ></script><script src="js/device.min.js" ></script><script src="js/html5media-1.2.js" ></script><script src="js/animate.min.js" ></script><script src="js/isotope.pkgd.min.js" ></script><script src="js/custom.js" ></script> <div id="wrapper" class="insi-page"><!-- ==================== S top ==================== --> <header class="top header-v1 desktops-section default-top"><!-- S top-main --> <div class="top-main"> <div class="page-width clearfix"> <div class="logo" skinobjectzone="HtmlLogo_408"><a href="index.htm" ><img src="images/ys.png" alt="家教教育培训响应式模板(自适应手机端)" /></a></div> <!-- end of logo --> <div class="top-main-content float-right"> <div class="top-main-content-section float-right clearfix"><!-- S language --><!-- E language --> <div id="a1portalSkin_topAreaA" class="top-widget float-right"><!-- Start_Module_216339 --><a name="26305" id="26305"></a> <div class="module-default module-no-margin"> <div class="module-inner"> <div id="a1portalSkin_ctr216339216339_mainArea" class="module-content"><!-- Start_Module_216339 --> <div class="qhd-content"> <p> <span style="color:#3869b3;"><span style="font-size:16px;">咨询热线:400-123-4567 &nbsp;</span></span><span style="color:#808080;"><span style="font-size:16px;"> | &nbsp;<a href="#">腾讯微博</a> &nbsp;| &nbsp;<a href="#">新浪微博</a></span></span></p> </div> <!-- End_Module_216339 --></div> </div> </div> </div> </div> <div class="clear"></div> <!-- S nav --> <nav class="nav"> <div class="main-nav clearfix" skinobjectzone="menu_701"> <ul class="sf-menu"> <li ><a class="first-level" href="index.htm" target=""><strong>首页</strong></a><i></i></li> <li class=""><a class="first-level" href="index-1.htm" target=""><strong>角色介绍</strong></a><i></i> <ul class=""> </ul> </li><li class=""><a class="first-level" href="index-2.htm" target=""><strong>获奖记录</strong></a><i></i> <ul class=""> </ul> </li><li class="current"><a class="first-level" href="index-3.htm" target=""><strong>电影评价</strong></a><i></i> <ul class=""> <li class=""><a class="" href="index-3.htm" target=""><strong>电影评价</strong></a></li><li class=""><!--<a class="" href="index-6.htm" target=""><strong>电影评价视频</strong></a></li><li class=""><a class="" href="index-7.htm" target=""><strong>试题练习</strong></a></li><li class=""><a class="" href="#" target=""><strong>大学公开课</strong></a>--></li> </ul> </li><li class=""><!--<a class="first-level" href="index-4.htm" target=""><strong>新闻资讯</strong></a>--><i></i> <ul class=""> <li class=""><a class="" href="index-4.htm" target=""><strong>公司新闻</strong></a></li><li class=""><a class="" href="index-9.htm" target=""><strong>行业动态</strong></a></li><li class=""><a class="" href="index-10.htm" target=""><strong>视频中心</strong></a></li> </ul> </li><li class=""><!--<a class="first-level" href="index-5.htm" target=""><strong>联系我们</strong></a>--><i></i> <ul class=""> </ul> </li> </ul> </div> </nav> <!-- E nav--></div> </div> </div> <!-- E top-main --> <div class="clear"></div> </header> <!-- S touch-top-wrapper --> <div class="touch-top mobile-section clearfix"> <div class="touch-top-wrapper clearfix"> <div class="touch-logo" skinobjectzone="HtmlLogo_1554"><a class="" href="index.htm" ><img src="images/0b175d61-194a-4663-b646-1d55fb6e11d2_0_60.png" alt="家教教育培训响应式模板(自适应手机端)" /></a></div> <!-- S touch-navigation --> <div class="touch-navigation"> <div class="touch-toggle"> <ul> <li class="touch-toggle-item-last"><a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu"><i class="touch-icon-menu"></i><span>导航</span></a></li> </ul> </div> </div> <!-- E touch-navigation --></div> <!-- S touch-top --> <div class="page-width clearfix"><!-- S content --> <section class="content float-right"><!-- S page-title --> <section class="page-title page-title-inner clearfix"><!-- S breadcrumbs --> <div class="breadcrumbs float-right" skinobjectzone="HtmlBreadCrumb_2698"><span>当前位置:</span><a href="index.htm" >主页</a> > <a href="index-3.htm" >电影评价</a> > <a href="index-3.htm" >电影评价</a></div> <!-- E breadcrumbs --><!-- S page-name --> <div class="page-name float-left"> <h2>电影评价</h2> </div> <!-- E page-name --></section> <!-- E page-title --> <div id="a1portalSkin_mainArea" class="content-wrapper"><!-- Start_Module_216351 --><a name="25978" id="25978"></a> <div class="module-default"> <div class="module-inner"> <div id="a1portalSkin_ctr216351216351_mainArea" class="module-content"><!-- Start_Module_216351 --> <div class="qhd-content"> <div style="text-align: left; font-size:25px;"> 我不是药神:坏制度与好人。</div> <p style="text-align: center;"> 38.7万人评分9.0,除了自来水。没可能进行。这故事有点达拉斯买家俱乐部。但是坏制度下的好人,还得为主旋律服务。难为文牧野,徐峥,宁浩了。这是一部探底的现实主义题材,如果什么都不让拍,怎么反腐,如何医改。所以都在套路中。徐峥是好演员,而且这片接地气。拿钱买命,他们违法么,有罪么,如果不牟利呢,如果赔钱呢?这钱该谁贴呢?领导。我就问你,为什么一定要死人,才能促进一个制度的改变呢?为什么要这么大代价?在一个国度里,想有尊严的活着,哪怕体面的死去,难道都这么难么?面对钱,谁没欲望。那个不被诱惑。但是,面对病,大家都是平等的,只是你用什么方式续命。我大概理解很多评分高的原因,老百姓想看什么,给他们拍,尺度要把握好,警察中必须有正面角色,政府的有力措施与效果必须点名。想上。就得戴着镣铐跳舞,如果你还能赢得掌声。那么你是真正的舞者。为什么能赢?答案,有共鸣。生命攸关的题材,怎么可能轻松。这里面的正面人物真的正面吗?非法走私印度神油的家暴男?地下夜店跳钢管舞?杀马特暴力青年?有目的宣讲的牧师?唆使犯罪的中间商?但是,这个群体却真正让很多人摘掉了口罩,泪湿了眼眶。甚至连那个印度药厂老板都让人觉得大义凛然,充满信仰。这是一种非常高级的黑色幽默。为德国天价药宣传的是媒体,保驾护航的是公检法,而斗智斗勇的是基层病友与良心人士。多么讽刺!多么可悲!吃个橘子让人心酸,楼下有宾馆让人心寒,500块一瓶让人心颤,车开慢一点让人心动。想到十里长街了。为啥让孩子出国啊,你说呢?你苦苦挣扎的底线。却变成了义薄云天,所有的感恩都在面具以下,屏幕后面,为病了的人民服务。 </p><!--<p style="text-align: center;"> 某某家教全面网罗各科名师。除根据常规的学科外,还根据性格、兴趣等,</p><p style="text-align: center;"> 通过专业助教协助,实现老师和学生的优适匹配;让老师和学生教学相长,彼此成就。</p><h3 style="text-align: center;"> 我们的初衷,让老师和学生彼此成就</h3><p style="text-align: center;"> 让老师和学生可以双向自由选择,让学生的每一次学习都是愉悦的体验,让老师们重燃往昔的那份热情;</p><p style="text-align: center;"> 通过重建教与学之间的信任关系,将逐步从根本上影响老师的教学态度和学生的学习态度,</p><p style="text-align: center;"> 实现老师与学生的教学相长、彼此成就。</p>--><p style="margin: 0px 0px 15px; padding: 0px; line-height: 25.2px; color: rgb(77, 77, 77); font-family: 'Microsoft YaHei', 微软雅黑, Arial, sans-serif; font-size: 14px; text-align: center;"> <span style="font-size: 16px;"><img alt="" src="images/1-1611221059144X.jpg" style="border: 0px; vertical-align: middle; max-width: 100%; height: 360px; width: 900px;" /></span></p> </div> <!-- End_Module_216351 --></div> </div> </div> </div> </section> <!-- S content --><!-- S sidebar --> <section class="sidebar float-left"><!-- S page-menu --> <section class="page-menu" skinobjectzone="menu_2881"> <div class="page-menu-content"> <ul> <li class='current'><a href="#" >电影评价</a><i></i></li> <!--<li class=""><a href="#" target="">电影评价视频</a><i></i></li> <li class=""><a href="#" target="">试题练习</a><i></i></li> <li class=""><a href="#" target="">大学公开课</a><i></i></li>--> </ul> <!-- S 没有子菜单时输出 --><!-- E 没有子菜单时输出 --><script type="text/javascript"> $(document).ready(function(){ $('.page-menu-content ul').find('li:last').addClass('last'); $('.page-menu-content > ul > li > a').click(function(){ if( $(this).parent('li').find('ul') ){ $(this).parent('li').find('ul').slideDown('fast'); $(this).parent('li').siblings('li').find('ul').slideUp('fast'); $(this).parent('li').addClass('current').siblings('li').removeClass('current'); } }); });</script></div> </section> <!-- S page-menu --> <div class="clear"></div> <div id="a1portalSkin_sidebarAreaA" class="QHDEmptyArea sidebar-content"></div> </section> <!-- E sidebar --></div> </section> <!-- ==================== E main ==================== --><!-- ==================== S footer ==================== --> <footer class="footer"> <div class="footer-main"> <div id="a1portalSkin_footerAreaA" class="page-width clearfix"><!-- Start_Module_216343 --><a name="26325" id="26325"></a> <div class="module-default"> <div class="module-inner"> <div id="a1portalSkin_ctr216343216343_mainArea" class="module-content"><!-- Start_Module_216343 --> <div class="qhd-content"> <div class="column"> <div class="col-4-3"> <p> <span style="font-size:16px;">产品服务热线 400-123-4567</span></p> <p> <span style="font-size:16px;">Copyright © 2018 我不是药神 版权所有 </span></p> <p> <span style="font-size:16px;">ICP备********号</span></p> </div> <div class="col-4-1 last"> <p style="text-align: right;"> <img alt="" class="qhd-pr" src="images/ys.png" style="width: 260px; height: 60px; top: 20px;" /></p> </div> </div> </div> <!-- End_Module_216343 --></div> </div> </div> </div> </div> </footer> <!-- ==================== E footer ==================== --><!-- ==================== S bottom ==================== --> <section class="bottom"> <div id="a1portalSkin_bottomAreaA" class="QHDEmptyArea page-width clearfix"></div> </section> <!-- ==================== E bottom ==================== --></div><!-- end of wrapper --><!-- S fixed-bottom --><div id="a1portalSkin_fixedBottomArea" class="QHDEmptyArea fixed-bottom"></div><!-- E fixed-bottom --><!-- S fixed-side --><div id="a1portalSkin_fixed-left" class="QHDEmptyArea fixed-side fixed-left"></div><!-- E fixed-side --><!-- S fixed-side --><div id="a1portalSkin_fixed-right" class="fixed-side fixed-right"><!-- Start_Module_216344 --><a name="26330" id="26330"></a> <div class="module-default"> <div class="module-inner"> <div id="a1portalSkin_ctr216344216344_mainArea" class="module-content"><!-- Start_Module_216344 --> <div class="link-fixed-side"> <ul> <!-- <li class=""><a href="#" class="link-name" target="_blank"><i style="background-image:url(images/3f346a9c-bea9-4553-9f80-0ee4c3c0e7d2_32_32_uniformfill.png);" alt="找老师"></i><span>找老师</span></a></li> <li class=""><a href="#" class="link-name" target="_blank"><i style="background-image:url(images/ce1199d2-6a54-443b-8ebb-6c5e44aaa791_32_32_uniformfill.png);" alt="在线客服"></i><span>在线客服</span></a></li> <li class=""><a href="javascript:;" class="link-name" target="_blank"><i style="background-image:url(images/58996783-9783-4f9e-827e-07ee80a3e1ec_32_32_uniformfill.png);" alt="服务热线"></i><span>服务热线</span></a> --> <div class="link-summary"><i class="arrow-section-r"></i> <div class="link-summary-content"> <div class="qhd-content"> <p style="text-align:center;">400-123-4567</p> </div> </div> </div> </li> <!-- <li class=""><a href="#" class="link-name" target="_blank"><i style="background-image:url(images/cce6d5f8-3515-486a-9c52-413961832741_32_32_uniformfill.png);" alt="微信二维码"></i><span>微信二维码</span></a></li>--> </ul> </div> <!-- End_Module_216344 --></div> </div> </div></div><!-- E fixed-side --><!-- S popup --><div id="popup" class="popup"> <div class="popup-content not-animated" data-animate="fadeInDown"> <div id="a1portalSkin_popup-area" class="popup-content-wrapper"><!-- Start_Module_216345 --><a name="26331" id="26331"></a> <div class="module-default"> <div class="module-inner"> <div id="a1portalSkin_ctr216345216345_mainArea" class="module-content"><!-- Start_Module_216345 --> <div class="qhd-content"> <p style="text-align: center;"> <img alt="" src="images/weixin.png" style="width: 180px; height: 180px;" /><br /> 扫描二维码关注最新动态</p> </div> <!-- End_Module_216345 --></div> </div> </div> </div> <div class="popup-close-btn"><a href="javascript:;" title="关闭"><span>关闭</span></a></div> </div> <div class="popup-overlay"></div></div><!-- E popup --><!-- E go top --><div class="gotop-wrapper"><a href="javascript:;" class="fixed-gotop gotop"></a></div><!-- E go top --><!-- 外部脚本 --><!--58(dede58.com)做最好的整站模板下载网站--> </body></html>






四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程) 适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站





五、完整源码

作者主页-更多源码

HTML期末大作业文章专栏

~ 关注我,点赞博文~ 每天带你涨知识!

相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

【百度网盘-源码下载地址】

链接:https://pan.baidu.com/s/1T5XeFJ7WE2ASbylHE2sRMA 提取码:8888


六、更多源码

HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他* 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!



关键词:电影,响应,作业,设计

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭