最近闲下来，就寻思着给自己搞点事情做做，琢磨了好久，决定给《伊莉丝编年史》这个题材弄个小官网。主要是觉得这个蜘蛛女皇伊莉丝的背景故事挺带感的，那种优雅又带点邪恶的感觉，挺吸引人的。
起初的构想和资料收集
一开始就是个模糊的想法，想着得有个地方能展示伊莉丝这个角色。我就开始到处扒拉资料，官方的、非官方的，只要沾点边都看。比如她那个“诱惑着无辜和贪婪的人堕入她的欺诈之网”的设定，简直是官网介绍页的绝佳素材。还有她那个法师和战士的定位，也得体现出来，不能搞得太单一。
我还看到一些资料说这题材好像跟一个用Unity引擎制作的RPG游戏有关，虽然我这回只是做个静态的网页，但这个信息也给了我不少灵感，比如网站的整体风格可以往那种奇幻RPG的感觉上靠。
页面的规划与设计
资料看得差不多了，就开始规划页面。我想着至少得有几个核心模块：
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
- 首页：肯定得有个酷炫的入口，放上伊莉丝最吸引人的形象，再配上几句概括性的介绍。
- 角色介绍：这部分是重点。得详细说说伊莉丝的背景故事，她的性格，她的能力。比如她的人形态和蜘蛛形态，都得有所体现。我还特地想了想，如果她在游戏里，技能加点可能就是主Q副W那种感觉，这些小细节也想融入进去。
- 世界观与故事：既然叫“编年史”，那肯定得有点故事背景的介绍，让整个设定更丰满。
- 图集或画廊：放一些伊莉丝的图片，毕竟颜值也是很重要的嘛
设计上，我琢磨着整体色调要偏暗一些，带点神秘感，符合蜘蛛女皇的调调。用一些蛛网、森林之类的元素做点缀应该会不错。
动手实践的过程
规划好了就开始动手干。我先是找了个简单的网页模板，不想从零开始敲代码，太费劲了。主要精力还是放在内容的填充和样式的调整上。
捣鼓首页：找了张伊莉丝的图，裁剪了一下，调了调色，力求那种既高雅又危险的感觉。然后配上几句精炼的文字，一下子感觉就出来了。
填充角色信息：这块花的时间比较多。我把收集到的关于伊莉丝的背景故事、性格特点都重新组织了一下语言，力求通俗易懂。还专门给她那个“蜘蛛”的昵称留了个显眼的位置。至于那些什么“生命兵修”、“攻击兵修”之类的数值，我没直接用，感觉太像游戏属性面板了，就转化成了文字描述，说她擅长什么，有什么特点。
整理故事线索：这部分就有点像写小说大纲了，把伊莉丝相关的事件、传说都串起来，尽量让它看起来像那么回事。
过程中也遇到不少小麻烦。比如找的图片尺寸不合适，来回调整了好几次。有时候为了一个排版细节，能折腾小半天。最头大的是配色，想要那种暗黑又华丽的感觉，试了好几种方案，才勉强满意。
最终的成果与感受
折腾了好几天，总算是把这个小小的《伊莉丝编年史》官网给搞出来了。虽然功能很简单，就是一个展示性的网站，但看着自己一步步把它搭建起来，还是挺有成就感的。
现在网站上有了伊莉丝的详细介绍，她的背景故事，还有一些相关的艺术图。整体风格也尽可能地贴合了她那种神秘又优雅的气质。虽然比不上那些专业团队做的东西，但作为个人实践来说，我觉得还行。
通过这回实践，也算是把一些前端的小技巧又熟悉了一遍。有时候就是这样，不实际动手做做，很多东西都容易忘。我可能会再慢慢完善一下细节，或者再加点新的内容进去。自己动手丰衣足食，这种感觉还是挺不错的。
