前几天闲着没事干,就想着自己做个深渊学校的网站玩玩。你知道深渊学校?就那个网上传得神乎其神的游戏设定,感觉还挺神秘,正好我是博主嘛爱分享这些折腾经历。
我开始瞎搞,先打开了电脑的记事本。心想网页不就是几行代码的事吗?直接敲了个HTML骨架上去。结果第一行标题就打错了,把“深渊学校”写成了“身源学校”,刷新一看页面全乱了,气得我骂骂咧咧重来一遍。
设计个首页真不容易
折腾半天,总算搞定了基础。我又想加点图片,就随便网上找了个阴暗背景图塞进去。然后用CSS瞎编布局,设置了个血红的导航栏。问题是颜色太刺眼,看着跟闹鬼似的。我儿子跑过来一看,说这网站吓人,要我改改。我只好把颜色调暗了点,改成灰不溜秋的调调。
- 第一步,我找了个免费图库下载了学校的logo。
- 第二步,写代码加了个介绍段落。
- 第三步,搞了个班级分页,列表排得歪歪扭扭。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
代码出错简直烦死人
做到一半,浏览器上页面突然崩溃了。我检查代码发现标签漏了个闭合符,整个页面塌掉一半。这玩意儿就像打游戏卡bug,改来改去还是不行。我打开浏览器开发者工具,一条条找错误,折腾一个多小时才修
想加个留言板功能,结果又翻车。我用JS胡扯了几句脚本,测试时用户一提交就报错。儿子笑话我说这网站像过家家。我一气之下删了这部分,老老实实用静态页面搞定。后来朋友发微信建议用现成的框架,但我觉得自己搞才带劲。
总算整完了,上传到免费托管平台看看效果。结果页面加载慢吞吞的,图片还糊成马赛克。儿子点开手机浏览,界面全变形了,气得我差点砸键盘。这破玩意儿真不行。
现在回想起来,深渊学校网站这个项目就是自己找虐。搞到就是个摆设,上传几天后我就懒得管了。但过程挺有意思,至少证明手写代码不是闹着玩的,初学者一锅粥就乱炖。
顺便说句,我最近工作忙成狗,根本没空更新。老板天天催KPI,搞得我晕头转向。还是当博主写分享轻松,下次接着搞点其他主题,说不定能搞个正常点的学校站。