《通信软件开发与应用》课程结业报告

AKAYY

于 2021-06-20 12:15:01 发布

阅读量152

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/AKAYY/article/details/118067371

版权

笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

《通信软件开发与应用》课程结业报告

一、作业完成情况
- 网页说明
- 网页展示
二、开发过程
- 遇到的问题
- 想要提升的问题
三、学习收获

作业目标
使用你喜欢的任何CSS框架如BootStrap、MDB、tailwind等，页面不少于5个，最后一个页面放置结业报告的超链接。网站需部署到你喜欢的托管服务器上如github等。

一、作业完成情况

网页说明

作业说明：
基于MDB搭载的框架构建了五个页面，第一个页面放置了结业报告的超链接，每个页面简介了自己喜欢的动漫。
页面主题
介绍了自己喜欢的动漫，可通过链接查看自己喜欢的作品。

网页展示

主页面：
在这里插入图片描述
可通过点击按钮查看其他页面

二、开发过程

根据自己的爱好想好自己要做的主题，然后上网寻找图片、视频等素材，基于所给的MDB框架构建网页。尽量让自己的网页更美观、简洁。

遇到的问题

1、想给网页中在当前模块下添加一个全屏视频的背景，通过寻找代码实现

   <video autoplay loop muted>
        <source src="https://user-images.githubusercontent.com/85998034/122518152-6e7cf000-d043-11eb-9bd2-6c0e95973ff1.mp4" type="video/mp4"  />
      </video>

相应的CSS代码

*{  
    margin: 0px;  
    padding: 0px;  
}  
video{  
    position: fixed;  
    right: 0px;  
    bottom: 0px;  
    min-width:  100%;  
    min-height: 100%;  
    height: 90%;  
    width: 90%;  
    /*加滤镜*/
    /*filter: blur(15px); //背景模糊设置 */
    /*-webkit-filter: grayscale(100%);*/  
    /*filter:grayscale(100%); //背景灰度设置*/  
    z-index:-11
}