大学生静态网页设计期末作业.zip_静态网页期末作业,大学生网页设计期末作业资源-CSDN文库

共39个文件

jpg：11个

map：10个

css：8个

版权申诉

期末作业

5星 · 超过95%的资源 22 浏览量 2022-05-20 17:41:45 上传评论 7 收藏 4.25MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

大学生静态网页期末作业.zip （39个子文件）

FreshmanHtmlWork-master

css

icon-animation.css 421B

index.css 3KB

img

carousel1.jpg 101KB

team2.jpg 119KB

ccit_hero.jpg 1016KB

news4.jpg 126KB

author.jpg 562KB

news3.jpg 125KB

carousel3.jpg 155KB

news2.png 1.1MB

team1.jpg 89KB

carousel2.jpg 159KB

funnyPic.jpg 7KB

team3.jpg 114KB

index.html 23KB

index.js 1KB

jquery-3.6.0.js 282KB

bootstrap-4.6.0-dist

css

bootstrap-grid.css.map 154KB

bootstrap-reboot.min.css 4KB

bootstrap.css.map 499KB

bootstrap.min.css 158KB

bootstrap-reboot.css 5KB

bootstrap-grid.min.css 49KB

bootstrap.css 195KB

bootstrap-reboot.css.map 76KB

bootstrap-reboot.min.css.map 32KB

bootstrap.min.css.map 635KB

bootstrap-grid.css 66KB

bootstrap-grid.min.css.map 112KB

bootstrap.bundle.min.js 82KB

bootstrap.bundle.js.map 400KB

bootstrap.bundle.js 231KB

bootstrap.min.js 62KB

bootstrap.js.map 249KB

bootstrap.min.js.map 188KB

bootstrap.bundle.min.js.map 309KB

bootstrap.js 141KB

.gitignore 20B

favicon.ico 17KB

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>baby李的个人简历</title> <link rel="stylesheet" href="./bootstrap-4.6.0-dist/css/bootstrap.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" /> <link rel="stylesheet" href="./css/index.css" /> <link rel="stylesheet" href="./css/icon-animation.css" /> <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" /> </head> <body> <section id="hero"> <div class="hero-table"> <div class="hero-table-center"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12" style="text-align: center"> <h5>Hello!I'M</h5> <h1>baby李</h1> <h2>这是我的个人简历</h2> </div> <div class="hero-icon"> <a href="#about" style="color: black"> <i class="bi bi-arrow-down-circle hero-icon-animation"></i> </a> </div> </div> </div> </div> </div> </section> <section id="nav" class="py-5"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light bg-white"> <a class="navbar-brand" href="#">简历导航</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#about" >个人介绍 <span class="sr-only">(current)</span></a > </li> <li class="nav-item"> <a class="nav-link" href="#service">服务列表</a> </li> <li class="nav-item"> <a class="nav-link" href="#exhibition">作品展示</a> </li> <li class="nav-item"> <a class="nav-link" href="#team">团队成员</a> </li> <li class="nav-item"> <a class="nav-link" href="#work">荣誉展示</a> </li> <li class="nav-item"> <a class="nav-link" href="#news">最近动态</a> </li> <li class="nav-item"> <a class="nav-link" href="#footer">版权声明</a> </li> </ul> </div> </nav> </div> </section> <section id="about" class="pt-5 py-5"> <div class="container"> <div class="row align-items-center pb-5"> <div class="col-lg-8"> <div class="mt-3"> <h2 class="sub-title">——————介绍一下我自己</h2> <h4 class="mt-4"> Hello <span class="font-weight-bold">I'm baby李~</span> </h4> <p class="text-muted mt-4 introduce-text text-justify"> 我叫李俊杰，今年20岁，就读于常州信息职业技术学院-软件技术专业。由于非常喜欢本专业，并期待将来从事专业方向的工作，因而在校期间十分注重对专业课的学习，拥有扎实的JavaSE基础，良好的编程风格;熟悉JSP+Servlet+JavaBean模式的WEB开发;熟悉Spring5，SpringMVC，Mybatis等开源框架，了解EJB; 熟悉Tomcat，Jboss服务器等，熟悉基于Linux及Unix环境下的软件开发。 </p> <div class="row"> <div class="col-md-6"> <ul class="about-info"> <li class="mt-3"> 姓名: <span class="text-muted ml-3">李俊杰</span> </li> <li class="mt-3"> 邮箱: <span class="text-muted ml-3">2105451348@qq.com</span> </li> <li class="mt-3"> 地址: <span class="text-muted ml-3">常州信息职业技术学院</span> </li> <li class="mt-3"> 班级: <span class="text-muted ml-3">软件201</span> </li> </ul> </div> <div class="col-md-6"> <ul class="about-info"> <li class="mt-3"> 生日: <span class="text-muted ml-3">2001-10-19</span> </li> <li class="mt-3"> 网站: <a href="https://babyly233.github.io/" target="_blank" ><span class="text-muted ml-3" >babyly233.github.io</span ></a > </li> <li class="mt-3"> 电话: <span class="text-muted ml-3">139-5284-1426</span> </li> <li class="mt-3"> 学号: <span class="text-muted ml-3">20091230115</span> </li> </ul> </div> </div> <div class="mt-4 pt-2"> <a href="https://space.bilibili.com/6466658" class="btn btn-outline-primary btn-lg" target="_blank" >去我的B站主页</a > </div> </div> </div> <div class="col-lg-4"> <div class="mt-3 about-img"> <img src="./img/author.jpg" alt="author" class="img-fluid rounded-lg" /> </div> </div> </div> <div class="row align-items-center mt-5"> <div class="col-lg-6"> <h4>技术栈</h4> <p class="mt-3 text-muted introduce-text"> Java 程序员，深刻理解 Object Oriented Programming（面向对象编程）这一概念是必须的。像 Java 这些面向对象编程语言的美。光学习 OO 原则的定义用处不大，关键是要学会如何应用这些原则用一种 OO 的方式去设计解决方案。因此，我们应该对对象建模、继承、多态、设计模式有一个很好的认识。 </p> </div> <div class="col-lg-6"> <div id="skills" class="pt-4 mt-4"> <div class="skill-bar mb-5"> <span class="skill-title">Java</span> <div class="progress pg-h"> <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" ></div> <span class="skill-percent">90%</span> </div> </div> <div class="skill-bar mb-5"> <span class="skill-title">Html</span> <div class="progress pg-h"> <div class="progress-bar" role="progressbar"

评论收藏

内容反馈

版权申诉