昨天下午闲着没事干,突然想给自家闺女折腾个官网。她不是整天在小区里给小朋友变魔术嘛大伙都叫她甜心魔术师,干脆建个网站当生日礼物。
第一步:脑子里先瞎琢磨
先把破笔记本摊在餐桌上,撕了张外卖单背面画草图。想着得有三块内容:首页放她变鸽子的大头照,节目单页面列她会变的戏法,再搞个联系方式表格。最头疼是节目单,这丫头会的把戏足足二十多种,光记名字就费劲。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
第二步:跟免费空间死磕
翻出五年前注册的某免费主机账号,密码试了八遍才蒙对。上传首页时闹笑话了,传完刷新死活不显示图片。原来把照片塞错文件夹了,路径写成这种蠢格式。折腾半小时才搞明白得用相对路径。
- 遇到的坑:
- 免费主机广告弹窗多得像牛皮癣
- 手机打开首页排版全乱套
- 联系表单点了提交没反应
闺女凑过来看乱糟糟的页面直撇嘴,嫌弃得跟什么似的。
第三步:连夜升级装备
咬牙掏了三百块买了个正经虚拟主机,广告弹窗总算没了。重新调整排版时发现关键诀窍——用百分比代替固定像素。比如图片宽度设成 width="90%",手机电脑看着都顺眼了。
最麻烦的是联系表单。开始用的 mailto 链接,点完只会启动邮件软件。后来研究表单源码发现缺了个 action 参数,补上