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

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

一、做的什么？（网页介绍）

我选择做的网页类型是静态网站，网站的主题为天文学知识。
网站的内容主要由五部分构成，分别是黑洞、流星、太阳系八大行星、天文物理学家、日月食。本网站一共有6个页面，包括1个主界面和5各介绍上述5部分内容的分页面。主要使用了MDB框架开发此网页。

主页面采用的是全屏视频背景的展现形式，而子页面采用了卡片、轮播、灯箱等形式展示网页的内容。用户还可以通过点击按钮实现网页文本的中英文转换。

1. 网页封面
   网页封面的背景为一个视频，通过遮罩和弹性盒子布局在封面上显示相关的文本。

2. 黑洞
   该页面的布局主要是两部分，一部分是相关图片的展示（位于网页的左端），采用的展现形式是图片的轮播。另一部分是对黑洞的文本介绍，位于网页的右端。另外还有一个了解更多的按钮，用户可以通过该按钮，跳转到另一个网页查看更多相关信息。

3. 流星
   该网页布局主要有两行，第一行是流行总的简介，第二行主要包括三个卡片，展示的内容分别是产生原因、流星雨以及陨石。卡片上包括图片、文字以及了解更多的按钮。

4. 太阳系八大行星
   这一网页与上一网页的布局类似，但是这一网页通过带有文字介绍的灯箱的方式展示了八大行星的缩略图片，用户可以用鼠标点击图片查看大图，用户同样可以通过点击相应的按钮，查看更多详情。

5. 天文物理学家