今天跟大家唠唠我捯饬《青龍劍姬傳》官方网站的那些事儿。一开始我就是个啥也不懂的小白，但谁还没个好奇心，硬着头皮就开始了。
我得找着地儿下手！直接搜“青龍劍姬傳官方网站”，结果出来一堆乱七八糟的，要么是下载链接，要么是游戏攻略。没办法，只能自己慢慢扒拉，在一个犄角旮旯里找到了个看着靠谱的。
然后就是扒页面，看人家咋做的。好家伙，各种图片、动画，还有那复杂的排版，看得我眼都花了。不过没关系，咱一步一步来。我先把人家的页面结构给摸清楚，用 Chrome 的开发者工具一点点分析，哪个是标题，哪个是内容，哪个是图片，全都记下来。
接下来就是模仿了。我新建了一个 HTML 文件，然后照着人家的样子，一点一点地把代码敲上去。刚开始那叫一个慢，经常写错，不是标签没闭合，就是属性写错了。不过慢慢地，我也就熟练了，速度也快了不少。
光有 HTML 还不行，还得有 CSS 来美化！我又开始啃 CSS 的书，学各种选择器、属性，然后一点一点地往我的页面上加样式。颜色不对，改！字体不好看，换！间距太大，调！反正就是各种折腾，直到我觉得看着还行了为止。
图片素材这块儿，我是直接从游戏里截的图，还有一些是网上找的。稍微处理了一下，让它们看起来更清晰一些。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
动画效果这块儿，我一开始是想用 CSS3 做的，但是弄了半天也没弄明白。后来发现 JavaScript 可以实现更炫酷的效果，就又开始学 JavaScript。好家伙，这东西比 CSS 还难，各种函数、对象，看得我头都大了。不过还是磕磕绊绊地做出了几个简单的动画效果，比如鼠标悬停的时候图片会放大，点击按钮的时候会弹出对话框之类的。
我把所有的文件都放到一个文件夹里，然后用浏览器打开 HTML 文件，看看效果。虽然跟人家的官方网站比起来还差远了，但是至少能看了，也算是我自己的一点小成果。
这回捯饬《青龍劍姬傳》官方网站，我学到了不少东西。HTML、CSS、JavaScript，这些东西以前我只是听说过，现在算是真正地接触到了。虽然还只是入门级别，但是我已经很满足了。以后有机会，我还会继续学习，争取做出更牛逼的网站！
