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

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

一、做了什么

本次作业我做了一个介绍单机游戏的静态网页，共有五个页面，包含主页和介绍对象的详情页共4页。使用的css框架为MDB。

二、开发过程

本次作业我是使用vs code制作静态网页。开发过程中，我的想法是先确定网页整体的结构，几个页面如何跳转的逻辑，最后确定做了一个总览（相当于目录）的主页和四个详情页。完成整体结构后再逐一添加元素，设计样式。这个过程中我大量学习了MDB教程，在MDB官网上寻找了很多好看的样式。遇到不熟悉的问题我就百度解决，自己添加了一些css样式。

三、遇到的问题

由于是初学者，遇到的问题太多了，如果要说原因那就是完全没有经验，没见过的就不会，遇到了很多小问题。比如不知道怎么加边框，不知道怎么留白，怎么控制间距，不知道怎么改页面底色，不会使用按钮，不会控制图片大小和比例，不会在页面中展示视频，不会使用github托管网页，托管后加载不出背景等等。

如何解决？

大多数因为没有相关经验造成的小问题都通过百度解决了。比如加边框设置了一个css样式

.box{
  border:solid 5px #a07a35;
}

留白只要设置完大小空着内容就行了

<div style=" height:100px " ></div>

改变页面底色需要设置< body>的样式,同理改变部分区域的颜色可以

<div  class="container" style="background-color: #eee;">

图片用height和width限制就可以控制大小了 ，另外可以通过css控制整体比例

.example1{
  transform:scale(0.7) ;
}

未解决的问题

印象较深的有两个。第一是本来想在某一个页面展示一些视频。但我未在mdb官网找到相关的样式，百度找到的方法总是达不到期望的效果，于是放弃了；另一个是github托管的问题，我发现创建第二个仓库并上传完成后会无法加载背景图片，无论怎么尝试都是这样的结果。背景图片是写在css样式里的，而其他图片没有，不知道这其中有什么关联。最后我只能创建第二个账号完成上传。

四、总结

这是我第一次制作网页。这次的网页制作，css样式大多数是现成的，感觉基本上是html的练习过程。通过这个过程，我也的确有很多收获。比如熟悉了html的结构，熟悉了许多元素多代表的含义，也掌握了一定的应用能力。同时我也感到了自己的不足之处。我的最大的感受是这种技术肯定需要大量的练习和经验，只会一点皮毛是没用的，而我们现在的学习还远远不够，还需要更多的学习才能将其掌握。