HTML5+CSS大作业——个人简历设计(5页)
生活随笔
收集整理的這篇文章主要介紹了
HTML5+CSS大作业——个人简历设计(5页)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML5+CSS大作業——個人簡歷設計(5頁)
常見網頁設計作業題材有 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環保、 書籍、 婚紗、 軍事、 游戲、 節日、 戒煙、 電影、 攝影、 文化、 家鄉、 鮮花、 禮品、 汽車、 其他 等網頁設計題目, A+水平作業, 可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!
獲取更多源碼
PC電腦端關注我們
🧡作者主頁-更多源碼
🧡HTML期末大作業文章專欄
文章目錄
- HTML5+CSS大作業——個人簡歷設計(5頁)
- 獲取更多源碼
- 一、作品展示
- 二、文件目錄
- 三、代碼實現
- 四、獲取更多源碼
- 五、學習資料
- 六、更多源碼
一、作品展示
二、文件目錄
三、代碼實現
<!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 οnmοusemοve="this.src='images/22.png'" / οnmοuseοut="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>四、獲取更多源碼
PC電腦端關注我們
五、學習資料
web前端 零基礎-入門到高級 (視頻+源碼+開發軟件+學習資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們入手~送1000套HTML+CSS+JavaScript模板網站
六、更多源碼
PC電腦端關注我們
HTML5期末考核大作業源碼* 包含 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環保、 書籍、 婚紗、 軍事、 游戲、 節日、 戒煙、 電影、 攝影、 文化、 家鄉、 鮮花、 禮品、 汽車、 其他 可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!
總結
以上是生活随笔為你收集整理的HTML5+CSS大作业——个人简历设计(5页)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： dwg如何转换成pdf文件？
- 下一篇： 1.HTML技术