HTML5期末大作业：电影网页设计——在线影院6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

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

临近期末, 很多同学苦于没有参考的资料，或者下载的资料不全、代码有问题、数据有问题等等,造成一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
作品介绍

1.用 HTML 结构标记（或 div 标记）+CSS 进行布局定位（如在 1024×768下全屏显示无横向滚动条）。

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

3.网站页面标题、创意设计制作的 Logo 图标和 Banner 广告符合网站主题。

4.首页栏目数量不少于 3 个，各栏目能正确链接到相应栏目页面，同时各栏目页面能正确返回网站首页。

5.网站内容具有原创性，内容充实，特效且运用合理。

6.网站整体色系符合视觉习惯，布局合理美观，结构层次清楚，目录结构清晰，文件及文件夹命名规范。

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE HTML>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/slider.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">$(window).load(function() {$('#slider').nivoSlider();});</script>
</head>
<body><div class="header"><div class="header_top"><div class="wrap">    <div class="logo"></div><div class="menu"><ul><li class="active"><a href="index.html">主页</a></li><li><a href="about.html">会员</a></li><li><a href="services.html">服务</a></li><li><a href="marketing.html">分类</a></li><li><a href="contact.html">联系</a></li><div class="clear"></div></ul>       </div><div class="clear"></div></div></div><!------ Slider ------------><div class="slider"><div class="slider-wrapper theme-default"><div id="slider" class="nivoSlider"><img src="data:images/1.jpg" data-thumb="images/1.jpg" alt="" /><img src="data:images/2.jpg" data-thumb="images/2.jpg" alt="" /><img src="data:images/3.jpg" data-thumb="images/3.jpg" alt="" /><img src="data:images/4.jpg" data-thumb="images/4.jpg" alt="" /></div></div></div><!------End Slider ------------>               </div><div class="main">  <div class="wrap">        <div class="sidebar"><div class="sidebar_left_top"><div class="services"><h3>猜你喜欢</h3><div class="services_list"><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><li><a href="#">综艺·内地伦理
</a></li><li><a href="#">品质影厅
</a></li><li><a href="#">动漫精选：科幻
</a></li></ul></div></div></div><div class="sidebar_left_bottom"><div class="projects"><h3>独播</h3><div class="project_img"><img src="data:images/project1.jpg"><img src="data:images/project2.jpg"><div class="view-all"><a href="events.html">更多</a></div></div></div></div></div> <div class="content"><div class="content_bottom"><h2>欢迎走进线上影院</h2><h3>本云影院，推崇品质、青春、时尚的品牌内涵如今已深入人心，网罗了全球广大的年轻用户群体，积极推动产品、技术、内容、营销等全方位创新。</h3><p>目前，已成功构建了包含短视频、游戏、移动直播、动漫画、小说、电影票、IP潮品、线下娱乐等业务在内、连接人与服务的 娱乐内容生态，引领视频网站商业模式的多元化发展。</p><div class="feature_list"><h2>影院介绍</h2><ul><li>品牌口号：悦享品质</li><li>企业使命：让梦想绽放，让快乐简单</li><li>企业愿景：做一家以科技创新为驱动的伟大娱乐公司</li><li>企业文化：简单想 简单做</li></ul></div><p>基于“屏”无处不在的发展趋势，充分体现多屏合一和网络视频的互动特性。跳脱出播放键的具象表达，彰现奇艺旨为全屏时代领导者的意图。全屏时代，媒体与用户绝非简单传受关系，而是真正尊重用户所需，给予用户自主选择与话语权利，基于互动、沟通、关爱基础上的信息内容服务。“爱”，是“关爱”，是洞悉用户所需，让用户悦享品质视频及服务的使命体现。“爱”，是“喜爱”，期待以产品、内容、服务赢得用户，建立用户认同品牌。</p><p>“悦享品质”四个字准确表达了爱奇艺高度追求品质的经营理念。作为国内首家倾公司之全力来做正版高清视频播放平台，会从流畅的观映体验、高清的视觉效果、贴心的分享感受等多个方面将“品质”做到极致，满足用户“悦享品质”的生活追求。这一品牌理念的推出，体现出对用户和广告客户双方面的高度重视，意味着在视频行业中，无论是用户需求还是客户需求，都将从更高的品质层面上被满足。对用户而言，初级的“视频浏览”阶段将为“视频欣赏”阶段所替代，对客户而言，基于庞大的“悦享品质”的用户，将会创建高品质的视频营销</p></div></div><div class="sidebar"><div class="sidebar_right_top"><h3>最新娱乐</h3><div class="latestnews"><div class="latestnews_desc"><h4>Jan 15 </h4><p>将登陆纳斯达克。最新招股书显示，爱奇艺最终确定的募资规模均超出原计划，融资总额最高27.3亿美元。已与老虎证券合作面向华人投资者推出独家新股申购通道。.</p><span><a href="#">更多</a></span></div><div class="latestnews_desc"><h4>Jan 20</h4><p>联合其他平台始终坚持与行业不正之风划清界限，抵制不合理片酬、抵制行业不正之风，抵制偷税漏税，并取消了未来几年的偶像选秀节目和任何场外投票环节。</p><span><a href="#">更多</a></span></div></div> </div><div class="sidebar_right_bottom"><h3>会员登录</h3><div class="login_form">               <form><div><span><label>用户名</label></span><span><input name="userName" type="text" class="textbox"></span></div><div><span><label>密码</label></span><span><input name="userName" type="password"></span></div><div><span><input type="submit" class="mybutton" value="提交"></span></div><span><a href="#">忘记密码?</a></span></form></div></div></div><div class="clear"></div></div>
</div><div class="footer"><div class="wrap"><div class="section group"><div class="col_1_of_4 span_1_of_4"><div class="location"><h3>关于我们</h3><ul><li>目前，剧集内容合作范围内包括4种合作模式，即剧集投资制作、剧集版权采购、剧集成片分账、分账网剧前期剧本评估。</li><li>中国内地.</li></ul></div>           </div><div class="col_1_of_4 span_1_of_4"><h3>生态合作</h3><p>请先了解剧集内容以下的几种合作模式，确认您的作品属于爱奇艺剧集的合作范围后，方可按照对应合作模式的合作步骤申请合作。</a></span></p></div><div class="col_1_of_4 span_1_of_4"><h3>用户协议</h3><div class="Testimonials_desc"><p><span class="up"><img src="data:images/quotes.png" alt=""></span>您使用我们的产品及/或服务（“使用”行为指包括但不限于下载、安装、启动、浏览、注册、登录等行为中的一种或多种，下同）即表示您已确认理解并同意本协议。<span class="down"><img src="data:images/quotes-down.png" alt=""></span></p></div></div><div class="col_1_of_4 span_1_of_4"><h3>联系我们</h3><ul class="address"><li><span>手机 :</span> +12 345 67890</li><li><span>电话 :</span> +00 000 00000</li><li><span>传真 :</span> +00 000 00000</li></ul></div></div></div><div class="copy-right"><div class="wrap"><p>@版权所有</p><div class="clear"></div></div> </div></div>
<div style="display:none"><script src='http//v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

看到这里了就 [点赞+好评+收藏] 三连支持下吧！