15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > TML5期末大作业:漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设

TML5期末大作业:漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设

时间:2023-09-21 02:18:01 | 来源:网站运营

时间:2023-09-21 02:18:01 来源:网站运营

TML5期末大作业:漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设计模板下载:

HTML5期末大作业:漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, 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"> <title>黑夜主权(Night)</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta name="apple-mobile-app-capable" content="yes"> <meta name="apple-mobile-app-status-bar-style" content="black"> <meta name="description" content="一只叫做黑夜的阿宅,想成为家喻户晓的大侠"> <meta name="keywords" content="二次元,宅属性,前端,编程,全栈,绘画,设计"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="author" content="cononico"> <meta name="application-name" content="Cononico"> <link rel="stylesheet" type="text/css" href="css/main.css"> <link rel="stylesheet" type="text/css" href="css/process.css"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <script type="text/javascript"> //设定rem值 document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px'; </script></head><body> <header class="head"> <div class="head_logo_div"> <img class="logo_img" src="images/upload/head.jpg"></a> </div> <div class="head_nav_div"> <nav class="head_nav"> <ul id="nav_ul"> <li class="nav_li_on nav_ul_li">Home</li> <li class="nav_ul_li">Skill</li> <li class="nav_ul_li">Experience</li> <li class="nav_ul_li">Hobby</li> <li class="nav_ul_li">Contact</li> </ul> </nav> </div> <div class="clear"></div> </header> <ul class="float_btn" id="float_btn"> <li class="btn_on"></li> <li></li> <li></li> <li></li> </ul> <div class="wrapBox" id="wrapBox"> <div class="box"> <img class="box_bg" src="images/upload/pic_1.jpg"> <div class="box01_content"> <div class="head_div"> <div class="cycle_item"> <a href="https://yoomeili.cn" class="github_a" id="github_a" target="_blank"> <span class="github_icon"></span> <span class="github_text"><p class="item_name">GitHub</p></span> </a> <a href="http://blog.yoomeili.cn" class="weibo_a" id="weibo_a" target="_blank"> <span class="weibo_icon"></span> <span class="weibo_text"><p class="item_name">微博</p> </span> </a> <a href="http://blog.yoomeili.cn" class="blog_a" id="blog_a" target="_blank"> <span class="blog_icon"></span> <span class="blog_text"><p class="item_name"> 博客</p></span> </a> <div class="green_cycle"> <img class="green_cycle_img" src="images/icon/green_cycle.svg"> <div class="yellow_cycle"> <img class="yellow_cycle_img" src="images/icon/yellow_cycle.svg"> <div class="blue_cycle"> <img class="blue_cycle_img" src="images/icon/blue_cycle.svg"> <div class="head_img_div"> <img class="head_img" src="images/upload/head.jpg"> </div> </div> </div> </div> </div> </div> <h1 class="title">黑夜</h1> <h2 class="title_h2">千里之行,始于足下</h2> <div id="box01_text"> <p class="box01_p">不久前还只是一个失业农民工.</p> <p class="box01_p">现在还只是一只喜欢动漫和文学的学生党.</p> <p class="box01_p">不久以后将是又一个人生迷茫的旅行者.</p> </div> </div> <div class="arrow_div"> <img class="arrow_img" src="images/icon/arrowhead.png"> </div> </div> <div class="box"> <img class="box_bg" src="images/upload/pic_2.jpg"> <div class="box02_content box_content"> <div id='bar_container' class="bar_container"> <div class='bar mint' data-percent='70' data-skill='HTML5+CSS3'></div> <div class='bar red' data-percent='50' data-skill='JavaScript'></div> <div class='bar lila' data-percent='50' data-skill='前端工程化'></div> <div class='bar orange' data-percent='50' data-skill='Node.js'></div> <div class='bar gray' data-percent='30' data-skill='Java || C++'></div> <div class="bar blue" data-percent='50' data-skill='PS&AE&PR&AI'></div> <div class="bar green" data-percent='60' data-skill='绘画'></div> </div> <div id="box02_text"> <h1>About Skill</h1> <div class="overline"></div> <p>2012,第一次接触是C/C++,在拥挤的实验室</p> <p>2013,三月份在寝室迷上了网络游戏</p> <p>九月份开始学习到Java</p> <p>2014,年初的时候摸了摸Android,觉得稀奇有趣</p> <p>剩下的月份我在看JavaWeb</p> <p>2015,接触到WordPress,兴趣开始转到前端和脚本语言</p> <p>上半年插科打诨</p> <p>下半年开始学习H5,CSS3,JS</p> <p>现在正在学习前端工程化技术</p> <p>喜欢UI,交互设计,觉得UED是我坚持精确1个像素的动力</p> <p>而未来...</p> <p>想成为一名全栈工程师</p> </div> <div class="clear"></div> </div> <div class="arrow_div"> <img class="arrow_img" src="images/icon/arrowhead.png"> </div> </div> <div class="box"> <img class="box_bg" src="images/upload/pic_3.jpg"> <div class="box_content box03_content"> <ul id="timeUl" class="timeUl"> <li> <div> <h1>2012-Now</h1> <p>淄博职业学院</p> <p>专业:机械制造与自动化</p> <p>在风气不佳的考试战场中险些挂科(poi~)</p> <p>最喜欢的科目是LOL <p> <p>现在正在愁于毕业设计</p> </div> </li> <li> <div> <h1>2015.7-2015.8</h1> <p>青花瓷酒店</p> <p>服务员</p> <p>没学到什么东西</p> <p>前途多艰</p> </div> </li> <li> <div> <h1>2016.3-2016.4</h1> <p>小菜馆</p> <p>传菜生</p> <p>前途多艰</p> </div> </li> <li> <div> <h1>Future</h1> <p>...</p> </div> </li> </ul> </p> <p> 此外也会写点东西,就是毅力不够,仍需磨砺. </p> </div> </li> <div class="clear"></div> </ul> </div> <div class="arrow_div"> <img class="arrow_img" src="images/icon/arrowhead.png"> </div> </div> <foot id="foot" class="foot"> <h1 class="foot_title">Contact With Me</h1> <div class="foot_info_main"> <ul> <li class="github_items"> <a href="http://blog.yoomeili.cn" target="_blank">GitHub</a> </li> <li class="google_items"> <a href="http://blog.yoomeili.cn" target="_blank">Google+</a> </li> <li class="twitter_items"> <a href="http://blog.yoomeili.cn" target="_blank">Twitter</a> </li> <li class="facebook_items"> <a href="http://blog.yoomeili.cn" target="_blank">FaceBook</a> </li> <li class="weibo_items"> <a href="http://blog.yoomeili.cn" target="_blank">微博</a> </li> <li class="zhihu_items"> <a href="http://blog.yoomeili.cn" target="_blank">本站</a> </li> <li class="blog_items"> <a href="http://blog.yoomeili.cn" target="_blank">博客</a> </li> <li class="email_items"> <a href="mailto:min@coolecho.net" target="_blank">邮箱</a> </li> <div class="clear"></div> </ul> <div class="qrcode_div"> <span class="weixin"> <a class="weixin_icon"></a> <img class="weixin_img" src="images/upload/weixin_qr.png"> </span> <span class="dingding"> <a class="dingding_icon"></a> <img class="dingding_img" src="images/upload/dingding_qr.png"> </span> <span class="qq"> <a class="qq_icon"></a> <img class="qq_img" src="images/upload/qq_qr.jpg"> </span> </div> </div> <div class="foot_power"> <h3>©2016 Pwoerd <a href="http://yoomeili.cn" title="Night" target="_blank"> Night's</a> <a href="https://blog.yoomeili.cn" title="IceEnd">黑夜主权</a> <a href="http://www.miitbeian.gov.cn/" title="beian" target="_blank">浙ICP备14039906号-1</a> </h3> </div> </foot> </div> <script type="text/javascript" src="js/main.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浏览器
关闭