今天突然想做个自己的个人网页，因为看网上那些博客都挺帅的，我就手痒痒了。所以一大早起来，打开电脑，点开了浏览器，开始搜一些简单例子。

准备工作阶段

我先找了个空文件，开了一个记事本，然后新建了个html文件，想着从头开始写代码。不过我以前没怎么搞过这个，只学过点基础，就直接上手敲键盘。第一件事是加了个标题，比如“欢迎光临”之类的，用了个h1标签，结果刷新页面一看，字小得跟蚂蚁似的。

• 我赶紧试了试改字体大小，在代码里加上style属性，反复调参数，从12px到24px来回改。
• 加了张图片放顶上，用的是img标签，但没设尺寸，图片拉得巨大，半屏都占满。
• 中间遇到加载慢，我就打开手机查查原因，才发现是图太大，赶紧换成小点的图片。

中间设计过程

页面结构搞定了点，我琢磨着加点内容。所以又开了个div区块，想放点自我介绍文字。写了几行后，又觉得空荡荡的，就想做个导航条。这里是最头疼的地方，因为不知道怎么对齐元素。

• 我开始用ul标签做列表，想做成横排菜单栏，但代码排得乱七八糟。
• 尝试添加链接时，突然想起不能加网址，我就用虚拟的“跳转到首页”代替了。
• 折腾了好久，浏览器不断刷新，页面一会儿歪左边，一会儿挤下面，气得我差点摔鼠标。

收尾和实现阶段

下午，总算基本成型了。我就把文字改成通俗点的，比如“我叫老王，爱玩电脑”，然后加了个简单的表单，让访客留言。检查颜色搭配，用了蓝色背景配白字，看起来很亮眼。整体实现了，但问题一堆，比如在手机上显示不全。

• 我试着缩小窗口，才发现没弄响应式，急得直挠头。
• 解决方案：简单调整了布局，加了点媒体查询代码，勉强能用。
• 收工前，保存文件，打开本地浏览器测试，总算看到完整页面。

搞完这一切，已经晚上十点了，累得我眼都花。成果还行，虽然简单粗糙，但亲手做的，还挺有成就感。下回想再优化优化，加点动画效果试试。