Ⅰ web前端的自我介绍
web前端的自我介绍（通用9篇）
当到达一个新的环境后，时常需要我们进行一个自我介绍，自我介绍是让陌生人彼此认识的好方法。相信大家又在为写自我介绍犯愁了吧！以下是我为大家整理的web前端的自我介绍，仅供参考，欢迎大家阅读。
web前端的自我介绍 篇1
回首三年的大学校园生活生涯和社会实践生活，有渴望、有追求、有成功也有失败，我孜孜不倦，不断地挑战自我，充实自己，为实现人生的价值打下坚实的基础。
在思想品德上，本人有良好道德修养，并有坚定的政治方向，我积极地向党组织靠拢，使我对我们党有了更为深刻的认识，并参加了入党积极分子培训班”的培训。本人遵纪守法、爱护公共财产、关心和帮助他人，并以务实求真的精神热心参与学校的公益宣传和爱国活动。
在学习上，我热爱自己的专业，还利用课余时间专修计算机专业知识，使我能轻松操作各种网络和办公软件。曾多次获得学金，在书法和体育运动都获得好成绩。英语、电脑、普通话等方面的等级考试已达标。除了在专业知识方面精益求精外，平时我还涉猎了大量网络编程、网络管理与维护、网页设计等知识。并且相信在以后理论与实际结合当中，能有更大提高。
在工作上，对工作热情，任劳任怨，责任心强，具有良好的组织交际能力，和同学团结一致，注重配合其他学生干部出色完成各项工作，得到了大家的一致好评。
在生活上，我最大的特点是诚实守信，热心待人，勇于挑战自我，时间观念强，有着良好的生活习惯和正派作风。由于平易近人待人友好，所以一直以来与人相处甚是融洽，连续担任了分院的乒协的秘书长一职。有广泛爱好的我特别擅长于网页设计和网站管理与维护方面。曾独立完成一个中型网站的设计，以及大型综合网站的策划与修改工作。
身为平面设计专业的学生，我在修好学业的同时也注重于社会实践。本着学以致用，实践结合理论发挥。暑假期间我到XX网吧等大型网吧里工作，管理经验与软硬件维护得到了极大的积累。
三年的大学生活，使自己的知识水平、思想境界、工作能力等方面都迈上了一个新的台阶。在这即将挥手告别美好大学生活、踏上社会征途的时候，我整军待发，将以饱满的热情、坚定的信心、高度的责任感去迎接新的挑战，攀登新的高峰。
web前端的自我介绍 篇2
欲善其事，必先利其器。大学几年，我始终坚持天道酬勤的原则，一日三省，自信品格的日趋完善;勇于行事，务实求新，自信工作有所成绩;三更灯火，寒窗苦读，相信学有所成。
在校期间，我始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，树立正确的人生观和价值观，光荣地加入了中国共产党。
为适应社会发展的需求，我努力学好专业知识，多次获得奖学金，较深入、全面地掌握了软件编程、硬件维护与开发、网络应用技术等计算机科学基础理论以及计算机在企业管理、工业生产、辅助设计制造等方面的应用知识，同时注意结合自身专业特点，结合动手实践，先后参与了校新闻网页设计大赛、校程序设计大赛、挑战杯中国大学生创业计划竞赛、校科研立项项目，同时根据自己的爱好，进行了物业管理师的培训及资格认证考核、暑期社会实践调查，都取得了不凡的成绩。
作为一名即将毕业的20CC年应届计算机专业的大学生，我所拥有的是年轻和知识，使我不畏困难，善于思考，但年轻也意味着阅历浅，更需要虚心向学。同时，我也深知，毕业只是求学的一小步，社会才是一所真正的大学。我今天的求职，也正是希望得到一个更好的学习机会，从而能以更好的工作成绩为国家和单位贡献力量，同时去实现人生价值。
web前端的自我介绍 篇3
技术方面我一直都是从事于J2eeWeb方面的工作，一般开源的框架Struts1、Struts2、Hibernate、Ibatis、Spring都有项目开发使用。掌握前端Ajax、Jquery、Dwr、包括CSS、HTML。
数据库方面能写复杂的sql查询统计包括视图、存储过程的开发,有postgre,Oracle,SqlServer项目开发经验。
我的性格方面不算外向好像也不内向，喜欢交朋友，也喜欢有挑战性的。闲暇时间打打羽毛球、乒乓球，下象棋。
如果问为什么换工作：目前我感觉工作不太稳定，我做的这个项目是公司的作为开拓性的，带有一定的实验性可能成功也可能失败，退回头来说即使这个项目最终成功了我也找不到自己的定位。
性格缺点：说话太直，做事情缺少魄力想的太多会犹豫不决。
性格优点：工作方面自我感觉做事比较认真、负责，能吃苦耐劳。
web前端的自我介绍 篇4
各位领导好，我叫XXX，剩余的余，金子的金。我的老家在是河南省固始县，父母都健在身体都很健康，我还有一个姐姐在武汉工作。我是07年大学毕业的，所学的专业也是计算机Javar软件技术。记得当时还没毕业就来上海找工作了，当时就在上海万达公司实习，半年后就转正到卫生服务事业部，从事于医疗卫生项目方面的程序员开发工作。大概一共是待了一年半吧，就辞职了。原因大概是当时的工作氛围让我觉得没什么意思再加上当时还自我感觉良好就跳到一家日企里上班，正好那时候公司在过CMMI3，做的项目都严格按照CMMI流程走的，什么文档、Coding、测试的我都有参与。那时候真的是让学到不少项目上的东西，可能正好是金融危机吧，公司原先承诺的工资没有兑现然后我就走了。去的是上海XX信息公司，从刚开始的项目主力开发到项目组长，在上农信近三年的工作中我最大的收获就是公司放手让我在项目独挡一面跟客户面对面自由的沟通好需求，项目后期给客户提供项目培训然后通过客户的反馈知道项目的得与失。可能是我不太适应公司的人事变化吧，然后就提出离职走了。
web前端的自我介绍 篇5
大家好，我是一名即将毕业的计算机系本科生。大学的四年，给我奠定了扎实的专业理论基础，良好的组织能力，团队协作精神，务实的工作作风还有良好的为人处世能力。
理论学习上，我认真学习专业知识理论，在学好专业必修课的同时，我还阅读了大量计算机书籍。同时对于法律、文学等方面的非专业知识我也有浓厚的兴趣。在校期间，在专业考试中屡次获得单科第一。获得院设奖学金一次，院三等奖学金五次。是个成绩优秀的学生，一致受到老师和同学的好评。
在专业知识上，我除了精通VisualBasic、SQLServer、ASP，熟练使用Linux、Windows9x等操作系统，熟练使用Office、WPS办公自动化软件。还自学HTML、Frontpage、Dreamweaver、Fireworks、Flash等网页制作相关软件，对于常用软件都能熟练使用，运用自如。
工作上，曾担任院学生会成员、副班长等职，现任计算机系团总支组织部部长。多次组织系部、班级联欢会、春游等活动，受到老师、同学们的一致好评。思想修养上，我品质优秀，思想进步，笃守诚、信、礼、智的做人原则。
在社会实践上，四年的大学生活，我对自己严格要求，注重能力的培养，尤其是实践动手能力更是我的强项。曾多次参加社会实践活动，具有一定的实践经验和动手能力。
无论今后从事什么样的工作，我都会把新的工作当做一个新的起点，不断学习和加强专业技能，以我孜孜不倦的学习态度和踏实负责的作风把每一项工作做好。
web前端的自我介绍 篇6
你好，我叫xxx，我的上一家公司是做XXX。，所以我们公司做的项目都是和XXX相关的。
刚进公司的那时候，什么交互啊，项目需求，测试，代码编写，优化，我都有是积极的参与，因为是新人，所以好好把握住每个学习的机会，我的本职工作，前端这块，我都是认真负责完成。那时候虽然很忙，压力很大，但真的是学到了不少东西，后期项目都不断的在完善，我也不断的在参与。
在上一家公司中，我最的收获不单单是技术方面，主要还有业务能力，自学能力和同事的沟通能力，这都是我学到的，而且我认为很重要的。
技术方面我一直从事于web方面的工作，掌握的前端技术有ajax，js，div+css，htmlcss，同事我也了解java语言和数据库表结构这块，更后台人员能更有效的沟通。
我的性格方面不算外向，也不算内向，跟朋友，同事相处，比较外向，在工作中，代码开发时，我是比较内向的，我喜欢全心全意的`投入工作中。我也喜欢交朋友，偶尔跟朋友聚聚，聊聊。对于工作我总是抱着认真负责，有责任心，吃苦耐劳的态度工作。
谢谢，以上是我的自我介绍。
web前端的自我介绍 篇7
我喜欢篮球和羽毛球，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感!
对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟!在每一次解决了问题后都有一种成就感!我喜欢这种感觉，让我能沉迷于我的代码的世界中!
爱好前端等程序设计，喜欢开发自已的小型产品，追求技术上的满足感;稳固的架构，健壮的代码，团结的合作，是我的不懈追求。
有良好的编程习惯，以及程序错误控制和解决能力，我爱程序员这个岗位，当每天敲着代码，听着音乐，是很快乐的
用心工作，用心生活!我可能不是最好的，最合适的，我觉得我是最有潜力的!
web前端的自我介绍 篇8
我喜欢篮球和乒乓球，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感！
对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟！在每一次解决了问题后都有一种成就感！我喜欢这种感觉，让我能沉迷于我的代码的世界中！
爱好程序设计，喜欢开发自已的小型产品，追求技术上的满足感；稳固的架构，健壮的代码，团结的合作，是我的不懈追求。有良好的编程习惯，以及程序错误控制和解决能力，我爱程序员这个岗位，当每天敲着代码，听着音乐，是很快乐的。用心工作，用心生活！我可能不是最好的，最合适的，我觉得我是最有潜力的！20xx年，一起加油！
web前端的自我介绍 篇9
您好!我叫钟xx，江西吉安人，是南昌大学大专生，今天来是想面试贵公司的web前端岗位，我想从以下三个方面介绍自己。
学习方面：虽然我在校主修的是电子商务，但是也学习了前端相关的课程，能熟练使用PS做出网页PSD图，使用前端代码重构页面效果。在全校的网页设计大赛中获得过第二名。毕业之后做了一年多网络运营相关工作，工作之余我会通过视频，书籍等渠道充实前端知识。
项目实践：从接触前端至今有3年时间了，期间写的最多的就是静态页面，也写过H5和响应式页面，最近也开发了两个比较综合的项目wordpress主题，VIP视频解析。
未来规划：从20xx赚到第一桶金开始，我就立志要在互联网打下一片自己的天下，从web前端到web全栈，再从技术岗转到产品岗，最后开发自己的产品。我知道这个过程很长，可能要10年，甚至更久，但是我会一直坚持到最后，因为这是我的初心。
最后，虽然我的学历和经验一般，但是这不足以看出一个人未来的潜力，更不能看出对公司做出的贡献，我希望能加入贵公司贡献自己的一份力量，哪怕只是一点点，在贡献小力量的同时慢慢的提升自己的能力，争取早日成为公司独挡一面的人才
;Ⅱ HTML网页制作。用记事本写代码。然后变成网页。个人简介吧。要有图片超级链接、本人邮箱[email protected]
在记事本里贴上如下代码，然后保存，类型-“所有文件”，文件名-“a.htm”。文件里的图片都是Web链接，可以替换成你的班级图片。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人简介</title>
</head>
<body>
<table width="801" height="409" border="0" align="center" background="http://www.dianmeng.com/moban/tupian/200908/2009081916381502.gif">
<tr>
<td width="149" height="47" align="center"><a href="mailto:[email protected]">
<img src="http://www.mfc.k12.tr/resimler/e_mail.gif" alt="电我" width="91" height="91" border="0" /></a>
</td>
<td width="489" align="center"><font size="+5" color="#009900" face="华文彩云">个人简介</font></td>
<td width="149"><a href="http://user.qzone.qq.com/870286653"><img src="http://www.logopu.com/upload/qqzonecom_201041394518.gif" alt="踩我" width="149" height="69" border="0" /></a></td>
</tr>
<tr>
<td height="224" colspan="3" align="center">
<font color="#0000FF">
<p>城郭阵阵柔雨<br />
欢欣的<br />
我<br />
伸手承接柔情<br />
却<br />
雨从手间滑过</p>
<p>太阳出来了<br />
雨还在玩耍着<br />
我<br />
会心地笑了</p>
<p>不要让雨打湿了雨的衣裳<br />
请把我的雨衣借给雨吧</p>
</font>
</td>
</tr>
<tr>
<td colspan="3"><DIV style=" WIDTH: 100%">
<MARQUEE scrollAmount=2 scrollDelay=30 direction=left width="100%" height="128">
<A href=http://wtyf2008.blog.163.com target=_blank><IMG height=128 src="http://img.blog.163.com/photo/Y1-4whLQBVJ4XR98N01d5A==/898468125660489439.jpg" width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/8ADQsw9wIW2ZAqi8Qz6wgg==/1723752757376242311.jpg" width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/kI1qVPv1C1on8kvzrFpNfQ==/4268849496794245535.jpg" width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/bcmH88e03HdlCmvVlyrzVw==/2038723256315393985.jpg" width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/v-4MW80VUWRTzXz34nFEdw==/1754996479791295019.jpg" width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/K-a1I4CWkM7wfbTIoxs-VQ==/447826687946764096.jpg" width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/-IlOX6V8Rrmyrn3wzDWXtg==/3451164689449796509.jpg" width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/0XccelbbFk5bTQaX3qHD2Q==/2266155037497742081.jpg" width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/NaamXbkyoAP7XzY9w2qi7w==/329607197728251088.jpg" width=128 border=0></A>
</MARQUEE></DIV>
</td>
</tr>
</table>
</body>
</html>
Ⅲ 用HTML设计一个自我介绍的网页 感谢
<style>
.content>.name{font-size:16px;color:blue}
.home{font-size:18px;color:red}
#address{font-size:20px;color:gray}
.btn>a,.btn>input{color:green;display:block;width:120px;height:60px}
.btn>a:hover,.btn>input:hover{color:yellow;}
</style>
<DIVclass="content"style="background:url('img.jpg')">
<divclass="name">
我叫XXX
</div>
<divclass="home">
我的家乡XXX
</div>
<divid="address">
我在xxxx
</div>
<divclass="btn">
<a>确定</a>
<inputtype="button"value="确定"/>
</div>
</DIV>
Ⅳ 如何建立web网站来制作个人主页
学习如何做网站的建设是一个有趣的工作。而且这也不难做到，只是需要投入一些时间和精力。一旦熟悉了如何制作网站，你甚至可以通过网站赚钱。 第一步 决定主题。问问自己网站的目标是什么。一旦决定方向，就根据主题内容罗列出主题所涵盖的分话题，并始终坚持这个主题。
第二步 优化网站。如果你想让你的网站有大的流量，就必须使网站在搜索引擎获得较高的排名。
第三步 良好的网页设计。网页设计对网站建设很重要。选择一个主题，根据这个主题来建立适当的网页的背景和图形。使用正确的字体和良好的导航是学习网页设计所必须的。
第四步 了解HTML代码。HTML代码是任何网站的基石。每个HTML代码都具有的特定的意义，这些意义对网站制造者是非常有力工具。
第五步 放置正确图形。图形可以使网站更好看。如果你希望，可以自己制作，因为这并不难，只需正确使用照片编辑和动画工具。正确的图形还有助于网站的优化。
第六步 选择域名。制作网站需要选择合适的域名。网站的域名应与网站的主题相对应。一旦你选择了一个名字就赶紧注册。但是请记住，注册一个域名并不昂贵。
第七步 寻找服务器。你需要一台服务器存放你的网站，跟注册域名一样，服务器也不昂贵。
第八步 域名注册成功后，到工信部网站进行域名备案，备案成功会得到一个备案号，这样域名就能绑定在申请的虚拟主机空间上了，域名就可以正常访问网站了。
Ⅳ 如何用python制作个人简历
程序员的简历，一般通过Markdown或LaTex生成PDF，比较特别的是前端程序员会用JavaScript实现更加炫酷的网页版本简历。
作为一个Python程序员，可以通过下面的代码，在命令行生成一份独一无二的Pythonic的简历。
望采纳谢谢
希望能帮助你
Ⅵ 个人简历简单网页设计html代码
教你一个简单的方法，早word里，做好简历表，然后复制，然后在Dreamweaver里直接复制就ok了，注意复制的时候一定要在设计视图里复制，要是嫌表不好看的话，再用css控制美化一下
Ⅶ 应届毕业生web前端面试自我介绍_前端开发工程师面试个人介绍
WEB前端是现在it行业是一件伤脑力和高报酬的工作，应届 毕业 生去应聘此工作，最好能提前准备好 自我介绍 的说辞。以下是我为你整理的应届毕业生web前端 面试 自我介绍，希望大家喜欢。
应届毕业生web前端面试自我介绍篇1
考官好，我是计算机专业的面试者XXX，我此次应聘的职位是IT行业的软件工程师，这份工作不仅与我的专业对口，同时也是我的特长与兴趣所在。现在我就从以下三个方面介绍自己：
1)学习能力：我有较强的科研能力，能熟练的进行LINUX操作，并能使用VB，DELPHI等语言编程。能运用网页三剑客Photoshop软件进行相关工作。
2)实践能力：我的专长是软件开发，我希望能从事这方面的工作 经验 ，并且我曾经发过多个系统，如人事档案管理系统,工资管理系统等等。
3)交际能力：我的性格沉稳，能坐得住，对IT行业的工作，具有非常好的适应能力，而且为人谦和，具有很强的组织和协调能力，富有的事业心和责任感使我能够面对任何困难和挑战。
从以上的简单自我介绍，我希望公司能给我一个展示自己能力的机会，让我我可以学以致用，同时我也很欣赏XX公司的 企业 文化 与工作环境。我愿意成为企业一员，为企业的发展贡献自己的一份力量。我的职业生涯目标是，做一个既懂技术，又懂业务的复合型人才。
应届毕业生web前端面试自我介绍篇2本人热衷计算机软件开发行业，学习能力强，适应能力强，有责任心，拥有团队合作开发精神，亦能独立完成任务。现任某某软件公司开发部经理，4年软件开发管理经验，熟练掌握delphi及c#.net两门开发语言(winform)，interbase及sqlserver数据库，vss源代码管理，具有良好的编程习惯和风格(xml标注，gui+设计等等)，熟悉软件架构及测试。本人有意向.net软件工程师及项目管理方向发展，盼望与伯乐携手共创事业!
应届毕业生web前端面试自我介绍篇3回首三年的大学校园生活生涯和 社会实践 生活，有渴望、有追求、有成功也有失败，我孜孜不倦，不断地挑战自我，充实自己，为实现人生的价值打下坚实的基础。
在思想品德上，本人有良好道德修养，并有坚定的政治方向，我积极地向党组织靠拢，使我对我们党有可更为深刻的认识，并参加了入党积极分子培训班”的培训。本人遵纪守法、爱护公共财产、关心和帮助他人，并以务实求真的精神热心参与学校的公益宣传和爱国活动。
在学习上，我热爱自己的专业，还利用课余时间专修计算机专业知识，使我能轻松操作各种网络和办公软件。曾多次获得学金，在书法和 体育运动 都获得好成绩。英语、电脑、普通话等方面的等级考试已达标。除了在专业知识方面精益求精外，平时我还涉猎了大量网络编程、网络管理与维护、网页设计等知识。并且相信在以后理论与实际结合当中，能有更大提高。
在工作上，对工作热情，任劳任怨，责任心强，具有良好的组织交际能力，和同学团结一致，注重配合其他学生干部出色完成各项工作，得到了大家的一致好评。
在生活上，我最大的特点是诚实守信，热心待人，勇于挑战自我，时间观念强，有着良好的生活习惯和正派作风。由于平易近人待人友好，所以一直以来与人相处甚是融洽，连续担任了分院的乒协的秘书长一职。有广泛 爱好 的我特别擅长于网页设计和网站管理与维护方面。曾独立完成一个中型网站的设计，以及大型综合网站的策划与修改工作。
身为平面设计专业的学生，我在修好学业的同时也注重于社会实践。本着学以致用，实践结合理论发挥。暑假期间我到XX网吧等大型网吧里工作，管理经验与软硬件维护得到了极大的积累。
三年的大学生活，使自己的知识水平、思想境界、工作能力等方面都迈上了一个新的台阶。在这即将挥手告别美好大学生活、踏上社会征途的时候，我整军待发，将以饱满的热情、坚定的信心、高度的责任感去迎接新的挑战，攀登新的高峰。
>>>下一页更多精彩“Web前端 面试题 目”
Ⅷ 使用HTML,CSS语言编制可供浏览的HTML用户界面程序 完成一个个人简介的网页设计,
你这是在要设计？
还是在要简单的结构代码？
还是拿来主义？
刚看到你地前一个人的回复，你可以找一个简单的博客站，去保存下代码，之后自己改一下。
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
<link rel="stylesheet" href="style.css" type="text/css" >
</head>
<body>
<header>
<h1><a href="/"><img src="img/logo.jpg"></a></h1>
<!--或者这可以这样写<h1><a href="/">这是我的作业</a></h1>-->
<!-单页不需要导航就不要加这个<nav>
<ul>
<li>导航1</li>
<li>导航2</li>
<ul>
</nav>-->
</header>
<section>
<article class="left"></article>
<article class="right"></article>
</section>
<footer>
<abbr class="" title="我的作业">我的作业</abbr>
<address class="">文档作者或拥有者的联系信息</address>
</footer>
</body>
</html>
这是用html5写的。
哎，没意思。不写了，写到这吧。
这年头求人办事儿多难呀，自己研究下吧。哈哈。
Ⅸ web前端 自我介绍例文
基本信息
姓 名： 性别：
婚姻状况： 民族：
户 籍： 年龄：
现所在地： 身高：
联系电话：
电子邮箱：jy135.com
求职意向
希望岗位：Web前端开发
工作年限： 职称：无职称
求职类型：全职
到岗时间：随时
工作经验
xx年3月—至今 xx有限公司，担任PHP开发工程师。工作描述：1、使用HTML标记、div+css+javascript Dom操作等前端WEB技术进行网站的开发与制造；
2、使用mvc思想、oop面向对象思想、ThinkPHP模板框架、基于jQuery的EasyUI框架、Smarty模板引擎等技术来做项目开发。
xx
年3月—xx年7月
xx有限公司，担任数据库和网页设计。工作描述：1、负责编写详细需求分析和客户管理模块；2、实现了客户添加、客户修改、客户删除、批量删除客户、分
页等几大功能；3、分别用到Myeclipse开发工具、orcal数据库、ssh、javascript、jquery等开发技术，现几大功能运行稳
定，运算速度明显变快。
教育背景
毕业院校：xx大学
最高学历：本科
毕业日期：2004-07
专 业 ：计算机网络工程
语言能力
外语： 英语一般
国语水平： 精通
粤语水平： 一般
专业技能
计算机语言：HTML、CSS、JS、C++、Flash/Flex、Silverlight、XML
网页编辑器：Adobe Dreamweaver、Frontpage、CSSDesk、Drawter
数据库软件：Oracle、SQL Sever、Access
操作系统：Windows、Linux、Unix、iOS
编程软件：Delphi、VC++
获得证书
大学英语六级
全国计算机等级证书三级 网络技术
Photoshop证书
网页设计师证书
自我评价
本人性格开朗，有热心，工作积极，能吃苦耐劳，服从上级安排。
Ⅹ html制作个人简历网页代码
以下是我用html的相关知识制作的个人简历网页，话不多说先看看最终效果：
如上所示项目一共分为5个部分，分别对应导航栏的5个内容。其中项目技能用的是echarts里的柱状图，作品展示用的是bootstrap里的轮播图，除此之外就是html的基础内容。下面我们展示一下项目的代码部分：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>我的个人简历</title>
<link rel="stylesheet" href="lib/css/color.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body >
<div class="jumbotron text-center" style="margin-bottom:0" id="grad1">
<img src="lib/pic/1.jpg" width="80px" height="80px" />
<h3>黄智奇</h3>
<p style="font-size: 15px;">2018年升入陕西国防工业职业技术学院，<br/>学习软件编程，对编程有浓厚的兴趣，
在老师的指导，<br/>和自己的课下练习，渐渐对编程有了更深入的了解。<br/>在课余时间，
我喜欢唱歌、跑步和打乒乓球。<br/>喜好结交志同道合的朋友，一起分享学习的生活的经验。<br/>
有良好的团队意识，学习时认真负责。 </p>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a class="navbar-brand" href="#">专业技能</a>-->
</div>
<div id="relation">
<table class="table table-striped">
<tbody>
<tr align="center">
<td><a href="#email"><button type="button" class="btn btn-primary btn-lg">
<span class="glyphicon glyphicon-envelope"></span>
</button></a></td>
<td> <a href="#email"><button type="button" class="btn btn-primary btn-lg">
<span class=" glyphicon glyphicon-earphone"></span>
</button></a></td>
<td><a href="https://me.csdn.net/qq_44892582" target="_blank"><button type="button" class="btn btn-primary btn-lg">
<span class=" glyphicon glyphicon-user"></span>
</button></a></td>
</tr>
</tbody>
</table>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav nav-pills nav-justified">
<li><a href="#main">专业技能</a></li>
<li><a href="#project">项目经验</a></li>
<li><a href="#myCarousel">作品展示</a></li>
<li><a href="#ecation">教育经历</a></li>
<li><a href="#relation">联系方式</a></li>
</ul>
</div>
</div>
</nav>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width:
50%;height:400px;left: 25%;"></div>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: '专业技能平均分'
},
tooltip: {},
legend: {
data:['分数'],
},
xAxis: {
data: ["Java语言","mysql数据库","Javascript语言","web开发","ssm框架","springboot框架"],axisLabel: {
// inside: true, 隐藏x轴内容
// 改变x轴字体颜色
// textStyle: {
// color: '#8B4500'
// }
},
},
yAxis: {},
series: [{
name: '分数',
type: 'bar',
//改变图表颜色
color:['#8EE5EE'],
data: [85, 95, 82, 90, 80, 80]
}],
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
<ul class="list-unstyled" align="center">
<li>Java基础:<br/>
我入门时首先学的就是Java基础，然后再到Java高级开发，<br/>
在学习过程中老师细致的教学为我们打下了牢固的java基础。 </li>
<li>mysql数据库:<br/>
mysql数据库是我们大一第二学期开的课，配合Java高级开发一起学习的科目，<br/>
因为自己本身就喜欢数据库的一些东西，所有mysql数据库也有良好的基础。</li>
<li>Javascript语言：<br/>
在学JavaScript之前我有良好的html5和css基础，所学习JavaScript时也是十分顺利的掌握了课本里的内容。</li>
<li>web开发:<br/>
web开发是我最喜爱的科目之一，servlet的学习给我启发深刻。</li>
<li>ssm框架:<br/>
ssm框架相比springboot而言是比较繁琐的，但是在学习和理解起来却比springboot更容易让人掌握。</li>
<li>springboot框架:<br/>
springboot框架入门起来十分迅速，在基础的使用起来也是十分方便，但查看源码时，没有ssm容易让人理解。</li>
</ul>
<div class="container" align="center">
<div class="row">
<div class="col-sm-4">
<h3 class="text-info" id="project">项目名称</h3>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#car">新能源汽车项目</a></li>
<li><a href="#city">咕泡商城项目</a></li>
<li><a href="#bug">爬虫项目</a></li>
</ul>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="col-sm-8" align="left">
<h3 class="text-info">项目内容</h3>
<h2 id="car">新能源汽车</h2>
<h5>企业saas工坊</h5>
<p>新能源汽车项目是我们掌握smm框架知识后第一个实战项目，该项目由工坊老师指导下，前后端都由我们个人独立完成的项目。
该项目用到了，html5+css3，mysql数据库，spring，mybatis，springmvc框架，ajax，JavaScript，web，bootstrap，echarts，sweetalert
等技术。项目从开始到完成我们用了2个月的时间。该项目的主要是写一个汽车app社交平台，包括用户登录注册，用户上传车辆信息，统计用户车辆，分析故障车辆原因，
以及导航、朋友圈等功能一体的汽车平台。该项目用户的使用方法如下： <p>1.新用户进行登录注册。</p>
<p>2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。</p>
<p>3.新用户上传自己车辆信息，并绑定账号。</p>
<p>4.新用户可以上传自己车辆故障，系统自动查询车辆故障原因以及维修方案。</p>
<p>5.用户可以添加车友，在车友圈发布求助信息等。</p>
<p>6.用户还可以进行地图导航，以及查询公交车，出租车，飞机等交通工具的时间和行程。</p>
<p> 通过完成这个项目，让我获得了很大的进步。不论是前端知识还是后端知识，在该项目上
都得到了充分的展示。让我也一下子吸收了很多的知识与技能，为后面的项目打下了坚实的基础。</p>
</p>
<br>
<h2 id="city">咕泡商城</h2>
<h5>企业saas工坊</h5>
<p>咕泡商城项目是我们学完springboot之后的实战项目，该项目由工坊老师指导下，前后端都由我们个人独立完成的项目。
该项目用到了，html5+css3,mysql数据库,springboot框架,maven,web,javascript,jquery,ajax,echarts,bootstrap等技术。
项目从开始到完成我们用了10天的时间。该项目主要是写一个网上商城电商购物平台，包括用户登录注册，用户绑定信息，上传头像、昵称等个人信息，
用户主要可以在该平台上面购买各种商品，每种商品都做好了分类管理，用户点击分类名称或者准确搜索都能显示出自己想要的商品。用户点击商品就可以
链接到商品详情页面，不论是购物还是浏览商品都非常的方便。该项目用户的使用方法： <p>1.新用户进行登录注册。</p>
<p>2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。</p>
<p> 3.用户自由购买和浏览商品信息。</p>
该项目让我们体验了springboot的配置强大之处，没有繁琐的多余配置文件，所有配置都由一个配置文件解决，简化了我们smm框架配置的痛苦。 </p>
<br>
<h2 id="bug">爬虫</h2>
<h5>企业saas工坊</h5>
<p>爬虫项目是我们最近才做完的项目。该项目与以往项目不同，该项目是由工坊老师指导下，我们首次前后端分离合作的项目。一个团体3个人，分别做前端展示数据，后端爬取数据和数据清洗。
我在这个项目中做的是后端爬取数据。我用到了，httpclient，jsoup，webmagic，springboot，maven，mysql等技术。该项目主要是爬去51job网站上面的工作岗位，
我们主要爬取了与我们软件相关的工作岗位，共爬取了2万条数据处理并展示。该项目执行步骤如下： <p>1.后端爬取数据并存到数据库。</p>
<p>2.中间清洗数据，将数据改变为前端人员需要的格式。</p>
<p>3.前端人员根据需求展示数据。</p>
该项目让我们体会到了团队合作和团队分工明确的重要性，每个人做好属于自己的一份任务，环环相扣才能保质保量的完成项目。 </p>
</div></div>
</div>
<div id="myCarousel" class="carousel slide" style="border: solid; border-color: cornflowerblue;">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner" align="center" >
<div class="item active">
<img src="C:Users1Desktopgpsc.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="First slide">
</div>
<div class="item">
<img src="C:Users1Desktoppc1.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="Second slide">
</div>
<div class="item">
<img src="C:Users1Desktopxny.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="Second slide">
</div>
<div class="item">
<img src="C:Users1Desktoppc2.png" style="width: 80%;height: 800px; border: solid 5px; border-color: darkgray;" alt="Third slide">
</div>
</div>
<!-- 轮播（Carousel）导航 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a></div>
<div style="width: 100%; height: 220px; " >
<table class="table">
<caption style="text-align: center;"><h3 id="ecation" style="color: black;">教育经历</h3></caption>
<tbody style="text-align: center;">
<tr>
<td>2006.9.-2012.7</td>
<td>就读于xx小学</td>
</tr>
<tr>
<td>2012.9-2015.7 </td>
<td> 就读于xx初中</td>
</tr>
<tr>
<td>2015.9-2018.7 </td>
<td> 就读于xx高级中学</td>
</tr>
<tr>
<td>2018.9-至今 </td>
<td> 就读于陕西国防工业职业技术学院</td>
</tr>
</tbody></table></div>
<div class="jumbotron text-center" style="margin-bottom:0" >
<p id="email" align="left">
邮箱:[email protected]
电话号码：11111111111
个人博客:https://me.csdn.net/qq_44892582</p>
</div>
</body></html>