大伙儿最近我又瞎折腾了个玩意儿，一个《龙珠大冒险》的同人爱好者网站。今儿个就跟大家伙儿说道说道我这从零开始搭建的整个过程，算是个实践记录分享。
就喜欢怀旧，尤其是小时候玩过的那些个游戏。《龙珠大冒险》这游戏，当年可是玩得不亦乐乎。前阵子偶然又翻出来重温了一下，那感觉，啧啧，一下子就上头了。玩着玩着就冒出个想法：为啥不给这游戏弄个专属的小网站？把自己收集的资料、心得、还有一些同人创作啥的都放上去，也方便其他同好交流不是？
定方向： 我得明确这网站要干想了想，主要就是展示游戏信息、角色介绍、攻略心得、可能再加个图库放点游戏截图和同人画作。复杂的功能暂时不考虑，先把基础的弄起来。
搜集素材： 这是个体力活。我开始在网上到处扒拉相关的资料。什么游戏背景、角色设定、出招表、隐藏要素……能找到的都给它归拢起来。图片也一样，游戏截图、人物立绘、经典场景，都得准备这过程可真是费了不少功夫，有些老旧的资源找起来还挺麻烦的。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
技术选择： 我寻思着，咱也不是啥专业程序员，就别搞那些太复杂的后台语言和数据库了。一开始想着是不是用WordPress这类现成的博客系统改改，后来一琢磨，干脆就用最基础的HTML、CSS和一点点JavaScript来写静态页面得了。这样掌控度高，而且维护起来也相对简单，主要就是个展示嘛
页面结构设计： 我先在纸上画了个草图，规划了网站大概有几个主要版块：首页、游戏介绍、角色大全、攻略秘籍、图库欣赏。每个版块下面再细分小页面。这样结构清晰，用户浏览起来也方便。
编码与实现：
第一步，搭框架。 我先用HTML把每个页面的基本骨架给搭起来，比如导航栏、主要内容区、页脚这些。这时候先不管好不好看，保证结构对就行。
第二步，填内容。 把之前搜集整理好的文字资料和图片，按照规划好的位置，一点点填充到对应的HTML页面里去。这个过程比较枯燥，就是复制粘贴加简单排版。
第三步，美化样式。 等内容都填得差不多了，就开始用CSS来给网站“化妆”。调整字体、颜色、布局、图片大小和位置啥的。这块儿我花的时间最长，因为审美这东西，总觉得差点意思，改来改去的。参考了不少其他游戏网站的风格，力求简洁明了，符合龙珠那种热血又有点复古的感觉。
我还特意找了些龙珠风格的像素字体和背景素材，想让网站更有那味儿。导航栏也做了点简单的鼠标悬停效果，用JavaScript简单写了几行代码，不复杂，但能提升点用户体验。
遇到的小麻烦： 中途也遇到不少小问题。比如图片尺寸不统一，显示出来歪歪扭扭的，得一个个调。还有就是不同浏览器下的兼容性，虽然我用的都是基础代码，但偶尔也会有细微差别，得耐心调试。
本地测试： 网站雏形出来后，我就在自己电脑上用好几个不同的浏览器打开测试，看看有没有排版错乱、链接失效、图片不显示这些低级错误。点击每个链接，确保都能正确跳转。
“上线”： 因为我这就是个个人兴趣的小项目，暂时也没打算买服务器和域名搞得那么正式。目前就是在我自己电脑上跑着，算是本地的一个“成果展示”。不过如果以后内容丰富了，真有不少同好喜欢，我可能会考虑把它部署到某个免费的静态网页托管平台上，让更多人能看到。
目前的样子： 现在这个同人官网，首页能展示最新的动态和主要版块入口；游戏介绍页放了故事背景和特色玩法；角色大全里有悟空、小林、布尔玛等主要人物的图文介绍；攻略区也放了几篇我整理的心得；图库里则是一些精选截图。整体风格我自己还算满意，挺有龙珠大冒险那股劲儿的。
后续计划：
这回实践过程虽然也熬了几个晚上，捣鼓得腰酸背痛，但看着自己一点点把网站从无到有地搭建起来，那成就感还是挺足的。也算是对自己爱好的一种投入。分享给大家，希望能给同样想做点小东西的朋友一点点启发。折腾无止境嘛哈哈！
