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

网页内容

本次项目是用HTML+MDB框架所做的一个内容为《疫情记忆》的静态网站。
1.首页
首页起一个导航的作用，首页中包含人物、城市、世界的有关疫情的内容，导航条内还有相关图库，登录界面，以及总结报告的链接。
2.人物
人物这个页面我附上了李兰娟、张定宇两位院士的事迹，另外上传了一个一个为武汉加油的视频。在人物页面上点击观看视频页面就跳转到了城市那个页面
3.城市
这个页面主要是上传了一个视频，讲述了去年大家如何为武汉这座城市加油助威。
4.相关图库
我在这个页面加了几张关于疫情的一些照片，附上了一些关于中国抗击疫情的一些东西
5.注册登录页面以及总结报告
试着弄了一个登录页面，与页面本身操作没有关系。
注：
除了总结报告与网站本身没有什么关联外，其他几个页面都能互相跳转，导航栏在每个页面都有。

开发过程

这次开发的目的网站是一个HTML+MDB框架的网站。
1.确定网站的需求是什么
这次网站的内容我想的是做一个简单的关于疫情记忆的网站，要提前确定该网站包含的内容，如何去布局。
2.网站开发相关知识的学习
开发的过程是边开发边学习，本次网站制作需要用到的HTML、CSS基础都是在qige.io中进行学习。
3.针对性的对每个页面布局
首先是用HTML对每个页面完成内容的构建，构建完之后需要对页面进行优化改良也就是布局

开发过程中遇到的问题

本次网站的制作实验中如何将网站托管到GitHub上是最麻烦的，由于GitHub是国外网站，网站很多时候都不能进去，并且在csdn上寻找的一些方法也并不适用，不过在B站视频《GitHub 到底怎么用》的教程中，总算成功托管到了GitHub上。由于本次制作的网站比较简单，绝大部分的知识点在qige.io上都能找到，所以遇到的问题很少，不足的地方就在于网站的登录注册界面没什么用，还未能找到如何将其运用到网站中，也就是一些权限的使用，在接下来的学习中会着重注意。

总结

学习网页设计要有耐心，尽管做一个简单的网页涉及到的知识面并不广泛并且一般不会出现逻辑性错误，但是代码挺多的而且很容易混乱写错，并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。本次实验中我也学到了如何去布局一个网页，网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash 型、变化型
网页布局是主要考虑以下几点:
1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2、其次就应该考虑导航条的设置了。
3、正文的框架设置（横向因素和纵向因素交错)
通过这次实验，有了一些制作网页的基础，以后还可能会接触到更复杂，需要用到Javascript等，但有了这次基础，相信在今后的学习中能更加得心应手。