Web应用基础

web应用基础

1.做的什么?

我选择做的是A.5个静态网站，包括一个在bootstrap框架下的较为复杂的网页，然后再有四个比较简单的CSS样式的网站，然后把这5个网站的网址放在一个菜单网页上做成超链接，最后再将结业报告放在这个菜单网页中。
第一个boostrap网站做的是一个模仿国外的一个购车平台，运用mdb的框架做了网站的导航条，主体内容和页面底部，然后在主体内容中加入各自各样的超链接，图片，图片的展示格式等等，来展示我网页
剩下的四个我都写的是css3样式的我比较感兴趣的一些好玩的网站。
我的第二个网页做了一个网页版的单机小游戏，主要是根据网上找的一个教程，一步一步写出来的。然后第三个网页，运用了各种css的样式制作了很多种不同颜色Button和按钮悬停变化。第四个网页，我写了一些比较简单的页面，运用了许多我在网络学习过程中了解到的不同的css的技巧和一些页面布局。最后一个网页我写的是展现自己的资料卡，也是展现了一些页面动画过程，是我在网络学习过程中看见的一个比较吸引我的网页形式，因为比较感兴趣所以做了一个差不多的网页。最后我写了一个网页，作为本次结业作业的菜单，把我的所有网页的网址都放上去形成不同的按钮。

2.开发过程

本次实验历时时间比较久，我主要是通过棋歌网站和csdn以及百度搜索来学习并开发这五个网页的，除此之外，我的开发过程是在摸索中前进的，每次遇到一些细节问题都需要大量的时间来解决，对于网络上的信息又十分的庞大，过剩，我不能及时找到解决方法，所以开发速度是比较缓慢的。我是先做的bootstrap网站，因为前面已经写过一次MDB框架下的网页，所以可以结合棋歌教学网上的内容做，然后再从网络上找资源。剩下的4个普通css3的静态网页我是在浏览众多网站后模仿学习，然后开发出来的。

3.遇到的问题

我在开发过程遇到的问题有下： 怎么让bootstrap中背景图片可以变成循环切换的形式。在制作网页小游戏时，当游戏结束后怎么跳出游戏点击返回重新开始游戏
在开发窗口重叠nag时不知道如何做到让窗口可以根据鼠标而覆盖另一个

4.如何解决

主要的解决办法就是通过百度然后寻找需要的信息，凡是有关系的内容就可以放在我的代码中尝试，通过多次尝试与寻找，找到了正确的解决办法

5.哪些未解决

本次作业我遇到的一个问题是在GitHub网页上把我做的页面托管上去后展现出来后与本身不符，比例会比正常情况下小一些，这样就导致我本身排好比例的网页会变得很别扭，不那么美观，后面多次重复上传也没能解决这个问题，而且当我上传MDB项目时，我的背景大图片也会消失，按照网上的解决教程也没能够解决。
再一个就是我没有做出来一个较为完整的动态angular网页，而是做了5个静态网页因为我没能够理解其中的一些细节，也就没有办法往下深入学习，这不仅是一个为解决的问题也是一个遗憾。

6.总结

本学期的web应用基础让我第一次真正意义上的接触和理解了什么叫做web网页，在这之前我对于web网页的了解颇少，并且对于怎么制作一个web网页可以说是一点都不清楚，通过本次课程学习，我知道了什么是HTML和CSS，已经JS和TS，并且还学会了开发简单的bootstrap网页，通过在互联网上对web的学习，我自己的自学能力得到了很大的提升，尤其是在互联网上查找资料然后解决问题，摸索思路的能力。本学期的web应用基础对我来说是一个十分有帮助和意义的课程