这个教程因为针对初学者，或者是完全不知道怎么回事的读者，所以我会先告诉大家大致的一个轮廓，然后再细说每个细节。就像先给大家一个空屋子，然后，告诉大家怎么去装饰，我会先演示一些，余下的，由大家自己动手完成。这样比一步步按照书本教要容易理解的多。也不会太枯燥。

首先我们先来了解一下DreamWeaver这个软件。

这是新建了一个空文档的菜单部分，没有保存的文件，默认的文件名就是Untitled，会1，2，3，4这样排下去，再新建一个就是Untitled-2，保存的时候需要对文件命名，一开始就要养成重新命名的习惯，不要直接保存Untitled这样的名字。

在保存的时候，你会发现这个页面的后缀是Html,一些老的软件版本，会保存htm,前者是超文本标记语言，后者是超文本标记，L就是Language啦。这两种都是静态网页文件的扩展名，虽然2者没什么太大区别，但是保存的时候，如果保存html，在链接的时候写成htm是肯定读不出来的。GOOLE了一下，说html比htm的载入速度快，HTM 为DOS三字符文件扩展名时代而来； HTML 则为Windows时代支持多字符扩展名；

如果你是想建立一整个站点的话，还需要新建站点，站点建完以后，需要建立一个images文件夹来放图片，Html放在站点的根目录。不过这边说的只是一个网页，这一步，就不在这里说了。

“代码”，“拆分”，“设计”，这三个是DreamWeaver的显示方式，一般我们用的是代码模式。一开始，就要养成不要去依靠设计模式进行DIV的编写，这样做，将会对代码的拼写记得更牢。以后熟练了，可以用更多的编辑软件来写网页，事实上，DreamWeaver并不是一个非常好的编辑器，主要是太占内存了。但比较适合初学者过渡用。

实时视图将可以看到浏览器显示下的效果。可以设定用什么浏览器查看。建议大家直接把写好的Html保存一下后在浏览器中打开，这边用DreamWeaver的代码模式编写，另外一边可以不停的刷新浏览器查看效果。写html要养成写完的东西在不同浏览器中检查一遍。因为一开始，可能你会发现不同的浏览器，显示的似乎完全不一样。没关系，学到后来，就会很容易的让所有浏览器显示都保持一致啦。一般要测试的浏览器是IE6,IE7,IE8，Firefox。

另外“标题”的地方是显示网页的名字。就是大家在浏览器标签上看到的页面名称，虽然可以直接在上面输入文字，但建议在代码里找到<title></title>,在这2个标签的中间写比较好。就如刚开始学的时候，大家更喜欢在“设计”模式里用插入表格的功能来布局网页。以为这样看上去更直观，但是，不够专业，更重要的是会引起代码余冗，我们一定要刻意的用“代码”模式去写网页。以便更好的学习。

下一节，将会正式说到一个简单的网页布局哦~

qq空间的图片显示不了哦。。。。