2.2 Dreamweaver CS6站点建设与管理_网页设计综合实践教程-QQ阅读男生都市网

上QQ阅读APP看书，第一时间看更新

2.2　Dreamweaver CS6站点建设与管理

每一个网站实际上都是由众多的网页构成的，网页和网页之间通过超链接的方式关联起来。这些网页可能是用来描述相同的主题，或者是为了实现相同的目的。用浏览器浏览网站时可以通过超链接从一个网页跳转到另一个网页。

网站里内容的结构类似于磁盘文件的组织结构，也是由文档和文档所在的文件夹构成。Dreamweaver通过站点的方式来对网站进行管理。制作网站需要先在本地磁盘上建立一个站点文件夹，将所有和网站相关的文件和文件夹都放到站点文件夹中。Dreamweaver CS6提供了本地站点和远程站点两种管理方式。存放在本地磁盘里的站点称为本地站点。存储在互联网服务器上的站点以及相关文档称为远端站点。由于网络的不稳定性，通过网络对服务器上的站点进行编辑和管理非常不方便，所以通常在本地计算机中完成对站点的设计，站点设计完成后再利用工具将整个网站上传到互联网服务器上，形成远端站点。

本节将通过对案例“嘉州文化长廊网站”的建立和管理，来介绍怎样规划一个站点，怎样创建和管理站点及站点文件。

2.2.1　案例分析：嘉州文化长廊网站

“嘉州文化长廊网站”是一个介绍四川乐山文化的网站。乐山，古称嘉州，风光秀丽、物产丰富、历史悠久，是国家历史文化名城。乐山是中国唯一一个拥有三处世界遗产的城市（乐山大佛景区、峨眉山景区、东风堰），是世界著名的生态和文化旅游胜地。

嘉州文化长廊网站的主题是乐山的各类文化，包括人文艺术，如乐山的画派、各种民间艺术、乐山的乌木文化、佛教文化等。除了人文艺术，作为一个旅游胜地，乐山的旅游文化、饮食文化也是值得大书特书的。

网站围绕文化这个主题对乐山进行全方位的宣传。网站功能主要是展示信息，网站中的网页主要采用静态网页的形式来制作。

2.2.2　网站站点规划与创建

1．网站站点的规划

通过对“嘉州文化长廊网站”主题的分析可以得知，本网站是一个面向大众，用于展示信息的中小规模静态网站。

网站主要包括文化动态、嘉州画派、民间艺术、乌木文化、佛教文化、旅游文化、饮食文化几个模块。每一个网站都是由多个网页组成，打开网站时看到的第一个网页就是网站的首页，因此网站包含一个首页和多个子网页，首页内包含能跳转到其他子网页的链接。根据网站的特点，设置网站的结构如图2-9所示。

图2-9　网站模块结构图

网站结构设计好后，为了让网站管理方便，还需要规划网站的目录结构。网站的目录是指用于存放网站相关文件的文件夹。在设计网站时首先要考虑的是网站大概有多少页面，页面内容的分类，各页面之间如何关联，再通过这些分析，将网站文件分门别类地存放到各自的文件夹中以便管理和查找。

在管理网站时，网站需要一个存放网站所有相关的文件的目录，这个目录叫站点根目录。在根目录中可建立用于放置各类文件的子目录。根目录和各子目录及文件的关系就是网站的目录结构。为了方便网站建立后对网站本身的维护管理，网站内容的扩充和移植，结合网站结构规划，设计者将“嘉州文化长廊网站”的站点目录结构规划为如图2-10所示。

图2-10　网站目录结构

在建立目录结构时，需遵守以下原则。

（1）不要将所有文件都存放在根目录下。全部存放根目录会导致文件管理混乱，上传速度慢。

（2）按栏目内容建立子目录。当网站内容非常多时，按照网站的栏目分别建立子目录，和该栏目相关的所有文件均存放在该子目录中以便管理。

（3）不要使用中文目录。使用中文目录可能对网址的正确显示造成困难，也可能会导致网页背景图片不能正常显示。不要使用过长的目录。

（4）尽量使用意义明确的目录，如Flash表示存放动画文件的目录，这样方便记忆和管理。

根据以上原则，在“嘉州文化长廊网站”的站点目录结构中，建立“flash”文件夹用于存放动画相关文件，“images”文件夹用于存放网页中所用到的图片。这两个文件夹都位于站点根目录中。网站的首页必须放在站点根目录里，其他子网页可根据网站内容多少来决定存放在何处。

2．本地站点的创建

网站目录结构规划好后，就可以开始创建站点了。为了方便管理和编辑，设计者可以先在本地计算机创建网站的本地站点。站点的建立可以通过Dreamweaver软件来完成。创建站点的第一步需要指定一个文件夹作为站点根文件夹，操作步骤如下。

（1）在本地磁盘E盘中新建文件夹lsculture。

（2）打开Dreamweaver软件后，选择菜单【站点】|【新建站点】命令，或者在Dreamweaver窗口右下角的【文件】面板（如图2-11所示）中单击【管理站点】按钮，将会弹出【管理站点】对话框，如图2-12所示。单击【新建站点】按钮。

图2-11　【文件】面板

图2-12　【管理站点】对话框

（3）选择新建站点后会弹出【站点设置对象】对话框，选择【站点】选项，在右侧窗口提示输入【站点名称】和【本地站点文件夹】，站点名称为“嘉州文化长廊”，本地站点文件夹选择E盘中已经建好的文件夹lsculture，如图2-13所示。单击【保存】按钮后，本地站点创建完成。

图2-13　站点设置

3．创建站点目录结构

站点是文件与文件夹的集合，定义好的站点是空站点，需要在其中添加文件和文件夹，也就是建立站点的目录结构。

基于前面规划好的站点目录结构，完成站点目录的建立。创建目录可以在【文件】面板的站点窗口中进行，方法如下。

（1）在【文件】面板中右击站点根目录，在弹出的快捷菜单中选择【新建文件】或【新建文件夹】选项，如图2-14所示，在根目录中建立文件index.html（首页文件）和文件夹images（存放图片文件）、flash（存放动画文件）等。

图2-14　新建文件或文件夹

（2）建好一级目录后还可以在各一级目录中建立二级目录或文件，建立方式同上。

为了避免在浏览网页时出现网页显示不正常的问题，在创建目录时文件和文件夹命名需要遵守以下命名规则。

图2-15　站点目录结构

①最好用英文或者汉语拼音缩写命名，文件多的时候可以与数字、符号组合使用，不能使用中文命名。

②最好使用小写字母，因为有些操作系统（如UNIX）对大小写敏感。

③文件和文件夹的名称可以使用下画线“_”，但是不能使用空格、特殊符号以及“~”“!”“@”“＃”“＄”“%”“∧”“&”“∗”等符号，名字不要过长。

建好后的目录结构如图2-15所示。

2.2.3　站点管理

Dreamweaver CS6允许设计者建立多个站点，并可对站点进行编辑、复制、删除、导入、导出等操作。所有这些操作都可通过【管理站点】对话框来完成，如图2-16所示。

图2-16　【管理站点】对话框

1．删除站点

如果某个本地站点已经没有使用了，可将该站点删除。操作方式为：在【管理站点】对话框中选择要删除的站点，然后单击（删除站点）按钮。在【管理站点】对话框中删除站点只是删除了Dreamweaver CS6中该站点的信息，也就是该站点和Dreamweaver没有关联了。保存在磁盘中的文件夹和文件仍然存在，不受任何影响。