《Web应用基础》课程结业报告

killvector

于 2022-07-10 03:17:12 发布

阅读量127

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/killvector/article/details/125701420

版权

《Web应用基础》课程结业报告

我做的什么？
我的开发过程
我遇到的问题和解决方法
总结

我做的什么？

我构建了一个静态或动态网站。使用MDB的模板。
采用纯 CSS 或你喜欢的任何 CSS 框架如 Bootstrap、MDB、Tailwind 等构建一个主题自选且不少于5个页面（Web Page）的网站

我的开发过程

首先先要下载一个MDB的模板，下完后用Code打开该文件夹，并用网页打开index.html，可以看到网页的雏形。之后也是在这个html文件下进行修改，并且还可以在模板中的css文件下为网页添加样式。
在这里插入图片描述
主要代码如下：

<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet">

    <title>Grad School HTML5 Template</title>
    
    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Additional CSS Files -->
    <link rel="stylesheet" href="assets/css/fontawesome.css">
    <link rel="stylesheet" href="assets/css/templatemo-grad-school.css">
    <link rel="stylesheet" href="assets/css/owl.css">
    <link rel="stylesheet" href="assets/css/lightbox.css">
<!--
    
TemplateMo 557 Grad School

https://templatemo.com/tm-557-grad-school

-->
  </head>

<body>

   
  <!--header-->
  <header class="main-header clearfix" role="header">
    <div class="logo">
      <a href="#"><em>毕业</em> 学校</a>
    </div>
    <a href="#menu" class="menu-link"><i class="fa fa-bars"></i></a>
    <nav id="menu" class="main-nav" role="navigation">
      <ul class="main-menu">
        <li><a href="#section1">家</a></li>
        <li class="has-submenu"><a href="#section2">关于我们</a>
          <ul class="sub-menu">
            <li><a href="#section2"></a>我们是谁？</li>
            <li><a href="#section3">我们做什么?</a></li>
            <li><a href="#section3">怎么工作?</a></li>
            <li><a href="https://templatemo.com/about" rel="sponsored" class="external">外部网址</a>