为啥想做这个教程
前段时间，我一个远房侄子刚上初中，整天问我：“叔叔，你能教我玩电脑不？”我心一想，得找个简单实用的东西教他。琢磨来琢磨去，做个网站最省事，零基础也能上手。就拍板儿，搞个教程试试。
选工具就挑最简单的
我开始琢磨用啥软件。既然是零基础，那些高级玩意儿直接放弃。掏掏兜儿，想起电脑自带的记事本，点开开始菜单，找到程序清单里的记事本图标，双击打开了。
为啥用记事本？因为它免费又好用，不用下载安装啥乱七八糟的。对新手上路，越简单越安全。我先试试水，打开空荡荡的页面，准备敲代码。
动手写第一行代码
我开始教他HTML的基本套路。先整点基础标签，分步骤来弄：
- 第一步，开个新文件，在记事本里敲上<!DOCTYPE html>。
- 然后加个<html>标签，里面塞进<head>和<body>。
- 在body里头，用<h1>打个大标题，比如“欢迎来到我的网站！”
- 底下加几段话，用<p>标签随便写，像是“这是我的第一个网页！”。
写完了，我让他保存成.html文件。点选文件菜单，选“另存为”，文件名填“*”，放桌面上方便找。保存按钮一按，搞定。
打开看看效果
桌面上那个文件图标一显示，我就让他双击打开。咻，浏览器蹦出来了，页面白底黑字，大标题醒目，内容也排得好好的。
那小子激动得跳起来，嚷嚷：“哇，真成了！”我咧着嘴说：“糙是糙点，但谁都是从零开始嘛”
加点颜色玩玩
看他兴致高，我们琢磨添点花样。在head里加个<style>标签，改成背景颜色。
比如输入<style> body { background-color: lightblue; } </style>。保存后再双击文件，浏览器一刷新，背景变成浅蓝色了。
这小子乐坏了，试着改颜色玩，整得五颜六色的。我又教他加点图片，找个自拍图，用<img src="*">标签插进去。存了再看，照片也显示出来。
整个活儿收尾了
搞来搞去，我们捣鼓了个简单网站，内容就几行字加背景图和照片。点浏览器查看，效果不赖。
反思一下，手把手教初中生做网站真不难。从零开始，用小工具慢慢走，没碰啥高深玩意儿。网站糙点儿，但目的是领进门。后来那小子还天天练习，说要做个个人主页给同学看。值了！
