新建HTML网页

2.1.3　新建HTML网页

1. 新建文档

打开Dreamweaver CS4以后，就会显示图2-1所示的开始页面，在开始页面的“新建”选项区下选择某个新建项目选项，如HTML，即可新建相应类型的新文档，当然也可以使用菜单来新建网页。选择HTML以后，Dreamweaver CS4将创建一个基于XHTML标准的网页基本框架，切换到“代码”视图即可看到。

注意：从“新建”选项区中，我们可以了解到有很多种类型的网页文档，HTML是最基本的一种，初学者一般是从HTML开始学习网页制作的，本书将学习四种类型的文档：HTML、CSS、JavaScript和ASP VBScript。

2. 保存网页

新建网页后，先把网页保存在站点目录下，对进行后面的工作是非常有必要的，保存网页可以避免很多麻烦。

保存新建的HTML文件时，默认的文件名是Untitled-1等名称，但一般不使用默认的文件名而是由自己定义，如temp、index、login等有一定含义的英文(或汉语拼音)名称。

默认的位置是在站点根文件夹下面，当然也可以把网页保存在站点下面的其他子文件夹中。

提示：很多初学者都不习惯自己定义网页的名称，而使用默认的Untitled-1，Untitled-2等，站点下的网页慢慢变多的时候，很难通过名称来判断网页的内容，这样会大大降低网站制作和维护的效率。

3. 预览网页

在制作过程中总想随时查看自己的网页在浏览器中显示结果，下面学习几种最常见的浏览正在制作的网页的方式。

(1)单击视图切换栏的“实时视图”按钮，即可模拟网页的预览效果。这种方法最为简便，大部分显示样式都能预览，但也有少数样式(如滤镜)不能预览。

(2)先保存网页，再选择菜单“文件”->“在浏览器中预览”->“IExplore”命令，即可在浏览器中预览网页的实际效果。也可以通过单击文档工具栏“在浏览器中预览”快捷按钮，或者使用快捷键F12预览网页(推荐使用快捷键F12)。

(3)打开站点文件夹，找到已经保存过的网页文件，双击文件就可以在浏览器中预览此网页。

4. 打开网页

在Dreamweaver中重新编辑一个已经保存的网页，就要在Dreamweaver中先打开这个网页，若网页所在站点已经打开(最近建立的站点一般都是打开着的)，则在Dreamweaver的文件面板中找到这个网页文件，双击该文件就可以打开相应的网页。也可以通过菜单打开网页，操作方法与其他常用软件的相似。

如果要打开的网页不在当前站点里，那么，先要打开网页所在的站点。打开已有站点的方法是单击“站点”菜单下的“管理站点”，在出现的对话框中选择站点名称，打开站点，然后在Dreamweaver文件面板里查找并打开网页文件。