我这个人，平时没事就喜欢自己找点东西来捣鼓。上个月底，我晚上刷新闻的时候，看到一篇讲城市里那些奇奇怪怪建筑的文章，其中提到了一个大家都爱叫它“吸血鬼大厦”的楼。名字听着就带劲，但点进去一看，那楼的照片拍得跟鬼屋似的，官方介绍页面做得更是拉胯，简直是浪费了这么酷的名字。
当时我就琢磨，这么好的一个题材，怎么能没有一个像样点的网站？别人不干，我来试试。我决定，我要自己给它建一个“官方网站”，就当是我的一个小型实践记录。说干就干，我立刻就开始了我的“吸血鬼大厦”官网建造之旅。
开始动工：把想法变成黑夜的颜色
我得定个调子。既然叫吸血鬼大厦，那颜色肯定不能是阳光明媚的白或者绿。我直接把基调定成了深红和纯黑，用一些灰色和银色来做点缀。我以前做的那套企业级的东西，规矩太多，这回我要放开手脚，怎么酷怎么来。
我的第一步就是去网上把所有能找到的关于这个大厦的资料都搜刮了一遍。这个过程比我想象中要麻烦得多，因为大部分信息都是碎片化的。我像个侦探一样，把各种论坛、新闻、甚至是一些民间传说里的内容都给整理出来。我甚至找了几个摄影爱好者拍的夜景照片，那效果，绝了！
- 素材收集： 我花了整整两个晚上，攒了差不多五十张各种角度的照片，还有一大堆关于大厦历史的文字资料。
- 结构搭建： 网站不需要太复杂，我计划就几个板块：首页、历史沿革、内部探秘（瞎编的）、以及联系我们。
- 设计草稿： 我直接用手画了几个草图，确定了主页上那栋楼的图片要占多大比例，导航条要放在哪里，字体要用那种看起来有点哥特风但又不能太难认的类型。
别看只是个小项目，但前期准备工作真是一点都不能马虎，不然做到后面只会一团乱麻。我可不想我的实践记录变成一堆烂摊子。
具体操作：代码堆里的黑夜魔法
接下来就是动手硬砸的环节了。我选了一个我比较顺手的小工具开始搭架子。我不想用那些大而全的企业级框架，太重了。这回我就用最简单的工具，把注意力放在视觉效果和用户体验上。
我先从首页开始磨。我要让访客一进来就感受到那种沉重的、略带神秘的气息。我把那张最宏伟的夜景图放上去，然后用一层半透明的黑色蒙版压住，上面用亮眼的深红色写上标题：“欢迎来到永恒的阴影下”。
我当时特别纠结一个地方——动效。我觉得吸血鬼大厦应该有点动态的东西。我折腾了好久，想搞一个看起来像蝙蝠飞过的效果。我试了各种方法，放弃了太复杂的，就做了一个很简单的，让背景图里的灯光有种微微闪烁的感觉，像是楼里有人在偷偷活动一样。这个小细节虽然耗了我半天时间，但效果出来后，我觉得值了！
在内容展示上，我故意把文字排版做得有点老旧感，行距拉得比较大，让人阅读起来感觉像在看一本古老的典籍。我甚至还“创作”了几段关于大厦在月圆之夜会发生奇怪事情的故事，塞进了“内部探秘”那个板块里，纯属为了好玩和增加代入感。
这个过程中，我遇到最大的麻烦是响应式布局。我一开始在我的大显示器上看得挺但换到手机上看，图片全都挤成一坨了。我气得差点把键盘砸了。我花了一个下午，不停地调整那些宽度和高度的参数，就是为了让它在手机上也能保持那种阴森的优雅。这个调整过程，简直就是对耐心的终极考验。
收尾与自我评价：一个不合规矩的“官方”网站
等我把所有内容都填进去，包括那个看起来很正经但很假的“招租联系”表单，这个网站就算是基本成了。
我特意把加载速度优化了一下。一个设计得再酷的网站，如果打开要等十秒，那绝对是要被用户骂死的。我把所有图片都压缩了一遍，保证它们清晰度够，但又不至于拖慢速度。
做完之后，我把这个网站的链接发给几个老朋友看，让他们给我提点意见。他们的反馈倒是挺统一的：“这网站太不正经了，一点都不官方，但是太酷了！”
其中一个朋友问我：“你花了这么多心思搞这个，又不赚钱，图什么？”
我当时回答他：“我图个乐子，图个手痒。”
我心里明白，我图的是那个动手实践的过程。现在每天在公司里处理的都是流程化的东西，动不动就是会议和文档。能像这样，从零开始，完全按照自己的想法，把一个带着自己烙印的东西弄出来，那种感觉，比挣多少钱都让人踏实。这回实践证明，就算不用那些复杂的企业级工具，我依然能把一个想法变成现实，而且做得还挺有意思。
这个项目我虽然没敢真的挂出去让所有人看（毕竟不是真官方），但它现在安安静静地躺在我自己的服务器上，每当我夜深人静打开它，看到那个黑红色的界面，我就觉得，这才是真正属于我的、不受任何条条框框限制的“吸血鬼大厦官方网站”。