今天跟大家唠唠我捣鼓的这个“阁楼里的睡美人官网”的事儿,纯属个人瞎折腾,大家图一乐呵。
是偶然看到一个类似题材的小故事,一下子就来了灵感,觉得这玩意儿做个小网站挺有意思。立马就开始盘算,要做个什么样的官网,怎么才能把那个味儿做出来。
我得把整个网站的基调定下来。琢磨了半天,阁楼嘛肯定要有点那种老旧、神秘的感觉。睡美人,那必须得是安静、唯美。所以我决定用深色系做底,再加点泛黄的纹理,搞点复古的字体,图片也选那种朦胧感的。
接下来就是内容了。官网嘛总得有点东西。我主要分了几个板块:
- 故事梗概:简单介绍一下“阁楼里的睡美人”是个啥故事,吸引人往下看。
- 角色介绍:把主要角色都拎出来,配上图,简单介绍一下他们的背景和性格。
- 场景展示:多放点阁楼的图片,重点是那个“睡美人”的房间,要唯美,要神秘。
- 创作手记:这个就随便写点,说说我做这个网站的灵感,遇到的困难,以及一些想表达的东西。
- 联系方式:放个邮箱,万一有人想合作?哈哈。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
有了内容,就开始动手做网页。我前端水平一般,就用的最简单的HTML+CSS,也没搞什么花里胡哨的特效。主要精力都放在了排版和图片处理上。为了让网站看起来更有质感,我还特意找了一些免费的复古素材,比如旧报纸的纹理,老照片的边框啥的。
做到一半的时候,突然觉得光有静态页面太单调了。就想着加点互动的东西。琢磨了半天,决定搞个留言板。这样, visitors 就能在上面留言,说说他们对“睡美人”故事的看法,或者对网站的建议。
留言板这块,我没用现成的代码,自己手撸了一个简单的版本。用了PHP做后端,MySQL存数据。虽然简陋,但功能还算完整,能实现留言、回复、删除啥的。
网站做好之后,就是找个地方上线了。我租了个便宜的虚拟主机,把代码上传上去,域名解析一下,OK,网站就上线了。 第一次看到自己的作品出现在互联网上,还是挺激动的。
遇到的坑
整个过程也不是一帆风顺。遇到了不少坑:
- 图片素材:找合适的图片素材太难了。要么太现代,要么版权有问题。还是自己PS了一些,才勉强凑够。
- 排版:CSS排版真是个体力活。调来调去,总觉得不够完美。还是妥协了,能看就行。
- 留言板:手撸留言板的时候,各种bug层出不穷。SQL注入、XSS攻击,防不胜防。还是参考了一些网上的代码,才把安全问题解决。
这回做“阁楼里的睡美人官网”的经历,虽然累,但也挺有意思的。学到了不少东西,也体会到了做网站的乐趣。 以后有机会,还想多做一些类似的个人项目。
欢迎大家去我的网站逛逛,多提提意见。虽然简陋,但也是我的心血之作。 嘿