1.2　创建站点

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

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

•远程站点：是远程服务器上组成Web站点的网页文件组合。

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

1.2.1　站点管理器

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

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

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

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

③在“文件”面板中单击“桌面”下拉列表，在弹出的下拉选项中选择“管理站点”命令，如图1-18所示。

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

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

1.2.2　创建文件夹

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

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

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

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

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

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

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

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

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

1.2.3　定义新站点

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

1.创建本地站点的步骤

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

在“管理站点”对话框中单击“新建站点”按钮，弹出“站点设置对象未命名站点2”对话框。在对话框中，设计者可通过“站点”选项卡设置站点名称，如图1-21所示；单击“高级设置”选项，在弹出的选项卡中根据需要设置站点，如图1-22所示。

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

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

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

•“Web URL”文本框：在文本框中，输入已完成的站点将使用的URL。

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

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

1.2.4　创建和保存网页

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

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

在标准的Dreamweaver CC 2019环境下，建立和保存网页的操作步骤如下。

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

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

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

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

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

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

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