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

1.课程任务

任务一：构建一个静态或动态网站。以下要求中任选A或B，要求如下：
A. 静态网站
采用纯 CSS 或你喜欢的任何 CSS 框架如 Bootstrap、MDB、Tailwind 等构建一个主题自选且不少于5个页面（Web Page）的网站
B. 动态网站
使用任何一个前端框架如 Angular 等进行某应用（如英雄之旅、代办事项、图书管理等）的开发，需要有 CRUD 即增删改查功能并有一定的样式。
无论你选择静态还是动态网站，该网站都需部署到你喜欢的网站托管服务器上如 Gitpage 等（Angular项目可参阅 https://angular.cn/guide/deployment）。
该网站需放置你的结业报告（要求见任务二）。
任务二：撰写结业报告，要求如下：
（1） 题目为《通信软件开发与应用》课程结业报告；
（2） 报告需阐述：做的什么、开发过程、遇到的问题、如何解决、哪些未解决、总结；
（3） 该报告以 Web 页面的形式呈现，从你上面开发的网站中可访问到。
我选择的是任务要求A.静态网站。

2.成果展示

（1）主界面

（2）猫科动物界面

（3）腔肠动物界面

（4）脊索模块界面

（5）生物界界面

3.开发过程

(1)导航条

导航条中可以快速滑动到目标点，采用的标签为< nav >, 通过在头部引用的bootstrap的css类，我们可以利用< li >里的item类。

为导航条里设置上超链接，从而实现主页面内容定位的功能

具体代码如下：

<nav>

    <div id="nav">
        <ul class="hover-slow">
            <li><a  class="selected-nav" href="animals.html">首页</a></li>
            <li><a class="hover-show" href="#">动物分类</a>
                <ul>
                    <li><a href="cat.html">猫科</a></li>
                </ul>
            </li>
            <li><a  href="gongchang.html">腔肠动物</a></li>
            <li><a  href="jisuo.html">脊索模块</a></li>
            <li><a  href="jie.html">生物界</a></li>
            <li><a  href="">总结报告</a></li></