昨天突然想起去年玩的那个像素风小游戏《魔塔少女》挺上头的，琢磨着整个官网玩玩。结果上网一搜，你猜怎么着？压根儿没找到正经的玩家聚集地！这不逼我自己动手嘛
开工前的鸡飞狗跳
大清早脑子一热就打开了电脑，想着搞个官网总得先找地方放。先跑去注册了个巨便宜的主机空间，叫什么“老王虚拟主机”，这名字听着就接地气。付完钱就傻眼了，面板全是英文！点了几下也没搞懂，干脆放弃，直接用最笨的FTP上传工具往里怼文件，甭管啥面板不面板了。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
接着琢磨官网总得有个样子。我不是设计师！打开画图软件瞎涂了几笔，那像素图标歪歪扭扭的，丑得自己都笑了。得，去图标网站扒拉了几个免费的像素风小图，七拼八凑当素材。至于官网的主色调？红配绿呗，游戏里红头发绿帽子的角色挺扎眼的，就它了！
HTML就是一通乱写
新建了个记事本，名字就叫“官网.html”。打开就干，第一行 <!DOCTYPE html> 先打上，这个我记得。接下来就开始瞎编了：
1. 搞个头儿：
<head> 里写了标题 <title>魔塔少女 菜鸟基地</title>。然后琢磨着加点样式？用 CSS 我怕搞炸了，算了直接在内联样式里敲：
<body style="background-color: #ffcccc;"> <!-- 粉红背景, 少女嘛 -->
<h1 style="color: green;">欢迎来到魔塔瞎搞基地</h1>
2. 中间怼内容：
先整个 “下载” 的按钮！管它链到哪，先做个样子：
<a href="#" style="background: yellow; padding: 10px;">戳我下载</a> 然后想想，得介绍游戏角色？不会排版，搞个表格糊弄：
<table border="1">
<tr>
<th>红毛</th> <th>绿帽子</th>
</tr>
<tr>
<td>暴力输出</td> <td>奶妈</td>
</tr>
</table>
3. 加“图片”：
把之前淘来的像素图塞进去：<img src="我都不知叫jpg" alt="瞎搞图">。完事儿后打开浏览器一看——得，图片死活显示不出来！
上传大战与bug缠身
折腾半天才发现，文件名写成中文的了！服务器认不出来。骂骂咧咧地把图片名字改成“*”“*”，总算在本地显示出来了。接着信心满满地用 FTP 工具把整个文件夹拖进去。
- Bug 1： 浏览器打开网址一看，一片空白！急得抓耳挠腮，FTP 来回看了N遍，原来忘把主页文件名改成“*”了！服务器只认这个！赶紧改名重传。
- Bug 2： 主页是能打开了，表格文字挤成一小坨！鼓捣半天，往
<table>里加了条style="width: 100%;"才勉强撑开。 - Bug 3： “戳我下载”按钮点了压根没反应！一拍脑袋，
href="#"就是个摆设嘛临时改成百度（但按规则不能写链接），反正先让它能跳转应付一下。
就这？成了！
搞到晚上，头发都揪掉一把。重新上传，小心翼翼地输入网址——一个粉不拉几的背景，一行绿油油的“欢迎来到魔塔瞎搞基地”，几张像素小图，一个黄色大按钮（点了会跳走），一个简陋的桌子（表格）排着俩角色。齐活！
虽然这官网看上去像个十几年前的地摊货，配色能把人闪瞎，排版全靠撞大运，功能约等于零……但好歹是我自己从零鼓捣出来的破山头！截图丢给朋友看，他们回复就俩字：“好丑！”……行，丑归丑，能用就行！魔塔少女有个家了，虽然是毛坯房。
