HTML实训大作业网页设计：我的简历——响应式个人简历网站模板(1页) HTML+CSS+JavaScript web网页设计制作成品...

>>>❤戳我❤>>>点击进入300例期末大作业作品

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：TML5响应式个人简历网站模板基于HTML+CSS+JavaScript 制作，自适应分辨率，兼容PC端和移动端，单页面多栏目设计，包括关于我、个人经历、教育背景、专业技能、部分作品、联系我们等网站栏目。

2.网页作品编辑方面：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件(例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

文章目录

HTML实训大作业网页设计：我的简历——响应式个人简历网站模板(1页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品
[>>>❤戳我❤>>>点击进入300例期末大作业作品]( https://ruanjiafeng2013.gitee.io/html-page )
作品介绍
一、作品演示
1.关于我
2.个人经历
3.教育背景
4.专业技能
5. 部分作品
6. 联系我们
二、代码目录
三、代码实现
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
五、源码获取
六、更多HTML期末大作业(成品下载)
[>>>戳我>>>点击进入主页查看更多源码]( javascript:void(0) )

1.关于我

2.个人经历

3.教育背景

4.专业技能

5. 部分作品

6. 联系我们

二、代码目录

三、代码实现

<!--Author: W3layoutsAuthor URL: http://w3layouts.comLicense: Creative Commons Attribution 3.0 UnportedLicense URL: http://creativecommons.org/licenses/by/3.0/--><!DOCTYPE html><html><head><title>我的简历是一个引导响应式网站</title><!--mobile apps--><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="keywords" content="My Resume Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 

<link rel="shortcut icon" href="images/your_ico.ico" type="image/x-icon"><link rel="icon" href="images/your_ico.ico" type="image/x-icon"><link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all"><link href="css/style.css" type="text/css" rel="stylesheet" media="all"><link rel="stylesheet" href="css/swipebox.css"><!--//Custom Theme files-->

</head><body><!--banner--><div id="home" class="banner"><div class="banner-info"><div class="container"><div class="col-md-4 header-left"><img src="data:images/img1.jpg" alt=""/></div><div class="col-md-8 header-right"><h2>Hello</h2><h1>My name is Fanbingbing</h1><h6>平面设计师和网站建设人员</h6><ul class="address"><li><ul class="address-text"><li><b>出生日期</b></li><li>09-16-1981</li></ul></li><li><ul class="address-text"><li><b>联系电话 </b></li><li>1500008888</li></ul></li><li><ul class="address-text"><li><b>居住地址 </b></li><li>北京朝阳区赵九路风景线</li></ul></li><li><ul class="address-text"><li><b>个人邮箱 </b></li><li><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=OwoLDg0MAwgIDgJ7SkoVWFRW" target="_blank"> 1056783359@qq.com</a></li></ul></li><li><ul class="address-text"><li><b>名下企业 </b></li><li><a href="http://ent.sina.com.cn/s/m/2007-06-14/07441596561.shtml" target="_blank">冰冰影视传媒工作室</a></li></ul></li><li><ul class="address-text"><li><b>个人店铺 </b></li><li><a href="https://shop114432103.taobao.com/?spm=a230r.7195193.1997079397.2.adK2jM" target="_blank">有兴趣请点击预览个人淘宝店铺→</a></li></ul></li></ul></div><div class="clearfix"> </div></div></div></div><!--//banner--><!--top-nav--><div class="top-nav wow"><div class="container"><div class="navbar-header logo"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">导航</button></div><!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><div class="menu"><ul class="nav navbar"><li><a href="#about" class="scroll">关于我</a></li><li><a href="#work" class="scroll">个人经历</a></li><li><a href="#education" class="scroll">教育背景</a></li><li><a href="#skills" class="scroll">专业技能</a></li><li><a href="#projects" class="scroll">部分作品</a></li><li><a href="#contact" class="scroll">联系我们</a></li></ul><div class="clearfix"> </div></div></div></div></div>  <!--//top-nav--><!--about--><div id="about" class="about"><div class="container"><h3 class="title"> 关于我</h3><div class="col-md-8 about-left"><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;具有较强的用户研究、市场分析能力，对中国用户的社会形态、生活方式有丰富的认识和独特的见解;对色彩、材质感觉细腻而敏感，具有色彩、材质、表面处理的研究和趋势分析能力，对当代中国的色彩具有深入的理解和自己的观点;能够准确把握社会文化、流行趋势，对中国现代社会及传统文化背景有仔细的研究和深刻的理解;对设计工作充满热情，有较强的设计能力，设计的产品范围广泛。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;熟悉服装制作的基础知识，懂得人体结构理论，对服装面料，辅料性质有足够的认识，精通服装制作过程及工艺、成本构成。熟悉服装企业的接单报价排单流程，生产排期流程，制作工艺流程，验货程序标准等。手绘功底深，工作积极性高，为人热情，乐于助人，沟通能力较强，拥有创新思维、有团队精神并能承受较大的工作压力。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拥有多年的工业设计经验，经过时间的积累和沉淀已经有了自己的设计技巧和风格，性格低调，比较细心，责任感强，有进取心，诚实可靠。有很强的团队合作意识和一定的领导能力，具有良好的手绘能力,思维敏锐，学习能力、表达能力出众。</p></div><div class="col-md-4 about-right"><ul><h5>荣誉证书</h5><li><span class="glyphicon glyphicon-menu-right" ></span> 河南工业大学专科学历</li><li><span class="glyphicon glyphicon-menu-right"></span> 郑州大学自考本科学历</li><li><span class="glyphicon glyphicon-menu-right"></span> 高级UI设计师证书</li><li><span class="glyphicon glyphicon-menu-right"></span> 千典公司品牌最佳设计师荣誉</li><li><span class="glyphicon glyphicon-menu-right"></span> ..................................... </li></ul><div class="clearfix"> </div></div><div class="clearfix"> </div></div></div><!--//about--><!--work-experience--><div id="work" class="work"><div class="container"><h3 class="title">个人经历</h3><div class="work-info"> <div class="col-md-6 work-left"> <h4>2017 - 至今 </h4></div><div class="col-md-6 work-right"> <h5><span class="glyphicon glyphicon-briefcase"> </span> 河南千典文化传播有限公司</h5><p>2017年5月，具有设计爱好的三人在一次电话共同组建三人小组，畅谈现如今设计行业发展趋势，6月结交在一起，共同协商千典品牌设计公司发展流程，7月正是注册河南千典文化传播有限公司成立。创定法定代表人,公司经营范围包括：设计、制作、代理、发布国内广告，企业管理咨询，企业营销策划，展览展示策划，文化艺术交流活动策划，平面设计，包装设计，企业形象策划等。 </p></div><div class="clearfix"> </div></div><div class="work-info"> <div class="col-md-6 work-right work-right2"> <h4>2016 - 2017 </h4></div><div class="col-md-6 work-left work-left2"> <h5> 北京吉惠网络科技有限公司 <span class="glyphicon glyphicon-briefcase"> </span></h5><p>2015年11月进入北京吉惠网络科技有限公司，主要负责网站后台维护，前端页面制作，设计。协同他人一起管理产品的上架，客户的沟通！ </p></div><div class="clearfix"> </div></div><div class="work-info"> <div class="col-md-6 work-left"> <h4>2015 - 2016 </h4></div><div class="col-md-6 work-right"> <h5><span class="glyphicon glyphicon-briefcase"> </span> 中国酒商网</h5><p>2015年3月，负责中国酒商网客户产品图的优化，制作！客户网站排版风格设计！ </p></div><div class="clearfix"> </div></div><div class="work-info"> <div class="col-md-6 work-right work-right2"> <h4>2014 - 2015 </h4></div><div class="col-md-6 work-left work-left2"> <h5> 河南工业大学就读参加结业考试 <span class="glyphicon glyphicon-briefcase"></span> </h5><p>2014年先后取得河南工业大学专科学历证书和郑州大学自考本科学历！ </p></div><div class="clearfix"> </div></div></div></div><!--//work-experience--><!--education--><div id="education" class="education"><div class="container"><h3 class="title">教育背景</h3><div class="work-info"> <div class="col-md-6 work-left"> <h4>Master Degree - 2010</h4></div><div class="col-md-6 work-right"> <h5><span class="glyphicon glyphicon-education"> </span> 河南工业大学</h5><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p></div><div class="clearfix"> </div></div><div class="work-info"> <div class="col-md-6 work-right work-right2"> <h4>Diploma in Design - 2010</h4></div><div class="col-md-6 work-left work-left2"> <h5> University Name <span class="glyphicon glyphicon-education"></span></h5><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p></div><div class="clearfix"> </div></div><div class="work-info"> <div class="col-md-6 work-left"> <h4>Web Design - 2008</h4></div><div class="col-md-6 work-right"> <h5><span class="glyphicon glyphicon-education"> </span> University Name</h5><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p></div><div class="clearfix"> </div></div></div></div><!--//education--><!--skills--><div id="skills" class="skills"><div class="container"><h3 class="title">专业技能</h3><div class="skills-info"><div class="col-md-6 bar-grids"><h6>WEB DESIGN  <span> 80% </span></h6><div class="progress"><div class="progress-bar progress-bar-striped active" style="width: 80%"></div></div><h6>UI DESIGN & DEVELOPER <span> 70% </span></h6><div class="progress"><div class="progress-bar progress-bar-striped active" style="width: 70%"></div></div><h6>HTML/CSS<span>90% </span></h6><div class="progress"><div class="progress-bar progress-bar-striped active" style="width: 90%"></div></div><h6>PHOTOSHOP <span> 75% </span></h6><div class="progress"><div class="progress-bar progress-bar-striped active" style="width: 75%"></div>

</body></html>

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

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

❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。

❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、期末大作业模板、等! 「在这里有好多前端开发者，一起探讨前端 Node 知识，互相学习」！

❉3.以上内容技术相关问题可以相互学习，可wx公Z号 ---> web前端小日记 获取更多源码 !