Dreamweaver3之一学就会(一)
#1 界面篇
正式开始使用Dreamweaver之前我们先来熟悉一下Dreamweaver的操作界面。这些界面的名称我们以后会经常提到。Dreamweaver由两大部分组成:站点管理器和页面编辑器。页面编辑器用于制作网页,站点管理器(如^23040201a^一)用于对网站内的网页和相关文件进行管理。
制作网页主要在页面编辑器(如^23040201b^二)中进行。Dreamweaver提供了丰富的面板提高我们的工作效率。
·Objects对象面板用于在页面中插入各种元素,例如表格图片等等。
·Properties属性面板用于设定元素的属性。例如表格的宽、高等等。
·快速启动栏将一些常用的模块放在其中,可以进行模块间的快速切换。例如面板中的一个就是站点管理器按钮,单击启动站点管理器。
·面板组中存放着多种面板。Dreamweaver的各种功能都可以在相应的面板中找到。
·时间轴:Dreamweaver独有的网页动画制作工具。注意这里的动画可不是Flash而是完全用DHTML写的网页动画。
认识完了界面我们就可以大显身手了。接招!
#1 建站篇
千里之行,始于足下。在做网页之前第一步就是要学会做网站。作为一个网站,里面有很多的图片、网页文件甚至Flash动画,如果不进行管理归档,分散在硬盘的各个地方就无法方便地进行网页发布了。因此建网站就是在硬盘上建立一个目录,将所有的网页和相关的文件都放在里面以便进行网页的制作和管理。
下面我们就来用Dreamweaver 3建立一个网站。
启动Dreamweaver
进入Dreamweaver,一般首先会进入页面编辑器。在页面编辑器中,选择菜单Site→Newsite。系统弹出站点定义对话框(如^23040201c^三)。
下面我们需要做这几步工作:
·Site name:填上网站的名称。名称没有规定,你可以填入你想要的名称。
·Local Root:站点本地目录。在这个地方,你必须给你的网站在硬盘上指定一个目录。以后所有的网页文件就都放在该目录里面。相当于造房子先选址一样。单击黄色文件夹,系统弹出对话框。
可以选择目录。选好目录以后按“打开”,再按“保存”即可。如果没有建立过目录,也没关系。在这个对话框中一样可以建立。只要在对话框中按右键选择“新建文件夹”马上可以建立目录了。
·选中Refresh Local File List Automatically选项:自动刷新本地文件列表。这个功能有了以后,当你往网站的目录中复制文件的时候,网站文件列表会自动地刷新,为了方便起见我们要这样选择。
·选中Cache:选项。Cache不少读者肯定不会陌生,就是“缓存”。这个选项非常有用,他可以自动跟踪网站内的文件链接情况。当你的文件改名、移动、删除以后。原来指向这个文件的链接会断掉。有了Cache就可以及时发现问题,并加以纠正。
OK,所有的工作都完了。一个空白的网站就做好了。
下面我们来仔细观察站点管理器。网站内所有的文件都会显示在管理器的右侧。怎么样,看上去是不是有点像Windows的资源管理器啊?大家可以发现一点,就是这里的“根目录”是先前我们选择的目录。这是因为相对于要做的网站而言,所有文件都是放在这个目录里面的。所以这个目录就是网站的根目录。
做网页的时候会用到很多的图片,把所有的图片文件都归档在一个目录里,这是一种比较好的习惯。下面我们在站内先建立一个“images”目录用于存放图片文件。在站点管理器右侧空白处,单击右键弹出菜单。选择New Folder新建目录,输入目录名即可(如^23040201d^四)。
一个网站建立好以后,下次启动Dreamweaver时。会自动打开这个网站,那么你所做的每一个文件都保存在这个站内。如果你建立了很多网站的话就要确保你要的网站是否打开了。可以在页面编辑器中选择打开的网站。使用菜单Site->Open site。
如何快速进入站点管理器呢?我们可以用快速启动栏(如^23040201e^五上)。在快速启动栏中,用第一个按钮就可以快速切换到站点管理器。在页面编辑器的右下角,也有一个袖珍的启动栏(如图五下)。可以同样操作。
好,本次教程我们主要学习了怎样制作一个站点。一个站点,简单说就是搭一个网站的架子。所有的网页和相关的文件都必须放在站内。网站所在的目录就是网站的根目录。大家可能觉得有些枯燥吧?没关系,有了这些基础,下一次我们就可以进行正式的网页制作了。