15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML5期末大作业:电影网站设计——电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生

HTML5期末大作业:电影网站设计——电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生

时间:2023-09-07 01:48:02 | 来源:网站运营

时间:2023-09-07 01:48:02 来源:网站运营

HTML5期末大作业:电影网站设计——电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生HTML个人网页作业作品下载 个人网页设计制作 大学生个人网站作业模板 简单个人网页制作:

HTML5期末大作业:电影网站设计——电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生HTML个人网页作业作品下载 个人网页设计制作 大学生个人网站作业模板 简单个人网页制作

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

HTML期末大作业文章专栏

作品介绍

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

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

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

@TOC

一、作品展示







二、文件目录







三、代码实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"><meta name="author" content="order by dede58.com/" /> <title>Demo</title> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/iconfont.css"></head><body style=" height: 2000px; "> <!---------- 顶部页面 ----------> <div id="header"> <!-- 最顶部 --> <div class="header-top"> <div class="auto-width"> <h1 class="logo fl"><a href="#"><img src="picture/logo.png" alt="#"></a></h1> <div class="search-box fl"> <form action="#"> <input type="text" class="fl search-text" placeholder="Search here..."> <button class="fl search-btn"> <i class="iconfont icon-search"></i> </button> </form> <div class="search-feedback"> <span class="search-hot">今日热搜</span> <div class="search-menu"> <a href="#" class="item item-cur"> <span>1</span> <em>OverWatch</em> </a> <a href="#" class="item item-cur"> <span>2</span> <em>电影知道答案</em> </a> <a href="#" class="item item-cur"> <span>3</span> <em>S6</em> </a> <a href="#" class="item"> <span>4</span> <em>夏目友人帐</em> </a> <a href="#" class="item"> <span>5</span> <em>微小而确实的幸福</em> </a> <a href="#" class="item"> <span>6</span> <em>神盾局特工</em> </a> <a href="#" class="item"> <span>7</span> <em>天凉好个秋</em> </a> </div> </div> </div> <ul class="header-guide fr"> <li class="guide-item download"> <a href="#"> <i class="iconfont icon-app"></i> <span>下载客户端</span> </a> <div class="guide-hover"> <img src="picture/app-download.png" alt="#"> </div> </li> <li class="guide-item login"> <a href="#">登录/注册</a> </li> <li class="guide-item history"> <a href="#"> <i class="iconfont icon-history"></i> </a> <div class="guide-hover"> <span class="text">尚未记录任何历史信息。</span> <a href="#" class="more">More</a> </div> </li> <li class="guide-item upload"> <a href="#"> <i class="iconfont icon-upload"></i> </a> <div class="guide-hover"> <ul> <li><a href="#">投视频</a></li> <li><a href="#">投文章</a></li> </ul> </div> </li> <li class="guide-item collect"> <a href="#"> <i class="iconfont icon-collect"></i> </a> </li> </ul> </div> </div> <!-- 焦点图 --> <div class="header-banner"> <a href="#" class="bg"></a> <span class="text">这辆车……到底能不能上啊!!!</span> <a href="#" class="link"></a> </div> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__2.jpg" alt="#"> <div class="mask-gradient"> <p>嗨呀!好气啊!OW堡傻缺集锦</p> <div class="text-box"> <em>UP: AcFun出品</em> <span class="info"> <i class="iconfont icon-collect">14.9万</i> <i class="iconfont icon-collect">165</i> </span> </div> </div> </a> </li> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__3.jpg" alt="#"> <div class="mask-gradient"> <p>嗨呀!好气啊!OW堡傻缺集锦</p> <div class="text-box"> <em>UP: AcFun出品</em> <span class="info"> <i class="iconfont icon-collect">14.9万</i> <i class="iconfont icon-collect">165</i> </span> </div> </div> </a> </li> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__4.jpg" alt="#"> <div class="mask-gradient"> <p>嗨呀!好气啊!OW堡傻缺集锦</p> <div class="text-box"> <em>UP: AcFun出品</em> <span class="info"> <i class="iconfont icon-collect">14.9万</i> <i class="iconfont icon-collect">165</i> </span> </div> </div> </a> </li> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__6.jpg" alt="#"> <div class="mask-gradient"> <p>嗨呀!好气啊!OW堡傻缺集锦</p> <div class="text-box"> <em>UP: AcFun出品</em> <span class="info"> <i class="iconfont icon-collect">14.9万</i> <i class="iconfont icon-collect">165</i> </span> </div> </div> </a> </li> <li class="slider-menu__item"> <a href="#" class="item"> <img src="picture/slider-menu__5.jpg" alt="#"> <div class="mask-gradient"> <p>嗨呀!好气啊!OW堡傻缺集锦</p> <div class="text-box"> <em>UP: AcFun出品</em> <span class="info"> <i class="iconfont icon-collect">14.9万</i> <i class="iconfont icon-collect">165</i> </span> </div> </div> </a> </li> </ul> </section> <!-- 猴子推荐 --> <section class="area clearfix area-recommend"> <header class="area-header"> <h2 class="title"> <img src="picture/area-title__1.gif" alt="#"> <b>猴子推荐</b> <em>十分好评快来看啦</em> </h2> </header> <div class="area-cont"> <div class="area-main fl"> <ul class="area-menu fl clearfix"> <li class="area-menu__item"> <a href="#" class="img"> <img src="picture/area-menu__1.jpg" alt="#"> <span class="mask"> <em class="time">4:47</em> </span> </a> <div class="info"> <a href="#" class="title">这只喵技能树突破天际啦!</a> <a href="#">匿名版</a> <br> <a href="#">AC大逃杀</a> </p> </div> <span class="line"></span> <div class="item"> <h4>反馈</h4> <p> <a href="#">意见反馈</a> <a href="#">举报</a> <a href="#">帮助中心</a> <br> <a href="#">免责声明</a> <a href="#">用户协议</a> </p> </div> </div> <div class="footer-img fr"> <img src="picture/footer-logo.gif" alt="#"> </div> </div> <div class="footer-middle clearfix"> <div class="item"> <a href="#"><i class="icon icon-1"></i>中国互联网举报中心</a> <a href="#"><i class="icon icon-2"></i>网络文化经营单位</a> </div> <div class="item"> <span>京8888888888号</span> </div> <div class="item"> <span>节目制作经营许可证66666666666号</span> </div> </div> <div class="footer-bottom"> <img src="picture/logo-gray.png" alt="#"> <p>本站不提供任何视听上传服务,所有内容均来自视频分享站点所提供的公开引用资源。********</p> </div> </div> </div> <a href="javascript:;" id="back_top" class="iconfont icon-up"></a> <script src="js/jquery.min.js"></script> <script src="js/script.js"></script> <script src="js/sliderbox.js"></script> <script src="js/tab.js"></script></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浏览器
关闭