个人网页的全部代码和图片音频（HTML+CSS+JS毕业设计）.zip

共34个文件

jpg：17个

png：10个

css：2个

版权申诉

CSS网页设计

web网页设计

113 浏览量 2022-12-10 18:42:25 上传评论收藏 124.03MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人网页的全部代码和图片音频.zip （34个子文件）

personal_web_sites-master

css

lunbo.css 1KB

base.css 6KB

images

sky.jpg 3.34MB

reading.jpg 260KB

fengexian.png 677B

body-of-water.jpg 9.1MB

小米官网.png 390KB

icon-slides.png 1KB

toutiang.jpg 126KB

mountain.jpg 3.25MB

QQ.png 56KB

视频.jpg 29KB

read.jpg 2.1MB

关于远大.png 776KB

my-touxiang.jpg 48KB

qq_pic_merged_1593251054304.jpg 38KB

river.jpg 7.66MB

weixin.jpg 32KB

code.jpg 8KB

weibo.png 56KB

木兮地板.png 797KB

家居医生.png 195KB

行走.jpg 24KB

forest.jpg 4.77MB

music.jpg 5KB

阅读.jpg 18KB

小米登录.png 426KB

地板评测.png 738KB

landscape-beachjpg.jpg 2.43MB

index.html 9KB

base.js 1KB

lunbo.js 1KB

videos

qiangfengchuifu.mp4 26.77MB

qiangfengchuifu.webm 61.06MB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>myWebsite</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/lunbo.css"> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> <script src="https://at.alicdn.com/t/font_1898081_4ktmlzv0a0t.js"></script> <link rel="stylesheet" href="https://at.alicdn.com/t/font_1898081_4ktmlzv0a0t.css"> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> </head> <body> <div class="content-nav"> <div class="nav-i"> <img class="touxiang" src="images/toutiang.jpg"> <h3 class="name">王磊</h3> <p class="gongzuo">WEB DEVELOPER</p> </div> <div class="nav"> <div id="home-nav"><span class="iconfont homes icon-home"></span>Home</div> <div id="about-nav"><span class="iconfont about icon-renyuan"></span>About</div> <div id="experience-nav"><svg class="icon xueli" aria-hidden="true"><use xlink:href="#icon-drxx18"></use></svg> Experience</div> <div id="hobby-nav"><svg class="icon xueli" aria-hidden="true"><use xlink:href="#icon-xingqu"></use></svg> Hobby</div> <div id="work-nav"><span class="iconfont work-s icon-fenlei"></span>Works</div> <div id="contact-nav"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-lianxi"></use></svg> Contact</div> </div> <div class="nav-foot"> <div><svg class="icon xueli" aria-hidden="true"><use xlink:href="#icon-facebook"></use></svg></div> <div><svg class="icon xueli" aria-hidden="true"><use xlink:href="#icon-QQ"></use></svg></div> <div><svg class="icon xueli" aria-hidden="true"><use xlink:href="#icon-weixin"></use></svg></div> <div><svg class="icon xueli" aria-hidden="true"><use xlink:href="#icon-weibo"></use></svg></div> </div> <p>© Wang Lei</p> </div> <div class="content"> <div class="home"> <div class="wenzi"> <h2> 我是王磊，一个Web开发者。 </h2> <p>团队精神到底是什么?互相帮助，互相袒护就算是吗?也有人这么认为吧。我是认为那根本只是唬人!应该是每个人抱着必死决心做自己的事，“我做好自己的部分”"接下来轮到你”"做不好的话我就揍扁你”要是有这种决心才能算是团队精神吧!</p> </div> </div> <div class="lunbo"> <div id="list"> <img src="images/landscape-beachjpg.jpg" alt=""> <img src="images/sky.jpg" alt=""> <img src="images/mountain.jpg" alt=""> <img src="images/river.jpg" alt=""> <img src="images/forest.jpg" alt=""> </div> <button id="prev"></button> <button id="next"></button> <div id="btns"> <span class="current"></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <h2 class="about-me">About me</h2> <div class="aboutme"> <div class="me-touxiang"> <div> <img class="my-touxiang" src="images/my-touxiang.jpg"> </div> <div class="xinxi"> <div class="xinxi-left"> <ul> <li class="xingming">姓名：王磊</li> <li>年龄：21</li> <li>籍贯：安徽</li> <li>学校：武汉工程大学</li> <li>专业：软件工程</li> <li>邮箱：2483455411@qq.com</li> </ul> </div> <div class="xinxi-right"> <p class="jieshao">我是王磊,武汉工程大学的大三在读生。即将升入大四的我，在这特殊的时期通过网络完成了一次特别的在线实习。掌握了HTML、css、JavaScript的前端开发技术。并决定在此道路上继续发展下去。 </p> </div> </div> </div> </div> <h2 class="ex">Experience</h2> <div class="experience"> <div class="ex-time"> <p>2017-Present</p> <p class="zhongxue-time">2014-2017</p> <p class="xiaoxue-time">2008-2014</p> </div> <img class="fengexian" src="images/fengexian.png"> <div class="ex-xuexiao"> <div class="daxue"> <h3>武汉工程大学</h3> <p>武汉工程大学创建于1972年6月，原名湖北化工石油学院，隶属湖北省。 2006年2月，经教育部同意、湖北省人民政府批准，学校正式更名为武汉工程大学。</p> </div> <div class="zhongxue"> <h3>孙疃中学</h3> <p>濉溪县孙疃中学创建于1952年,坐落在风景秀丽的浍河南岸。</p> </div> <div class="xiaoxue"> <h3>孙疃中心学校</h3> <p> 孙疃中心学校位于濉溪东南之隅，浍水之畔。</p> </div> </div> </div> <h2 class="hob">Hobby</h2> <div class="hobbys"> <div class="xingzou"> <video controls autoplay> <source src="videos/qiangfengchuifu.mp4" type="video/mp4"> <source src="videos/qiangfengchuifu.webm" type="video/webm"> 您的浏览器不支持 video 属性。 </video> <pre> 人毕竟无法与别人共享速度与节奏, 这一切只属于自己。<br> ——三浦紫苑《强风吹拂》</pre> </div> <div class="yuedu"> <img src="images/reading.jpg"> <pre> 当你选择了一种语言，意味着你还选择了一组技术、一个社区。<br> ——Joshua Bloch</pre> </div> <div class="code"> <img src="images/code.jpg"> <pre> 它在我的机器上可以很好运行！<br> ——大部分程序员</pre> </div> <div class="music"> <img src="images/music.jpg"> <pre> 代码写的越急，程序跑得越慢。<br> —— Roy Carlson </pre> </div> </div> <h2 class="worky">Works Exhibition</h2> <div class="works"> <div class="first"> <a href="https://wang7sa7.gitee.io/assignment_1"><img src="images/关于远大.png"></a> </div> <div class="first"> <a href="https://wang7sa7.gitee.io/assignment_2"><img src="images/地板评测.png"></a> </div> <div class="first"> <a href=" https://wang7sa7.gitee.io/assignment_3"><img src="images/家居医生.png"></a> </div> <div class="second"> <a href="https://wang7sa7.gitee.io/xiaomi_login"><img src="images/小米登录.png"></a> </div> <div class="second"> <a href="https://wang7sa7.gitee.io/xiaomi"><img src="images/小米官网.png"></a> </div> <div class="second"> <a href="https://wang7sa7.gitee.io/muxi"

评论收藏

内容反馈

版权申诉