《网页设计与制作》综合实训指南 下载本文

在开始着手设计网页之前,首先要定义站点。因为网页只是网站的一个组成部分,所有设计的网页和相关文件都要放置于站点之中。定义站点的好处是:定义站点以后的所有操作都是在站点统一监控之下进行。如果使用了外部文件,Dreamweaver就会自动检测并予以提示和询问是否将外部文件复制到站点内,以保持站点的完整性。如果某个文件夹或文件重新命名了,系统会自动更新所有的链接,以保证原有的链接关系的正确性。

创建站点之前,要求先建立一个文件夹,以便创建站点时为站点指定存储位置。在Windows操作系统中,打开“资源管理器”,创建一个名为“网页教学网”的文件夹。 创建站点在第3章已有详细介绍,在此只作简要说明,与第3章中的步骤有所区别,这里假设事先已申请了主页空间,所申址的网址为:zzweb.26300.com.cn,用户名和密码也已经知道。

定义站点的操作步骤如下:

(1)在Dreamweaver 8主窗口中,单击菜单【站点】→【新建站点】,将弹出如图17-6所示站点定义对话框。在该对话框中先输入站点的名称,然后输入网址,如图17-6所示。接着单击【下一步】按钮,进入到下一步操作。

(2)选择“否,我不想使用服务器技术”单选按钮,然后单击【下一步】按钮,进入到下一步操作。

(3)选择“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”单选按钮,接着在下面的文本框中输入站点文件在本地计算机上的存放位置,也可以选择存储位置,然后单击【下一步】按钮,进入到下一步操作。

(4)选择连接到远程服务器的方式为“FTP”,然后分别输入Web服务器的主机名、在服务器上文件的存储位置、FTP用户名、FTP密码等参数,如图17-7所示。然后单击【下一步】按钮。

(5)选择“否,不启用存回和取出”单选按钮,如图17-8所示。接着单击【下一步】按钮,此时会显示所定义的站点信息。如果发现有误可以单击【上一步】按钮,返回到上一步

操作的对话框中重新修改。如果站点定义信息符合要求,可以单击【完成】按钮,完成站点的定义。

此时会自动显示“文件”面板,并且会自动切换到新创建的网站。

图17-6 输入站点名称及网址

图17-7 设置连接远程服务器的参数

2.网站目录结构的搭建

创建站点后,在“文件”面板中切换到新创建的站点,然后利用快捷菜单创建文件夹及子文件夹,本网站的目录结构如图17-9所示。

图17-8 选择是否启用存回和取出

图17-9 “网页教学网站”的目录结构

1.8 查看与设置站点地图

站点地图使用直观的树状结构显示网站中文件的链接关系,在站点视图中可以将文件加入到站点中,或者加入、修改、删除链接。

1.查看站点地图

在“文件”面板中,单击视图列表中的“地图视图”,如图17-27所示,这时,在文件列表中将以站点地图的方式显示网站的文件,展现出站点中文件之间的链接关系。

单击【展开以显示本地和远端站点】按钮 将把以地图视图显示的“文件”面板展开,如图

17-28所示。在图17-28中单击工具栏的【站点地图】按钮

,从其下拉菜单中选择“地图和文件”,

在站点地图视图中,首页文档index.html显示在最上方,在index.html文件名下方的页面都是由首页所链向的页面。在站点地图视图中,不仅能显示出内部链接,还能显示出外部链接、电子邮件链接、外部样式文件、图像文件等。

图17-27 选择“地图视图”

如图17-29所示,也可以选择“仅地图”。

图17-28 站点文件以“地图”形式显示

2.站点地图中的操作 (1)隐藏文件

图17-29 “站点地图”下拉菜

在站点地图中选定一个或几个要隐藏的文件,然后单击鼠标右键,在弹出的快捷菜单单击【显示/隐藏】命令,被选中的文件就会在站点地图中消失。

※注意※

如果菜单【查看】→【站点地图选项】中的级联菜单项【显示标记为隐藏的文件】已经被选中,则设置隐藏文件时,文件就不会从站点地图中消失了。

(2)显示文件

如果要显示隐藏的文件,可以单击菜单【查看】→【站点地图选项】→【显示标记为隐藏的文件】。

在站点地图可进行的操作较多,例如可以完成“链接到新文件”、“链接到已有文件”、“改变链接”、“移除链接”、“打开链接源”、“显示网页标题”等操作。

3.保存站点地图

站点地图可以作为图形文件保存,操作很简单,单击菜单【文件】→【保存站点地图】,在弹出的“保存站点地图”对话框,输入文件名,单击【保存】按钮即可。如图17-30所示即为所保存的站点地图。

图17-30 所保存的站点地图

1.9 测试网站

一个网站包含很多链接,可能会出现链接错误或断链现象,在发布站点前有必要检查整个站点的链接,以避免站点发布之后出现无效链接情形。利用Dreamweaver 8提供的“检查链接”可以检查网站中存在断链、孤立文件等。

链接检查无误后,可以在浏览器中浏览各个网页,检查文字、图片、链接是否有误、是否会出现乱码,,网页元素定位是否准确,浏览速度和视觉效果是否满意。经过测试、修改、再测试、再修改,反复多次循环,直到各方面都合格方可发布网站。

1.10 发布网站

发布网站就是把网页文件上传到Web服务器,发布网站之前先必须申请一个主页空间,拥有网页空间的访问域名、FTP用户名和密码。如果主页空间已成功申请,可以先与远程Web服务器进行连接,连接成功后,再通过单击“文件”面板上的【上传文件】按钮,往远程Web服务器中上传本地站点,上传成功后,就可以在浏览器中输入正确的网址访问网站了。