甜心魔术师官网

昨天下午闲着没事干,突然想给自家闺女折腾个官网。她不是整天在小区里给小朋友变魔术嘛大伙都叫她甜心魔术师,干脆建个网站当生日礼物。

第一步:脑子里先瞎琢磨

先把破笔记本摊在餐桌上,撕了张外卖单背面画草图。想着得有三块内容:首页放她变鸽子的大头照,节目单页面列她会变的戏法,再搞个联系方式表格。最头疼是节目单,这丫头会的把戏足足二十多种,光记名字就费劲。

小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

第二步:跟免费空间死磕

翻出五年前注册的某免费主机账号,密码试了八遍才蒙对。上传首页时闹笑话了,传完刷新死活不显示图片。原来把照片塞错文件夹了,路径写成这种蠢格式。折腾半小时才搞明白得用相对路径。

    遇到的坑:
  • 免费主机广告弹窗多得像牛皮癣
  • 手机打开首页排版全乱套
  • 联系表单点了提交没反应

闺女凑过来看乱糟糟的页面直撇嘴,嫌弃得跟什么似的。

第三步:连夜升级装备

咬牙掏了三百块买了个正经虚拟主机,广告弹窗总算没了。重新调整排版时发现关键诀窍——用百分比代替固定像素。比如图片宽度设成 width="90%",手机电脑看着都顺眼了。

最麻烦的是联系表单。开始用的 mailto 链接,点完只会启动邮件软件。后来研究表单源码发现缺了个 action 参数,补上

这种才通上电。测试时连续收了十几封自己的测试邮件,垃圾箱都塞爆了。

效果

折腾到凌晨三点总算完工:紫色渐变背景配金色标题字,节目单用表格分行展示,最得意的是悬浮在网页右上角的联系方式按钮,点开会滑出个彩虹边框的对话框。

早上闺女揉着眼睛打开网站,尖叫着扑过来啃了我一脸口水。现在她天天催我更新新魔术视频,得,给自己挖了个大坑。

本文转载自互联网,如有侵权,联系删除