1. 在线学电脑 > 平面与网页 > dreamweaver >

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 命令可以打开一个网页文件(无论它是用什么编辑工具编辑的,只要是网页文件,都可以进行编辑与修改!),修改后别忘了存盘哟。

本文由网上采集发布,不代表我们立场,转载联系作者并注明出处:http://zxxdn.com/sj/0901/826.html

联系我们

在线咨询:点击这里给我发消息

微信号:meishanxinxi

工作日:9:30-18:30,节假日休息