早上刷手机看到个免费网课广告,标题写着《零基础三天学会做网页》,嗤笑一声划过去。结果下午系里发通知,网页设计成了必修课。
翻出压箱底的破笔记本,开机等了五分钟。打开浏览器搜"网页设计入门",满屏都是"年薪30万"的培训广告。胡乱点开个教学视频,讲师张嘴就是"声明标签嵌套规则",鼠标在屏幕上画了十分钟流程图,我盯着左上角WIFI图标发呆。
一、从菜市场砍价式学习开始
- 把桌面上"新建文件夹"改名叫"救命网页课"
- 跟着弹幕最多的教程装VS Code,装完发现图标和教程不一样
- 抖着手敲了人生第一行代码:<html>乱打字母</html>
- 按F5刷新八遍,浏览器比我的钱包还干净
气不过把视频拖到评论区,发现有条弹幕飘过:"把后缀.txt改成.html傻蛋",差点给显示器磕头。
二、像拼乐高那样搭积木
突然发现浏览器按F12能偷看所有网站源码。蹲在知乎首页研究了半小时,发现:
- 蓝色标题是<h1>到<h6>的积木块
- 段落都在<p>这个集装箱里
- 导航条根本就是
- 横着躺
把自己QQ空间照片塞进标签那天,在宿舍嚎得整层楼都听见——虽然图片撑爆了屏幕,隔壁床兄弟的半个脑袋还悬在显示器外面。
三、CSS比亲妈还操心
当我的网页丑得像被卡车碾过的调色盘时:
- 文字大小用px调得跟蚂蚁似的
- 用margin拉开距离,结果按钮离家出走
- 给加边框后,发现页面变成俄罗斯方块
最绝的是试float属性,导航栏直接漂到文章头顶睡觉。气得把老师给的案例右键另存为,在代码里狂塞/这是啥/的注释。
现在回头看那个作业网页:导航栏歪得需要斜眼看,颜色搭配堪比东北碎花袄,提交按钮点击后还会抖三抖。但凌晨三点按下F12调试成功那刻,比收到压岁钱还痛快。
对,后来才知老师根本不看代码规范。那个漂浮的爱心动画让我拿了全班最高分,虽然它每隔十秒就把正文盖得严严实实。
突然邮箱叮咚一响,导师发来新需求:"下周做个带登录功能的..."





