ZIPHTML网页设计大作业-个人网页设计 6.68MB

Mrh_ge需要积分:4(1积分=1元)

资源文件列表:

个人网页.zip 大约有53个文件
  1. case.html 2.61KB
  2. css/
  3. css/style.css 4.57KB
  4. hd.html 2.6KB
  5. img/
  6. img/b01.jpg 108.23KB
  7. img/b1.jpg 495.81KB
  8. img/b2.jpg 72.66KB
  9. img/b3.jpg 165.94KB
  10. img/b4.jpg 78.05KB
  11. img/b5.jpg 32.72KB
  12. img/ban.jpg 251.52KB
  13. img/r1.jpg 50.6KB
  14. img/rc1.jpg 28.75KB
  15. img/rc2.jpg 370.86KB
  16. img/rc3.jpg 60.29KB
  17. img/t04.jpg 35.59KB
  18. img/t2.jpg 37.07KB
  19. img/t7.jpg 3.82MB
  20. img/乒乓球.webp 6.17KB
  21. img/北京路小吃.webp 28.1KB
  22. img/吉他.webp 22.21KB
  23. img/ͼƬ1.jfif 157.07KB
  24. img/增城1.jfif 27.28KB
  25. img/增城10.webp 21.4KB
  26. img/增城2.webp 42.43KB
  27. img/增城3.webp 57.36KB
  28. img/增城4.webp 13.94KB
  29. img/增城5.webp 29.39KB
  30. img/增城7.webp 11.45KB
  31. img/增城8.webp 26.6KB
  32. img/增城9.webp 31.84KB
  33. img/增城小吃.webp 48.54KB
  34. img/增城小吃2.webp 53.59KB
  35. img/增城小吃，正果云吞.webp 13.52KB
  36. img/增城小吃，正果云吞2.webp 21.39KB
  37. img/客家豆腐.webp 28.78KB
  38. img/客家豆腐2.webp 12.4KB
  39. img/宿舍.jfif 117.4KB
  40. img/游戏.jfif 51.59KB
  41. img/游戏2.webp 19.6KB
  42. img/湿地公园.jfif 37.5KB
  43. img/焦石岭.webp 36.81KB
  44. img/焦石岭2.jfif 61.57KB
  45. img/白水寨.webp 46.2KB
  46. img/白水寨2.webp 32.37KB
  47. img/荔枝.webp 28.73KB
  48. img/荔枝2.webp 11.94KB
  49. img/迟菜心.webp 20.43KB
  50. img/迟菜心2.webp 23.68KB
  51. index.html 5.74KB
  52. js/
  53. js/style.js 1.7KB

资源介绍:

个人网页网站（三页网站），这个网站可以帮助用户进行一些关于个人方面的自我介绍，比如说，这里面有一些自我信息的描述（班级、姓名等等）。另外这里还包括了对家乡的相关介绍（美食、风景），还有一些个人爱好、日常生活的描述。可以让人较为全面的了解自己，同时也使得自我的介绍更加的简洁生动，具体可观。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>个人网页</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> <script type="text/javascript" src="js/style.js"/></script> </head> <body> <div id="nav2"> 广告1 <div class="nav21"> <input type="button" value="关闭广告×" onclick="shanchu1()"> </div> </div> <div id="nav3"> 广告2 <div class="nav31"> <input type="button" value="关闭广告×" onclick="shanchu2()"> </div> </div> <div class="header"> <div class="header-f"> <div class="logo"> <h3>个人网页</h3> </div> <div class="nav"> <ul> <li> <a href="index.html">个人首页</a> </li> <li> <a href="case.html">个人兴趣爱好</a> </li> <li> <a href="hd.html">个人日常生活</a> </li> </ul> </div> </div> </div> <div class="ban"> <div class="ban-left"> <a href="#" onmouseover="mouseOver1()" onmouseout="mouseOut1()"> <img src="img/ban.jpg" alt="" id="b1"> </a> </div> <div class="ban-right"> <img src="img/b4.jpg" alt=""> <h3>***</h3> <p>学校：***</p> <p>专业：***</p> <p>班级：***</p> <p>手机：***</p> <p>邮箱：***</p> </div> </div> <div class="title-two"> <h3>家乡小吃</h3> </div> <div class="img-push"> <div class="img-push-left"> <a href="#" onmouseover="mouseOver2()" onmouseout="mouseOut2()"> <img src="img/增城小吃2.webp" alt="" id="b2"></a> <p>特色小吃</p> </div> <div class="img-push-right"> <ul> <li><a href="#" onmouseover="mouseOver3()" onmouseout="mouseOut3()"> <img src="img/增城小吃，正果云吞2.webp" alt="" id="b3"></a> <p>正果云吞</p> </li> <li><a href="#" onmouseover="mouseOver4()" onmouseout="mouseOut4()"> <img src="img/荔枝.webp" alt="" id="b4"></a> <p>荔枝</p> </li> <li><a href="#" onmouseover="mouseOver5()" onmouseout="mouseOut5()"> <img src="./img/客家豆腐2.webp" alt="" id="b5"></a> <p>客家豆腐</p> </li> <li><a href="#" onmouseover="mouseOver6()" onmouseout="mouseOut6()" > <img src="img/迟菜心.webp" alt="" id="b6"> <p>迟菜心</p> </li> </ul> </div> </div> <div class="title-two"> <h3>美丽风景</h3> </div> <div class="new-one"> <div class="new-list"> <div class="list-img" onmouseover="mouseOver7()" onmouseout="mouseOut7()"> <img src="img/白水寨2.webp" alt="" id="b7"> </div> <div class="list-text"> <h3>白水寨风景名胜区</h3> <p>白水寨风景名胜区拥有原始森林、浅滩湿地、峡谷天池等广东罕见自然生态资源， 其中最令人瞩目的当属落差高达428.5米的全国内地落差最大瀑布——白水仙瀑布。 其形态优美，彷如仙女下凡，相传乃八仙之中何仙姑的化身。白水寨还是一个天然氧吧， 山林飞瀑区域空气负离子含量高达11.25万个/立方厘米，位列广东景区之首。</p> </div> </div> <div class="new-list"> <div class="list-img" onmouseover="mouseOver8()" onmouseout="mouseOut8()"> <img src="img/焦石岭.webp" alt="" id="b8"> </div> <div class="list-text"> <h3>焦石岭森林公园</h3> <p>蕉石岭森林公园于2000年11月经市政府批准建立，总体规划面积6117亩， 首期开发面积1800亩，建设工程于2001年9月动工。完工之后在2014年又重新对公园进行整改， 整改之后已经在公园内完善了许多公共设施，使公园更加的美丽。 </p> </div> </div> </div> <div class="fot-white"> <p>学校：*** 班级：*** 姓名：*** 学号：***</p> </div> </body> <script type="text/javascript"> function mouseOver1(){ document.getElementById('b1').src="img/图片1.jfif" } function mouseOut1(){ document.getElementById('b1').src="img/ban.jpg" } function mouseOver2(){ document.getElementById('b2').src="img/增城小吃.webp" } function mouseOut2(){ document.getElementById('b2').src="img/增城小吃2.webp" } function mouseOver3(){ document.getElementById('b3').src="img/增城小吃，正果云吞.webp" } function mouseOut3(){ document.getElementById('b3').src="img/增城小吃，正果云吞2.webp" } function mouseOver4(){ document.getElementById('b4').src="img/荔枝2.webp" } function mouseOut4(){ document.getElementById('b4').src="img/荔枝.webp" } function mouseOver5(){ document.getElementById('b5').src="img/客家豆腐.webp" } function mouseOut5(){ document.getElementById('b5').src="img/客家豆腐2.webp" } function mouseOver6(){ document.getElementById('b6').src="img/迟菜心2.webp" } function mouseOut6(){ document.getElementById('b6').src="img/迟菜心.webp" } function mouseOver7(){ document.getElementById('b7').src="img/白水寨.webp" } function mouseOut7(){ document.getElementById('b7').src="img/白水寨2.webp" } function mouseOver8(){ document.getElementById('b8').src="img/焦石岭2.jfif" } function mouseOut8(){ document.getElementById('b8').src="img/焦石岭.webp" } function shanchu1() { var shanchu = document.getElementById("nav2"); shanchu.parentNode.removeChild(shanchu); } function shanchu2() { var shanchu = document.getElementById("nav3"); shanchu.parentNode.removeChild(shanchu); } </script> </html>
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIP一万多行C++小游戏 多结局 多剧情 不太正常的计算机 Dome659.54KB8月前
    ZIP一万多行C++小游戏 不太正常的计算机Dome659.59KB8月前
    ZIPfpga comm module39.47MB8月前
    ZIPAnimancer Pro v7.4.2 最新版5.82MB8月前
    ZIPJAVA程序设计：报刊订阅管理系统课程设计6.88MB8月前
    ZIPlibspatialindex-1.9.3-release.zip557.17KB8月前
    ZIPlibspatialindex-1.9.3-debug.zip849.82KB8月前
    ZIPgeos-3.8.0-debug.zip2.28MB8月前