當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)

發布時間：2023/12/18 编程问答 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 html简洁漂亮的个人简历,个人主页，个人简介网页版(源码) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

文章目錄

1.設計來源
- 1.1 主界面
- 1.2 基本資料
- 1.3 專業技能
- 1.4 教育經歷
- 1.5 工作經驗
2.效果和源碼
- 2.1 動態效果
- 2.2 源代碼
源碼下載

作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/128349160

html簡潔漂亮的個人簡歷,個人主頁，個人簡介網頁版(源碼) html簡潔漂亮的個人簡歷,個人主頁，個人簡介網頁版(源碼)。一款非常簡潔，亮麗的個人簡介模板，適用于個人主頁，個人簡歷等相關主題，界面分為個人信息，基本資料，專業技能，教育經歷，工作經驗等五個版塊，支持擴張，具體效果見下面的原文鏈接，里面有視頻和代碼講解。代碼容易上手，下載后直接運行。

1.設計來源

主旨： 簡潔，干凈，明亮，舒適的風格;
語言： 可以html+js+css,也可以html+css;
版塊： 人信息，基本資料，專業技能，教育經歷（支持更多擴展）；
適用： 個人簡介，個人簡歷，個人主頁，個人博客，個人空間等方向；

1.1 主界面

主界面動態的朦朧天空背景圖，可以配置自己的圖標，個人名言，名字，職稱，郵箱，手機號，工作地址等信息，也可以擴展新的。

1.2 基本資料

基本資料動態的朦朧天空背景圖，可以配置個人職業技能，大圖標，姓名，年齡，性別，手機號，郵箱，qq號，居住地，戶籍，學歷，學校，專業等信息，也可以擴展新的。

1.3 專業技能

專業技能動態的科技線路背景圖，可以配置個人專業技能，按列表排序出來，個人的掌握的工具，及熟練度等信息，也可以擴展新的。

1.4 教育經歷

教育經歷動態的科技線路背景圖，可以配置個人教育的學校，時間，幾學到的東西等信息，也可以擴展新的。

1.5 工作經驗

工作經驗動態的科技線路背景圖，可以配置個人工作過的公司，工作的時間，負責的項目，開發工具等信息，也可以擴展新的。

2.效果和源碼

2.1 動態效果

下面咋們一起來看看這個個人簡歷的動態效果，改變圖片，可以配置多種風格，靈活運用，效果酷炫。

html簡潔漂亮的個人簡歷,個人主頁，個人簡介網頁版

2.2 源代碼

這里是主界面的代碼，其他圖片、js、css等代碼，見下面的 源碼下載 ，里面有所有代碼資源和相關說明。

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>徐純宇 - 個人簡歷,個人主頁，個人介紹，個人簡介</title><link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"><link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body oncontextmenu="return false;" onselectstart="return false;" unselectable="on" ondragstart="return false;"> <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"><div class="cen_con"><div class="portrait"><img onmousemove="this.src='images/user_c.jpg'" onmouseout="this.src='images/user.jpg'"/ src="images/user.jpg"></div><div class="cen_text"><h2>業精于勤；荒于嬉；行成于思；毀于隨。</h2><hr><h3>徐純宇</h3><h3>全棧工程師</h3><h3> 1376174032@qq.com | 13300000000</h3><h3>在職北京 ? 海淀</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 style="font-weight: bold;">基本資料</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>     畢業于北京理工大學的計算機應用專業。從業十年有余，熟悉C#和Java前后端開發，熟悉oracle和mysql數據庫，熟悉Html和js及css前端開發，熟悉uniapp跨平臺開發小程序和app。</h2></div> <div class="myinfo"><table><tbody><tr><td rowspan="6"><img src="images/user.jpg"></td><td>姓名 | 徐純宇</td><td>手機 | 13300000000</td></tr><tr><td>性別 | 男</td><td>郵箱 | 1376174032@qq.com</td></tr><tr><td>出生 | 1992.02.20</td><td>QQ號 | 1376174032</td></tr><tr><td>居住 | 北京市海淀區</td><td>戶籍 | 北京市海淀區</td></tr><tr><td>學歷 | 本科</td><td>學校 | 北京理工大學</td></tr><tr><td>專業 | 計算機應用</td><td></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 style="font-weight: bold;">專業技能</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>長年累月后,精進又向前。唯有勤學練,擅長最優先。</h2> </div><div class="skill_con"><div class="canvas_wrap"><div class="canvas_con"><div class="text_con"><p class="percent">98%</p><p class="chart_title">C#</p></div><canvas id="html5" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">93%</p><p class="chart_title">JAVA</p></div><canvas id="css3" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">96%</p><p class="chart_title">HTML</p></div><canvas id="js" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">99%</p><p class="chart_title">ORACLE</p></div><canvas id="jq" width=160 height=160></canvas></div></div><div class="text_wrap"><p>1. 熟練使用java，基于ssh能快速搭建系統框架。</p><p>2. 熟練使用java，基于spring boot能快速搭建系統框架。</p><p>3. 熟練使用HTML/CSS技術，精通js/jquery編程,能夠熟練使用angularjs，vue,reactjs等前端框架。</p><p>4. 熟悉oracle,mysql,sqlserver等各平臺安裝使用，熟練使用SQL語句增刪改查，觸發器，存儲過程，索引，序列。</p><p>5. 熟練的使用grunt，gulp等前端工具。</p><p>6. 熟悉c#語言研發，基于asp.new mvc能快速搭建系統框架，新技術asp.net core做后臺數據服務能快速搭建，跨平臺使用。</p><p>7. 熟悉c#語言研發，基于winform的c/s應用程序能快速搭建框架。</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 style="font-weight: bold;">教育經歷</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>學則智，不學則愚；學則治，不學則亂。自古圣賢，成大業，未有不由學而成者。</h2></div><div class="work_con"><div class="programe"><div class="work_time">4年<br>北京理工大學</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>學習時間：2008/06 -- 2012/06</h4><p>學習技能：</p><p>大學四年時間完成了所有的學業，并參與了很多項目研發工作，配合老師和同學攻關了很多難題。</p><p> 1.掌握了辦公五劍客，Word，PPT，excel，ps，viso。</p> <p> 2.掌握了C#和java的前后端開發，數據庫基本應用。</p> </div></div> </div><div class="programe"><div class="work_time">1年<br>Java培訓班</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>學習時間：2011/05 -- 2012/04</h4><p>學習技能：</p><p>參加了一年的JAVA培訓班，跟著老師一起做了多個項目。積累了很多經驗，有了很多經歷。</p><p>1.掌握了springboot框架下的api開發，并開發了自己的一套數據接口。</p> <p>2.掌握了ssm框架下的前后端開發，并開發了自己的博客。</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 style="font-weight: bold;">工作經驗</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>生命,需要我們去努力。年輕時,我們要努力鍛煉自己的能力,掌握知識、掌握技能、掌握必要的社會經驗。</h2></div><div class="work_con"><div class="programe"><div class="work_time">22個月<br>汽車之家官網</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>開發時間：2019 /12--2021 /10</h4><h5>開發工具：VS2015，VSCode，ORACLE</h5><p>項目描述：</p><p>參與與客戶交流需求，參與項目整體開發，主要負責首頁面各方面數據綜合顯示，系統采用預加載，通過wcf對硬件控制，實時更新，一些頁面設計，數據庫的設計，數據測試。</p><p> 1.數據信息展示塊，2.軟硬件交互塊，3.數據解析塊。</p> </div></div> </div><div class="programe"><div class="work_time">8個月<br>聯想后臺研發</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>開發時間：2021 /10--2022 /06</h4><h5>開發工具：IDEA,VSCode,MYSQL</h5><p>項目描述：</p><p>參與與客戶交流需求，參與項目整體開發，主要負責首頁面各方面數據綜合顯示，系統采用預加載，實時更新，一些頁面設計，數據庫的設計，數據測試。 </p><p>1.設備基礎信息 2.部門信息 3.用戶信息 4.數據報表 5.調試工具，6.數據監測，7.系統配置等7個大功能塊系統采用角色分配，操作分配等權限，實現各個角色的權限功能。精確劃分各個部門的職責。</p> </div></div></div></div></div> </section> </body> <script type="text/javascript" src="js/main.js"></script> </html>

源碼下載

html簡潔漂亮的個人簡歷,個人主頁，個人簡介網頁版(源碼) 點擊下載

???? 💞 關注博主帶你實現暢游前后端

???? 🏰 加入社區帶你體驗馬航不孤單

???? 💯 神秘個人簡介帶你體驗不一樣得介紹

???? 🎀 酷炫邀請函帶你體驗高大上得邀請

???? ① 🉑提供云服務部署（有自己的阿里云）；
???? ② 🉑提供前端、后端、應用程序、H5、小程序、公眾號等相關業務；
???? 如🈶合作請聯系我，期待您的聯系。
????注：本文撰寫于CSDN平臺,作者：xcLeigh（所有權歸作者所有），https://blog.csdn.net/weixin_43151418，如果相關下載沒有跳轉，請查看這個地址，相關鏈接沒有跳轉，皆是抄襲本文，轉載請備注本文原地址。

???? 親，碼字不易，動動小手，歡迎 點贊 ? 收藏，如 🈶 問題請留言（評論），博主看見后一定及時給您答復，及時溝通。💌💌💌

原文地址：https://blog.csdn.net/weixin_43151418/article/details/128349160（防止抄襲，原文地址不可刪除）

總結

以上是生活随笔為你收集整理的html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Python绘制一箭穿双心动画代码
下一篇： Fedora分区扩容以及如何修复引导