今天突然想起来得搞个正经官网,结果整得我头皮发麻。
一、拍脑门儿做决定
昨儿半夜刷手机,瞅见隔壁老王家的独立游戏搞了个官网,界面花里胡哨的。我大腿一拍:咱家《视灵1》也得有排面!压根儿没想咋实施,直接打开电脑新建文件夹,名字倒是挺霸气——"游戏官网牛逼版"。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
二、瞎比划开个头
先打开记事本就开始怼代码。照着十年前学的前端三板斧,上来就是:
- 怼了个大红背景图当头部
- 拿艺术字P了个闪瞎眼的LOGO
- 菜单栏直接用word艺术字截图
传到服务器一看差点当场去世——手机上一打开,整个页面扭曲得跟被门夹过的泡面似的。
三、拆东墙补西墙
赶紧百度"手机网页变形急救"。折腾三小时总算:
- 把固定像素宽改成百分比
- 艺术字全换成字体文件
- 图片压缩到马赛克画质
测试机从iPhone4到小米12挨个试,结果华为Mate30直接白屏,老板微信语音追着骂:"官网变灵堂了是?"
四、打地鼠式改BUG
深更半夜蹲电脑前改代码:
- 华为白屏?加个浏览器兼容脚本
- 苹果闪退?删掉CSS3新特效
- 老板要加下载按钮?硬塞进菜单缝里
改着改着发现更离谱的事——PC版谷歌浏览器显示正常,360浏览器里角色立绘全变俄罗斯方块。
五、彻底摆烂上线
凌晨四点把键盘一推:
- 360浏览器用户爱看不看
- 老板要的动态粒子特效换成GIF动图
- 角色展示页拿PPT截图糊弄
传服务器时手都在抖,生怕又搞崩。刷新十几次勉强能看,立刻微信轰炸全体测试:"谁再提BUG就谁来改!"
本以为万事大吉,早上七点美术总监打电话咆哮:"官网角色截图用的全是废案!"打开源文件一看,半年没更新的PSD静静躺在回收站里。