开头进入主页面的一段其实是一段视频,在视频未加载好之前,我选择了用一张图片代替(考虑到网卡)。这个页面可以做到响应式布局,并且按住ctrl再使用鼠标滚轮可以控制窗口大小。
主页面的制作参考了b站up小鱼亜,拎壶冲ym133。
祈愿一栏中无突出特色,但整体观觉好,表格及填充字适配。
背景一栏中设置有“显示”“隐藏”开关,是作业加分项之一。也有适当文子悬浮于图片。
在攻略一栏中设置了返回顶部,侧边栏,返回顶部可以在下滑一段距离后再出现。返回顶部是再微软搜索中习得。
在同人一栏中使用了b站中学习的3d旋转相册,参考up程序员蜡笔小星星。其中的一面缺失是故意的,为了有更广阔的视角。
本次作业耗时8天完成,中途有些小拖延。
制作主网页时本想做出全屏滚动效果,但再尝试多中方法后却无发完成,尝试过参考b站上的css方法,但结果却不尽人意,图片会跑歪,也尝试过使用js,但貌似多数js插件要付费。
攻略一栏中由于图片原因,这个子网页无法做到响应式布局,尝试多种方法也无法解决,返回顶部按钮也是再多方学习才成功(此前曾在b站中学习使用外部链接js,但失败了)
背景一栏也是经过多方参考才确定下来的布局方式。参考b站up鸽王吖