结课大作业报告

作业报告"/>

结课大作业报告

结课大作业报告

• 一.期末结业作业任务
• 二.页面展示
• • 1.主页面展示
  • 2.子页面展示
• 三.操作过程
• • 1.模板的选择
  • 2.导航条的建立
  • 3.主页面全屏视频背景显示
  • 4.主页面中剧情简介部分
  • 5.主页面的其他部分
  • 6.子网页的设计
  • 四.遇到的问题、如何解决、哪些未解决
  • 1.遇到的问题及如何解决
  • 2.未解决的问题
  • 五、总结

一.期末结业作业任务

构建一个静态态网站，可使用你喜欢的任何CSS框架如BootStrap、MDB、tailwind等，页面不少于5个，最后一个页面放置结业报告的超链接。网站需部署到你喜欢的托管服务器上如github等。
撰写结业报告，要求如下：
A. 题目为《通信软件开发与应用》课程结业报告；
B. 报告需阐述：做的什么、开发过程、遇到的问题、如何解决、哪些未解决、总结；
C. 该报告需表现为HTML格式，从你上面的网站中可访问到。

网页链接

二.页面展示

1.主页面展示

2.子页面展示

三.操作过程

1.模板的选择

我选择的是MDB模板。代码为MDB 官方提供的5个教程中3个教程模板代码。其足以支持我们平常的网站构建。

2.导航条的建立

导航条可以使我们快速锁定我们想要观看的内容，其是网页开发极其重要的内容。导航条使用了< nav >标签，其内容包括包括< a >链接，< href>作为锚点，用来实现网页的快速跳转；< button >按钮实现点击。

代码

<nav class="navbar navbar-expand-lg navbar-dark rgba-white-slight  fixed-top scrolling-navbar"><div class="container"><a class="navbar-brand" href="#">首页</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarTogglerDemo02"><ul class="navbar-nav mr-auto smooth-scroll"><li class="nav-item"><a class="nav-link" href="#intro" ></a></li><li class="nav-item"><a class="nav-link" href="#about" >剧情简介</a></li><li class="nav-item"><a class="nav-link" href="#projects" >主要人物</a></li><li class="nav-item"><a class="nav-link" href="#gallery" >剧情截图</a></li><li class="nav-item"><a class="nav-link" href="#testimonials">幕后制作</a></li></ul><!-- Social Icon  --><ul class="navbar-nav nav-flex-icons"><li class="nav-item">