时间:2023-10-16 08:30:02 | 来源:网站运营
时间:2023-10-16 08:30:02 来源:网站运营
HTML5+CSS大作业——个人简历设计(5页):# HTML5+CSS大作业——个人简历设计(5页)常见网页设计作业题材有个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
等网页设计题目,A+水平作业
, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
PC电脑端关注我们
***<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简历</title> <link rel="stylesheet" type="text/css" href="css/main.css"></head><body> <aside> <a class="cur_a"><span>首页</span></a> <a><span>关于我</span></a> <a><span>技能</span></a> <a><span>经验</span></a> <a><span>联系我</span></a> </aside> <section class="page_one" id="page1"> <nav> <div class="nav_wrap"> <div class="resume_logo"> <a href="index.html">Resume</a> </div> <div class="nav_bar"> <ul class="nav_bar_ul"> <li><a href="index.html">Home</a></li> <li><a href="#">page2</a></li> <li><a href="#">page3</a></li> <li><a href="#">page4</a></li> <li><a href="#">page5</a></li> </ul> </div> </div> </nav> <div class="cen_con"> <div class="portrait"> <img onmousemove="this.src='images/22.png'" / onmouseout="this.src='images/portrait1.jpg'" / src="images/portrait1.jpg"> </div> <div class="cen_text"> <h2>世上只有想不通的人,没有走不通的路。</h2> <hr> <h3>张婷</h3> <h3>Web前端工程师</h3> <h3>求职杭州 / 杭州</h3> <h3>18551133163</h3> </div> </div> <div class="down_arrow"> <a class="scroll"><span></span></a> </div> </section> <section class="page_two" id="page2"> <div class="con_wrap"> <div class="tit_wrap"> <h1>关于我</h1> <div class="scissors"> <span></span> </div> <h2> 如果debugging是一种消灭bug的过程,那编程就一定是把bug放进去的过程。</h2> </div> <div class="myinfo"> <table> <tbody> <tr> <td rowspan="6"> <img src="images/portrait1.jpg"> </td> <td>姓名 | 张婷</td> <td>手机 | 18551133163</td> </tr> <tr> <td>性别 | 女</td> <td>邮箱 | 593022384@qq.com</td> </tr> <tr> <td>出生 | 1992.08.23</td> <td>QQ号 | 593022384</td> </tr> <tr> <td>居住 | 浙江省杭州市</td> <td>户籍 | 浙江省杭州市</td> </tr> <tr> <td>学历 | 本科</td> <td>学校 | 淮阴师范学院</td> </tr> <tr> <td>专业 | 计算机科学与技术</td> <td>英语 | 英语六级</td> </tr> <tr> <td colspan="3"> <p>项目:</p><br> <a href="http://www.1-yd.com/">1. 闻行一阅读(基于Amaze UI 查看网址:www.1-yd.com)</a><br> <a>2. 中笕-汽车保养(基于Metronic的Bootstrap,内部项目,无法展示)</a><br><br> <p>小作品 (查看网址:http://www.17sucai.com/boards/117475.html)</p><br> <a href="http://www.17sucai.com/boards/117475.html">1. 手工皂(注:瀑布流本地没问题) </a> <a href="http://www.17sucai.com/boards/117475.html">2. 个人主页 </a> <a href="http://www.17sucai.com/boards/117475.html">3. 手工皂 </a><br> </td> </tr> </tbody> </table> </div> </div> <div class="down_arrow"> <a class="scroll"><span></span></a> </div> </section> <section class="page_three" id="page3"> <div class="con_wrap"> <div class="tit_wrap"> <h1>技能</h1> <div class="scissors"> <span></span> </div> <h2>代码,我们眼中的世界,别人眼中的天书。</h2> </div> <div class="skill_con"> <div class="canvas_wrap"> <div class="canvas_con"> <div class="text_con"> <p class="percent">90%</p> <p class="chart_title">HTML5</p> </div> <canvas id="html5" width=160 height=160></canvas> </div> <div class="canvas_con"> <div class="text_con"> <p class="percent">90%</p> <p class="chart_title">CSS3</p> </div> <canvas id="css3" width=160 height=160></canvas> </div> <div class="canvas_con"> <div class="text_con"> <p class="percent">75%</p> <p class="chart_title">JS</p> </div> <canvas id="js" width=160 height=160></canvas> </div> <div class="canvas_con"> <div class="text_con"> <p class="percent">80%</p> <p class="chart_title">JQUERY</p> </div> <canvas id="jq" width=160 height=160></canvas> </div> <div class="canvas_con"> <div class="text_con"> <p class="percent">70%</p> <p class="chart_title">BOOTSTRAP</p> </div> <canvas id="bs" width=160 height=160></canvas> </div> <div class="canvas_con"> <div class="text_con"> <p class="percent">80%</p> <p class="chart_title">PS</p> </div> <canvas id="ps" width=160 height=160></canvas> </div> </div> <div class="text_wrap"> <p>1. 熟练HTML5,CSS3,JavaScript技术,开发符合W3C标准的前端网页。</p> <p>2. 熟练使用jQuery,bootstrap等前端框架技术。</p> <p>3. 熟悉sass工具,扩展css功能,提高css功能和效率。</p> <p>4. 熟悉Ajax的运行机制,能使用ajax进行数据交互。</p> <p>5. 熟练使用PS,墨刀等工具,能快速切图和搭建原型图。</p> <p>6. 熟悉W3C标准,对表现与数据分离、Web语义化等有较为深刻的理解。</p> <p>7. 精通流体布局和弹性布局,能适应各种分辨率。</p> <p>8. 熟悉各种主流浏览器的差异性,有解决主流浏览器的兼容性问题的经验。</p> </div> </div> </div> <div class="down_arrow"> <a class="scroll"><span></span></a> </div> </section> <section class="page_four" id="page4"> <div class="con_wrap"> <div class="tit_wrap"> <h1>工作经验</h1> <div class="scissors"> <span></span> </div> <h2>我现在做的一切仅仅是为了不让未来的自己后悔。</h2> </div> <div class="work_con"> <div class="programe"> <div class="work_time">5个月<br>中笕汽车保养</div> <div class="work_text"> <div class="triangle-left"></div> <div class="exCon"> <h4>开发时间:2015 /12--2016 /5</h4> <h5>开发工具:IntelliJ IDEA,sublime text</h5> <p>项目描述:</p> <p>该项目是关于汽车加盟店内部使用的汽车保养网站。加盟店主要有汽车保养下单,排班,考勤,申请补货等操作功能,以及门店信息,订单信息,库存心等查看的功能。总店有商品,门店,采购,补货,预警,财务,仓库等功能管理。</p> <p> 加盟店端采用原生搭建,总店端采用metronic+bootstrap框架。 该项目是中笕内部员工使用。</p> <p>责任描述:</p> <p>1. 根据项目需求,快速构造原型图 </p> <p> 2. 参与页面的部分设计 </p> <p> 3. 负责加盟店的前端网站搭建以及总店端的页面修改</p> </div> </div> </div> <div class="programe"> <div class="work_time">5个月<br>闻行一阅读</div> <div class="work_text"> <div class="triangle-left"></div> <div class="exCon"> <h4>开发时间:2015 /6--2015 /10</h4> <h5>开发工具:eclipse,webstorm</h5> <p>项目描述:</p> <p>该项目是督促中小学生阅读的网站,可进行偏好的设置,书籍的选择,以及书籍内容的测试,适用个人也适用学校集体。 </p> <p>整个网站采用的是Amaze UI的框架。项目展示:http://www.1-yd.com/</p> <p>责任描述:</p> <p>1. 根据设计图进行网页的前端搭建。</p> <p>2. 根据客户的要求,进行网页的修改。 </p> </div> </div> </div> </div> </div> <div class="down_arrow"> <a class="scroll"><span></span></a> </div> </section> <section class="page_five" id="page5"> <div class="con_wrap"> <div class="tit_wrap"> <h1>联系我</h1> <div class="scissors"> <span></span> </div> <h2>耐得住寂寞,做得成大事。</h2> </div> <div class="contact_detail"> <ul class="con_style"> <li> <span></span> <p>浙江省杭州市园区</p> </li> <li> <span></span> <p>593022384@qq.com</p> </li> <li> <span></span> <p>18551133163</p> </li> </ul> <div class="contact_info"> <form action="" method="get"> <label> <input type="text" id="username" placeholder="你的名字" required=""> <p id="check_username"></p> </label> <label> <input type="text" id="usermail" placeholder="你的邮箱" required=""> <p id="check_usermail"></p> </label> <label> <input type="text" id="usertheme" placeholder="主题" required="" maxlength="25"> <p id="check_usertheme"></p> </label> <label> <textarea id="usercon" placeholder="内容" required=""></textarea> <p id="check_usercon" ></p> </label> <button>发送</button> </form> </div> </div> </div> </section></body><script type="text/javascript" src="js/main.js"></script></html>
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
PC电脑端关注我们
***HTML5期末考核大作业源码
包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
* 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 关键词:简历,设计,作业