人员信息

汪宇翔 0223596 软件2211班

网站介绍

名称:

Goose Goose Duck

主题:

鹅鸭杀

选题动机:

最近与朋友们沉迷于这款狼人杀游戏。

网站设计

首页:

玩法介绍一栏拥有二级导航栏。
网页上方的logo悬浮于图片上,并添加了悬浮放大效果,点击可跳转游戏官网。
左侧放置了一个简单的侧边栏通向本报告页。使用了position固定于网页左侧。
下方放置了3个图标进行游戏下载跳转。

角色简介页:

左侧使用label元素进行跳转不同角色介绍页
右侧使用表格进行角色介绍。

登录/注册:

利用JS制作了一个简单的登录/注册页面,并使之可以以翻页的动画形式进行来回切换。

网站内容

遇到的困难与不足:

在首页的排版过程中,因为未能找到合适的背景图片,最终还是选择了白色背景,故而有所突兀。
在制作角色简介页的过程中,出现了所有div同时出现在初次打开的页面的情况,未能找到问题所在并有效解决。

最终结果与讨论

在日常使用过程中能见到许许多多十分精美的网页,虽然试图模仿,但碍于知识面的狭窄而未能如愿。在完成大作业的过程中,确实遇到了很多困难,例如感染新冠病毒导致的一周余的时间浪费,以及退烧后严重的脑雾与疲惫,以至于最后5日仓促地完成大作业。
web的学习和使用过程都是大量的重复与耐心的调整,或许这一次我没有足够的耐心与时间,但也感受到了这一过程与结果能够带来的欣喜。未来也许会选择深入学习这一方面的知识。