大早上刷手机，看见群里有人说想给独立游戏弄个官网，脑子一热就拍板：整！想到就做，立马从被窝里爬起来坐电脑前。
第一步：吭哧吭哧搭架子
我寻思就弄个简单好看的页面呗，赶紧打开编辑器，新建个文件夹叫“棒棒糖夏天”。新建*文件，开头噼里啪敲上 。顺手又建了个css文件夹和img文件夹，东西得分门别类放好嘛
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
接着就开始在index里画框框：最顶上整个导航，中间放游戏介绍，底下塞联系方式和版权信息。标签一层套一层，div、section、header、footer，搞得跟搭积木似的。弄完看着一堆标签，自己都觉得眼晕。
第二步：换皮儿整好看点
光秃秃的架子丑得没法看，轮到CSS出场了。抄起鼠标就打开*，想整个“夏天糖果”风。先给页面背景来了个天蓝色渐变，body { background: linear-gradient...} 一敲，有那味儿了。
开始琢磨配色：游戏主角棒棒糖是粉的黄的绿的，我就对着色板捣鼓，导航条挑了芒果黄，#FFC048，看着就甜滋滋。标题用了大字号，选了圆滚滚的字体（'Comic Sans'这种），感觉特别配游戏名。按钮也不能马虎，调圆角（border-radius: 15px）、加阴影（box-shadow）、鼠标放上去还得变个色（:hover），一个按钮能摆弄半天。
第三步：塞点真东西进去
架子好看还得有货！我翻出游戏截图，挑了四张最能打的：一张角色全家福，一张游戏场景，一张操作界面，一张战斗大招特效。用Photoshop裁剪压缩了一下，保证加载快。丢进img文件夹，在页面中间位置安了个图片轮播（得用点JS，找了个现成插件改改参数）。
- 角色介绍：直接做个卡片，左边放角色大头照，右边写几句俏皮话说明。
- 玩法说明：搞了个两列布局，左边贴了张操作示意图（就几个箭头图标配手柄按键），右边罗列玩法123。
- 下载按钮：顶显眼的位置放了俩大按钮（iOS和安卓），图标加粗字体，就等着玩家点。
第四步：挠头的麻烦事儿
你以为顺风顺水？屁咧，全是坑！
先是移动端打开，界面乱成一锅粥，导航按钮小的像绿豆！骂骂咧咧加上viewport meta标签，又套上媒体查询@media，给手机屏幕单独写了好几屏样式，才让手机上看勉强顺眼。
然后加背景音乐，想弄个轻快的BGM，拖了段音乐进audio标签。结果苹果手机直接不响！上网搜了老半天，才知道苹果默认不让自动播放，得裹上一层用户触发事件（改成页面加载完弹个“点我播放音乐”的小提示才算解决）。
第五步：收工前的折腾
3在页脚塞了个邮箱地址（写了个标签但没链接，纯文本样子），版权年份自动更新用了点JS小把戏。关键是想做个页面加载效果，找了段代码拼上去，实现了个小球慢慢变大、然后变透明消失的效果（虽然有点花哨，但我觉得挺有“夏天”感的）。
前后捣鼓了快一整天，点了无数次刷新。3把整个文件夹打包，丢到服务器上（具体怎么上传就省略了，你们懂的）。打开浏览器输入地址一看——我的“棒棒糖夏天”官网总算是亮堂堂地挂上了！红红绿绿的，特别幼稚，但…这味儿就对了！正欣赏，儿子跑过来一看：“爸爸你这网页像根大棒棒糖！” …行，目的达到了。
