大家今天我来分享一下上个周末自己教朋友学网页设计的实践经历。朋友想搞个个人博客，我就从头带他搞了一遍。整个过程挺简单的，分五个步骤就能搞定。

第一步：装好工具

我先让他开电脑，找了个写字板软件，电脑自带的就够用了。比如记事本之类的，完全免费。然后打开浏览器，随便哪个都行，我自己用的是那个常见的大图标浏览器。这一步最关键，不要想太复杂。

第二步：搞清骨架结构

我叫他新建个文本文件，文件名改成*，后缀别弄错了。然后开始写代码，就从最简单的骨架开始。我跟他说：“开头必须写，这玩意儿像说明书。然后后面加, , 这些大标签。”他一开始老漏符号，比如写成< body>，被我纠正了好几次。

第三步：加内容进去

骨架弄好后，我就让他往里塞东西。

标签用来写段落文字，

当标题，还有列表的话用

搞个简单版。比如他输入自我介绍，就用

包起来；想列兴趣爱就用

• 每个点分开。我强调标签一定要成对儿，开个<啥>就得关个，新手最常见就是忘记关了，导致显示错位。

  第四步：打扮一下外观

  内容堆满后，看着太素，我就教他加点颜色。用内联样式，直接在标签里加style=" "属性。比如

  把标题变红，或者

  放大字号。我跟他说别搞太多花样，先试试简单效果。他自己玩了几次，结果颜色配得难看了点，但至少网页没那么无聊了。

  第五步：测试和查看

  一步就是收尾了。我让他保存文件，然后用浏览器打开它。第一次显示时图片没出来，发现是路径错了，改好文件名就行。我叫他多点刷新按钮，看看效果变化。搞定后，整个网页在本地跑起来了，他笑得跟孩子似的。

  搞完这些，朋友花了两小时，挺快的。新手只要跟着步骤走，别急着上复杂东西，肯定能捣鼓出个能用的网页。我自己第一次玩这个也是各种折腾，现在回头看，这些基本操作越简单越好上手。