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

做的什么

本次大作业完成的的是一个与音乐相关的静态网页，有歌手.html,关于.html,结业报告.html,看点.html,了解更多.html,乐库.html,立刻听歌.html,联系.html,听歌.html,index.html,推荐.html,推荐延展.html,视频.html,搜索.html,排行.html,问题.html,年少有为.html，以及相关的css。从index.html进入。

HTML

CSS
JS

开发过程以及部分展示

主题确定好加相关资料准备完成便开始上手，其中遇到的小问题挺多的，在查询资料大部分都得到了解决，未解决的也通过其他方式完成相同的效果。遇到的问题见下。

结业报告

推荐

搜索
更多

遇到的问题

1.首先是主题的选取，最开始想的是五个页面的话就春江花月夜，
一个景色一个页面，每个页面插入不同的特效，春中使用渐变，
江使用波纹，花使用花瓣掉落，月使用月球3D自转，夜使用流星
雨。后来觉得内容太单调写了两页放弃，转为唐宋元明清介绍历史，
内容又对理科生太难受了。
2.文字的渐变与文字无法重合以及重合后只作用到b字母的
左边便结束了。
3.关于一些布局，将整个页面划分为一个大的div，然后分成·
左右两个小的div,左边的嵌套导航，右边展示内容。结果跳转时左
右不一致。
4.图片渐变与预想中不符合。
5.GitHub上传卡在最后一步。
6.上传好后相关图片未加载。

问题的解决

1.听歌的时候看到音乐的界面决定主题和音乐相关。
2.无法重合是因为templatemo-style.css中h2::after 的
top，left，right参数设置有误，作用区域不正确将<div class="col-md-10">
改为<div class="col-md-20">就好了。
3.top.location.href方法。
4.透明渐变参数Opacity与变化率Step,变化间隔Time设置不正确。
5.使用github desktop。
6.将图片下载放入image目录下。

总结

经过一段时间的努力,最终完成了Web大作业，通过这次作业，对于HTML页嵌套导航栏且实现页面跳转以及页面的布局有了更为深入的理解。同时对于HTML/CSS的基础知识加深了影响。并且，在整个大作业编写的各个阶段也各都有所收获。
学习的最初阶段是模仿，对比自己与他人的不同，然后改正或者优化，从而加深印象。相关问题的解决的过程中，比如GitHub上传遇到的问题，在查阅相关资料未能解决的前提下翻翻评论区，可能会有意想不到的收获，对于初级阶段没有解决不了的问题，只是该问题是否描述正确或者是否是其他问题牵连导致的。查询资料的过程扩大了知识面以及完善了知识体系，虽然还是只会点皮毛，但是量变终会引起质变。
8个星期的Web学习，对我们来说只是打下基础，之后的学习任务更加任重道远，当然也更加富有意义。