1.2 创建站点

站点可以看作一系列文档的组合，这些文档通过各种链接建立逻辑关联。用户在建立网站前必须要创建站点，在修改某网页内容时，也必须打开相应站点，然后修改站点内的网页。在Dreamweaver 2020中，站点有以下几种含义。

·Web站点：一组位于服务器上的网页文档，使用Web浏览器可以对其进行浏览。

·远程站点：远程服务器上组成Web站点的网页文档组合。

·本地站点：与远程站点对应的本地磁盘上的网页文档组合。制作网站时，通常先在本地磁盘上编辑网页文档，然后将它们上传到远程服务器上。

1.2.1 站点管理器

站点管理器的主要功能包括新建站点、编辑站点、复制站点、删除站点，以及导入和导出站点。若要管理站点，必须打开“管理站点”对话框（见图1-15）。

打开“管理站点”对话框有以下几种方法。

① 选择“站点>管理站点”命令。

② 选择“窗口>文件”命令，弹出“文件”面板，单击“管理站点”超链接，如图1-16所示。

③ 在“文件”面板中展开“桌面”下拉列表，在其中选择“管理站点”选项，如图1-17所示。

在“管理站点”对话框中，通过“新建站点”按钮、“编辑当前选定的站点”按钮、“复制当前选定的站点”按钮和“删除当前选定的站点”按钮，可以新建、修改、复制、删除站点。通过“导出当前选定的站点”按钮和“导入站点”按钮，可以将站点导出为XML文件。这样，用户就可以在不同的计算机和不同版本的软件之间移动站点，或者与其他用户共享站点。

在“管理站点”对话框中，选择一个具体的站点，然后单击“完成”按钮，在“文件”面板中就会出现站点管理器的缩略图。

1.2.2 创建站点文件夹

创建站点前，要先在本地计算机上创建站点文件夹。

新建文件夹的具体操作步骤如下。

（1）在本地计算机中选择要存储站点的磁盘。

（2）通过以下几种方法中的一种方法新建文件夹。

① 在“主页”选项卡中单击“新建文件夹”按钮，如图1-18所示，即可创建一个文件夹，如图1-19所示。

② 在磁盘的空白区域单击鼠标右键，在弹出的快捷菜单中选择“新建>文件夹”命令，即可创建一个文件夹。

③ 按Ctrl+Shift+T组合键，即可创建一个文件夹。

（3）输入新文件夹的名称。

一般情况下，若站点不复杂，可直接将网页存放在站点的根目录下，并在站点根目录中，按照资源的种类建立不同的文件夹，以存放不同的资源。例如，“image”文件夹用于存放站点中的图像文件，“media”文件夹用于存放站点中的多媒体文件，等等。若站点复杂，则需要根据不同功能，在站点根目录中创建相应的文件夹，用于存放不同功能的网页，这样方便网站设计者修改网站。

1.2.3 创建新站点

创建好站点文件夹后，用户就可以创建新站点了。在Dreamweaver 2020中，站点通常包含两部分，即本地站点和远程站点。在Dreamweaver 2020中创建Web站点，通常应先在本地磁盘上创建本地站点，然后创建远程站点，将网页的副本上传到远程Web服务器上，使公众可以访问它们。本小节只介绍如何创建本地站点。

1. 创建本地站点的步骤

选择“站点>管理站点”命令，弹出“管理站点”对话框，如图1-15所示。

在“管理站点”对话框中单击“新建站点”按钮，弹出“站点设置对象　未命名站点2”对话框。在该对话框中，可通过“站点”选项卡设置站点名称，如图1-20所示；展开“高级设置”下拉列表，在其中根据需要设置站点，如图1-21所示。

2. “本地信息”选项卡中主要项的作用

·“默认图像文件夹”文本框：在该文本框中输入站点的默认图像文件夹的路径，或者单击“浏览文件夹”按钮，在弹出的对话框中查找相应文件夹。将某非站点图像添加到网页中时，该图像会自动添加到当前站点的默认图像文件夹中。

·“链接相对于”选项组：选中“文档”单选按钮，表示使用文档相对路径来链接；选中“站点根目录”单选按钮，表示使用站点根目录相对路径来链接。

·“Web URL”文本框：在该文本框中，输入正在创建的站点将使用的URL。

·“区分大小写的链接检查”复选框：选中此复选框，则对区分大小写的链接进行检查。

·“启用缓存”复选框：指定是否创建本地缓存以提高链接和站点管理任务的速度。若选中此复选框，则创建本地缓存。

1.2.4 创建和保存网页

创建站点后，用户需要创建网页来组织网站要展示的内容。为网页进行合理的命名非常重要，一般网页的名称应容易理解，能反映网页的内容。

在网站中有一个特殊的网页——首页，每个网站必须有一个首页。访问者在Web浏览器的地址栏中输入网站地址，直接打开的就是网站的首页。如在浏览器的地址栏中输入“www.ptpress.com.cn”并按Enter键，会直接打开人民邮电出版社官网的首页。一般情况下，首页的文件名为“index.htm”“index.html”“index.asp”“default.asp”“default.htm”或“default.html”。

在标准的Dreamweaver 2020环境下，创建和保存网页的具体操作步骤如下。

（1）选择“文件>新建”命令，或按Ctrl+N组合键，弹出“新建文档”对话框，打开“新建文档”选项卡，在“文档类型”列表中选择“</>HTML”选项，在“框架”设置框中打开“无”选项卡，其中的设置如图1-22所示。

（2）设置完成后，单击“创建”按钮，弹出文档编辑窗口，新文档在该窗口中打开。根据需要，可在文档编辑窗口中选择不同的视图来设计网页，如图1-23所示。

文档编辑窗口中有3种视图方式，这3种视图方式的作用如下。

·“代码”视图：适用于有编程经验的网页设计用户，可在“代码”视图中查看、修改和编写网页代码，以实现特殊的网页效果。“代码”视图的效果如图1-24所示。

·“设计”视图：以“所见即所得”的方式显示所有网页元素。“设计”视图的效果如图1-25所示。

·“拆分”视图：将文档编辑窗口分为上、下两部分，上半部分是设计部分，用于显示网页元素及其在页面中的布局；下半部分是代码部分，用于显示代码。在此视图中，网页设计用户可通过在设计部分单击网页元素的方式，快速定位到要修改的网页元素代码，进行代码的修改，或在“属性”面板中修改网页元素的属性。选择“查看>拆分”命令，可在弹出的子菜单中选择拆分的类型。“拆分”视图的效果如图1-26所示。

（3）网页设计完成后，选择“文件>保存”命令，弹出“另存为”对话框。在“文件名”文本框中输入网页的名称，如图1-27所示，单击“保存”按钮，将文档保存在站点文件夹中。