早上脑子一热想搞个新网站
今儿个蹲马桶刷手机,看到别人家网站真带劲,一拍大腿决定自己也整个。想着就从零开始,反正闲着也是闲着。先翻出笔记本打开浏览器,第一步就是得整个地盘。
给网站找门牌号
直奔最便宜的域名服务商,哆哆嗦嗦输了好几个名字:什么"老王工具箱"、"小李资源站"全被人占了。试到"不熬夜码农"居然没人要!立马掏出信用卡刷了38块钱,这域名就算归我了。
租了间毛坯房服务器
买完域名直冲服务器网站,手指头在低价区划拉半天。看到个写着"学生特惠"的套餐,一个月8块钱,管他是不是学生直接下单。付完款弹出来个黑乎乎的窗口,密密麻麻全是代码——行,这就算有地儿放网站了。
抄起瓦刀开始砌墙
- 先在桌面新建个txt文件,改名时手一抖写成“狗啃的首页.html”
- 打开文件怼进去三行代码:
<html>
<body>
<h1>欢迎来到垃圾站!</h1> - 存完文件双击一点——嚯!浏览器真跳出标题了!激动得差点把咖啡打翻
给毛坯房刷漆安窗户
看着光秃秃的白底黑字实在寒碜,咬着指甲琢磨半天配色:
1. 把body标签加了个style="background:#ffe6cc" 整成奶茶色背景
2. 标题改成<h1 style="color:#ff6600">熬夜会秃头!</h1>
3. 从相册拽了张猫打哈欠的图,<img src="困成狗.jpg"> 直接甩进去
刷新页面那瞬间,奶茶色背景配着橘黄色大字,猫脸占了半屏——丑得我直闭眼!
搬家具差点闪了腰
想着加点实用功能,跟着教程学做导航栏: <a href="#" style="color:white;">首页</a>
<a href="#" style="color:white;">掉发指南</a>
</div>
<div style="background:#333;">
结果链接全挤在左上角像坨芝麻糊。折腾两小时改padding值,干脆破罐破摔加了float:left,居然排成横条了!
搞完收工发现大问题
美滋滋把文件拖进服务器时,FTP软件突然卡死。重启三次才传完,打开域名一看——图片裂成二维码,导航栏飘在页面中间!原来困成狗.jpg根本没上传,css样式也丢了一半。骂骂咧咧重传三遍,终于勉强能看。
瘫在椅子上看这个歪歪扭扭的网站,突然收到幼儿园老师电话:"您孩子把班级网页改成七彩霓虹灯风格了!" ——淦!这小子啥时候偷看我写代码的?!





