网页制作其实入门简单，精通难，它绝非是一两句话就能说的清楚的技术。所以要想真正学会制作网页，需要通过系统的课本教材学习，或者上网搜视频自学，而且要花大量的时间去练习才能真正精通。我这里只是简单举一个小例子，用最简单的代码带你认识一下网页制作的最基本方法。
工具/原料
Dreamweaver CS6
方法/步骤
1
下载Dreamweaver软件，版本随意，我用的是教学里最普遍的版本CS6。安装，打开后看到如图界面。
2
选择圈红选项，这是建立网页文件的第一步。
3
然后会弹出一个新窗口，窗口中有几行代码，先不用管它们，点击左上角“文件”，选择“保存”（或者直接按键盘快捷键 Ctrl+S），随便找个位置新建一个文件夹，然后在新文件夹里点击“确定”。
4
接下来就是用写代码的方式来建立我们的第一个网页，先看我们的窗口界面，空白区域就是编辑代码区，我们几乎绝大部分的网页创建工作都要在这里完成。
5
蓝色区域就是我们网页的代码主体部分，所有页面上看得见的东西都要写在
和之间。如果你想深入了解网页制作，后续你还会看到JS编码区以及CSS编码区，今天先不谈这些，只谈html编码区也就是。6
我们先在
与之间随便写上一句话，用来展示到网页上。我写的是“这是我的第一个网页！”。7
然后我们可以点击上排工具栏里的“实时预览”来预览一下页面效果。点击实时预览后界面会自动一分为二，右边空白区变成了预览区，可以看到网页上的效果。
8
我们再给这句话加一点变化，首先放大它的字号，用代码来实现。
9
然后点击工具栏里的“刷新”按钮，观察右边预览区的网页变化，字号瞬间变大！
10
接下来我们再给这句话加点效果，把它变成红色。用来实现。注意当你写到 color=' 时系统会自动弹出一个调色盘，你可以直接选择想要的颜色，或者直接手写“#FF0000”。点击刷新按钮后会看到预览区文字颜色变为红色。
12
然后在代码区写入
换行标签（另起一行），再写入 用来插入图片。
13
代码写到