Dreamweaver4直通车
《规划篇——站点的创建和管理》
四、快速搭建你的站点文件结构
在设置好你的站点信息后,就可以开始创建你的站点文件。有些朋友都是使用File-New命令开始一个一个的创建页面,其实这并不是一个好的工作习惯,因为这样你将不会对站点的整体结构有良好的控制和把握。好的工作方式是在站点窗口完成站点的基础页面的搭建和规划,这使你可以一开始就清楚的了解你的工作范围并将你的设计想法变为初略的布局。下面我们就在站点窗口开始我们的工作。
打开站点窗口,我们可以看到如图四所示的窗口:
(图四)
窗口的左边是将来上传后的远程站点结构,如果你已经链接到你的远端站点,这里将显示远端站点的目录结构。窗口的右边是本地站点的目录结构,我们的工作将从这里开始。
首先需要在站点根目录下创建index.htm文件,如图五所示:
(图五)
右键点击站点根目录,在弹出菜单中选择New File,并定义为index.htm则Dreamweaver会定义一个index.htm页面,用同样的方法你可以在不同的目录里快速创建你需要的其他文件。如图六所示:
(图六)
你也可以用这种方法快速创建新的文件夹。利用这种方法你可以很快的了解你的工作量和目录结构,在后面工作添加文件之间的链接时,只需简单的选择这些文件即可。这有助于你的站点管理工作。
五、站点管理注意事项
很多朋友常常会问,我为什么要建立站点?我就做简单的几个页面也需要这么繁琐的创建站点吗?创建站点对于后面的网页制作有什么好处?在这里需要强调的是创建好站点后,Dreamweaver就可以对站点内的所有文件进行统一的管理,并能很好的组织和解释他们之间的相互链接关系。由于网页就是一些文件的相互链接和组织,所以有必要简单理解链接的几种格式:绝对地址、相对地址。
绝对地址简单地说就是我们常用的网站地址,一般来说当我们需要链接到不属于我们自己网站内的某个页面时,就需要用绝对地址来表示这个外部的页面或网址。当然你也可以用你自己的网页绝对地址来表示你的页面,但这样做非常不好,因为如果你改变了你得网站地址,你就必须修改每一个相关的链接。
相对地址是指以当前站点内的根文件夹为起点,其他各个文件用与他的相互关系来表示。相对路径与站点将来的位置没有关系,这可以简化输入,并方便站点的管理,在以后站点可能出现转移时也不会出现问题。以我们前面创建的文件为例,当我们想要在index.htm文件中添加链接到Aboutme.htm文件的链接时,只需要写:About/aboutme.htm即可,而在aboutme.htm文件中添加返回index.htm文件的地址时,只需写:../index.htm,../代表返回上级目录。
知道了绝对地址和相对地址后我们再来看站点管理的意义,当我们建立了站点后,Dreamweaver就可以将各个文件之间的相互关系用相对路径来表示清楚,而如果你没有建立站点,你的文件之间的互相链接的表示方法是类似这样的:file://yourpath/yourfile.htm。这样当你将文件上传到远端服务器上时,浏览器并不会找到你本地机子中的file://yourpah路径,这也是很多初学者常犯的错误之一,很多图片显示不出来,链接无效等等。
总目录 | 第一页 | 第二页 | 第三页