最近老有粉丝私信问我：哥，学网页设计是不是特费劲？得敲一堆火星文似的代码才能搞出个破网页？今天我就拿自己上周六做的个人主页当例子，给大家蹚条明路！

开工前先装家伙事

我直接冲去下了个蓝色图标的编辑器（名字带"Studio"那个），装完发现这玩意儿比我想象的简单。新建文件时候手都是抖的，生怕点错啥爆炸了。结果人家第一行就给我准备好了!DOCTYPE html这串符咒，我照着网上的菜谱往标签里怼了行h1，浏览器一打开——"我的小破站"这几个大字居然真蹦出来了！

调色像给手机贴膜

搞排版时候闹了大笑话。想把背景整成雾霾蓝，在CSS里写background:blue;，结果蓝得跟小学校服似的。折腾半天才发现得用#cfe8ff这种神秘数字，调色时我举着手机对照淘宝详情页的色卡，愣是试了二十多遍才调出想要的那种蓝。

• 标题字体死活调不大，原来少写个px
• 想弄个圆角边框，border-radius拼错三次
• 插图总显示大红叉，结果是图片名把写成

乱炖式塞内容

正文部分直接开整！相册区块直接抄了菜鸟教程的div套娃大法，联系方式用ul列出来。最骚的是搞了张动图当头像，刚开始动图疯狂抽搐，后来把文件从烧烤摊店名.jpg改成才好使。

插入B站视频最坑爹！埋个iframe标签后整个网页向右漂移了三公分。折腾半小时才发现要把宽度改成100%，手机看着才不窜位。

拿U盘当服务器

到上线这步彻底懵圈。听说要买服务器租域名？我直接右键点开编辑器里的html文件，拽进微信文件助手。发给朋友后人家秒回："你这链接点开是我手机里的文件管理器！"还是注册了个免费云盘，把整个文件夹拖进去生成个分享链接，总算在朋友圈装逼成功！

所以你说建站难不难？比起我去年学烤蛋挞三次烧糊烤箱的惨状，这点挫折算个关键别被那些专业词吓住，咱就当在QQ空间装修主页嘛~