Dreamweaver4神童教程之三

Dreamweaver4神童教程——文档创建
摘自赛迪网（小雷）

　　熟悉了 Dreamweaver 的操作界面，现在我们来确定把"家"安在什么地方，给"家"起个什么响亮的名字。

一．创建本地网站：

网页是构成网站的主要元素，一个两个单独的网页，是没法组建成一个网站的。所谓的网站，他是个网页，图片，脚本，多媒体，等等多种元素的集成。一般来说，一个网站的文档构成犹如本地电脑上的文档夹，其中根目录、子目录、子子目录等的关系，构成了网站的内部链接（也就是相对地址，这里的"相对"，就是相对于根目录的意思）。

嗯，不说那么深奥，只要您知道网站的创建犹如本地电脑上的文档夹，文档夹中还能够创建新的文档夹和文档，任何网站用到的东西全部放在这个网站（总文档夹）中就行了。

提示：创建本地网站更有一个重要原因，虽然同一个网站的网页能够分散在硬盘上的各个地方，但在进行文档上传时就会出现很大的困难，特别是文档比较多的时候，因为您可能由于文档过于分散而少传了些东西，或多传了些无需的东西，总之，很不方便。

Window/Site Files/New Site ，弹出的站点管理窗口如图一：

图一

Site Name：网站名称。

Local Root Folder：本地文档夹位置，也就是把这个网站放在什么地方。

HTTP Adress：HTTP 地址，用以检查 HTML 代码中绝对地址的正误。绝对地址，如 http://www.yahoo.com ，他不是相对于站点中的哪个文档的地址，因此称为绝对地址。本地址能够不填。

Refresh Local File List Automatic ：自动刷新文档列表，建议勾选。

Enable Cash：Cash（缓存）的作用在于加速链接更新时的速度，建议勾选。

点按 OK 后弹出站点管理窗口，如图二。

图二

由图二能够看到，站点管理窗口一共分为左右两个窗口，左边窗口是远程目录结构，由于还没有定制远程站点，所以现在是空的；右边窗口是本地目录结构，显示的是刚才建立的本地文档夹。

本地网站已建好了，但他现在是空的。要建立网页文档，只需在右边窗口中单击鼠标右键，在弹出的菜单中选择 New File ，这时窗口中会新增加一个名为 Untitled.htm 的文档，只需把这个名字改为我们想要的名字，如 index.htm ，就创建了第一个网页文档。要打开这个文档，用鼠标双击他就行了。如图三：

图三

提示：站点管理窗口中，右键弹出菜单更有 New Folder 选项，能够用来在站点中创建新文档夹。为什么要创建新文档夹？这是为了使站点管理更为规范。实际制作中，我们常常把站点中的任何图片放到一个文档夹中，并将其命名为 Image ，当然您也能够用诸如 Picture 等其他名称，反正您自己清楚哪个文档夹放置的是什么东西就行了。

通过上面创建新网页文档的办法，我们能够创建任意数目的文档。

提示：上面提到了 index.htm ，作为一个网页，他跟其他网页有所不同吗？其实， index.htm 常常是作为一个网站的"首页"存在的，而其他网页一般都是相对于这个首页的分页面。一个网站中，首页只有一个，分页面却能够是无数个。那么，"首页"的作用是什么呢？我们已知道，在网络上要查看某个网页，就得在浏览器的地址输入栏中输入网页地址，如 http://www.yahoo.com ，但这个地址只指明了网站地址，并没有具体说明要访问主机上的哪个文档，在这种情况下，首页就成了默认的网页文档。也就是说，在地址输入栏中输入 http://www.yahoo.com 就等于输入了 http://www.yahoo.com/index.htm 。

二．创建网页：

Dreamweaver 中有三种方式创建网页：创建新的空白网页；用模板创建网页；在已有网页基础上进行编辑修改。

1.创建新的空白网页：

在站点管理窗口中创建新网页：如上面提到的 New File 命令能够创建新网页。

在文档编辑窗口中创建新网页：在文档窗口中选择 File/New File 也能够创建新网页。如图四：

图四

新创建的网页文档是空白的，没有任何内容，我们能够为他添加各种网页元素。

提示：这里的"空白"指的只是文档编辑窗口中没有内容，假如您打开 HTML 源代码窗口，您会发现他并不是真正"空白"的，更有许多源代码在里面，如图五。但是这些问题，我们不用管。

图五

2.用模板创建网页：

模板创建技术，实现了内容和设计样式的分离，假如修改了模板，Dreamweaver 能够自动对任何用该模板创建的网页进行相应的变动，大大减少了网页设计者的工作量。模板创建技术，我们将在后面谈到，这里就不再累述。

3.编辑修改已存在的网页文档：
在文档编辑窗口中，用 File/Open 命令能够打开一个网页文档（无论他是用什么编辑工具编辑的，只要是网页文档，都能够进行编辑和修改！），修改后别忘了存盘哟。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有