今天跟大家唠唠我做“水管工传说”官网的那些事儿,纯粹个人摸索,大神绕道!
一开始接到这个活儿,有点懵。啥是“水管工传说”?赶紧去搜,,原来是个小游戏。看了看介绍,大概就是那种旋转管道,让水能顺利流过去的益智游戏。
既然是官网,那肯定得先有个域名和服务器。域名这块儿,我直接在阿里云搞了个,图个省事儿,备案也方便。服务器嘛也租了个轻量级的,反正初期访问量肯定不大。
接下来就是选型了。用啥技术栈?本来想直接上Vue全家桶的,但考虑到这玩意儿SEO不太友而且官网嘛主要还是展示,不需要太多的交互。决定用最原始的HTML+CSS+JavaScript,简单粗暴,上手快。
然后就开始搭架子了。
我把HTML骨架搭先把页面结构定下来:头部、主体、底部。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
头部放logo、导航栏,导航栏链接到游戏介绍、下载地址、攻略之类的页面。 主体部分,我准备用轮播图展示游戏截图,下面再放一些文字介绍,突出游戏的特色和玩法。 底部放版权信息、联系方式啥的。CSS这块儿,我用了Flexbox布局,简单好用,兼容性也不错。颜色搭配上,我参考了游戏本身的风格,以蓝色和白色为主,看起来比较清新。
JavaScript嘛主要负责轮播图的切换效果。我写了个简单的函数,每隔几秒自动切换一张图片。
页面内容这块,可真费了老劲了。游戏介绍不能写得太枯燥,得吸引人,让人看了就想玩。我找了一些游戏评测,参考了一下,然后自己润色了一下。
至于下载地址,这个简单,直接放各个平台的链接就行了。安卓的,苹果的,甚至PC版的,都安排上。
攻略这块儿,我从网上搜集了一些,然后自己也玩了几关,总结了一些小技巧。
整个网站,我前前后后花了大概一周的时间才搞定。期间遇到了不少问题,比如轮播图的切换效果不流畅,页面在手机上显示错乱等等。不过最终都一一解决了。
网站上线之后,看着还挺像那么回事儿的。虽然简陋了点,但基本功能都有了。
我还做了个简单的统计,看看每天有多少人访问网站,点击下载链接。结果嘛惨不忍睹。看来,“水管工传说”这游戏,确实有点冷门。不过也没关系,反正也当练手了。
这回做官网的经历,让我重新回顾了HTML、CSS和JavaScript的基础知识。虽然都是些很简单的东西,但用起来还是很顺手的。以后有机会,还是得多做一些这样的项目,提升自己的技能。