网页设计与制作 第2章 站点的创建与管理.pptVIP

第2.1章 规划站点 通过上一章的学习，我们已经可以借助Dreamweaver创建一些独立的网页，这些独立的网页可以随意的保存在任意位置。但互联网上令人眼花缭乱的相互关联的网页放在什么地方那？ 站点是放置网站上所有文件的地方，每个网站都有自己的站点。站点的合理规划，可以使网站结构更加清晰，维护更加方便。要制作一个能够被公众浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站上传到Internet的Web服务器上。放置在本地磁盘上的网站被称作本地站点，处于Internet上Web服务器里的网站被称作远程站点。Dreamweaver CS4提供了对本地站点和远程站点强大的管理功能。 第2.1章 规划站点 2.1.1站点规划 站点规划事先需要做许多准备工作，不仅要准备建设站点需要的素材文字资料、图像以及媒体文件，还要设计好资料整合的方式，并根据资料确定站点的风格特点；同时在内部还要整齐、有序地排列归类站点中的文件，否则杂而乱的资料堆积到一起，不仅不利于将来的站点的管理和维护，同时还会因为页面间极为混乱的关系而导致站点容易出现错误。 一般来说，在规划站点结构时，应该遵循以下一些规则： 1、文档合理分类 一般来说，一个站点包含的文件很多，大型站点更是如此。如果将所有的文件混杂在一起，则整个站点显得杂乱无章且不易管理，因此需要对站点的内部结构进行规划。将各个文件分门别类地放到不同的文件夹下，这样可以使整个站点结构看起来条理清晰，井然有序，使人们通过浏览站点的结构，就可以知道该站点大概内容。这样做主要是为网页设计人员在修改管理页面文件时提供方便。 第2.1章 规划站点 2、文档合理命名 文件夹和文件的命名最好见名知意。尤其对于规模较大且需要时常维护的网站，文件名容易理解，将会提高管理人员的工作效率。另外，在命名文件时应避免使用中文名称，因为Internet服务器很多使用的是英文操作系统，不能对中文文件名提供很好的支持。 3、本地站点和远程站点结构统一 在设置本地站点时，本地站点与远程站点的结构设计应该保持一致。以保证本地站点上的文件上传到服务器时是本地站点的完整复制。这样可以避免出错，也便于对远程站点的调试与管理。 第2.1章 规划站点 2.1.2 站点管理面板 站点管理面板即“文件面板”，默认位于浮动面板停靠区，如果该区域无文件面板，可通过单击【窗口】|【文件】命令（或按F8键）显示，文件面板如图2-1所示。 图2-1 “站点”面板 第2.1章 规划站点 文件面板工具栏介绍如下： ：连接到远端主机或断开与远端主机的连接。 ：刷新本地或远程目录列表。 ：从远程站点下载文件。 ：将本地站点中的文档上传到远程站点 ：将远端服务器中的文件下载到本地站点。 ：将本地文件传输到远程服务器上，并且可以供其他人编辑，而本地文件为只读属性。 ：同步本地和远程文件夹之间的文件 ：展开或折叠文件面板，以显示（隐藏）本地和远程站点。 第2.2章 创建站点 2.2创建站点 规划站点结构后，应在Dreamweaver中定义一个站点。创建Dreamweaver 站点是一种组织所有与web站点关联文档的方法。 2.2.1创建本地站点 站点就是一个文件夹。首先应建立一个新文件夹作为本地根文件夹，本地根文件夹是 Dreamweaver 站点的工作目录。此文件夹可以位于本地计算机上，也可以位于网络服务器上。如在D:\创建一个webtest文件夹，用来作为本地站点。建立本地站点的步骤如下： 1、新建站点 菜单中新建站点 方法一：选择“站点”“新建站点”，进入“站点定义”对话框。如图2-2所示。 方法二：选择“站点”“管理站点”，选择所需站点，然后单击“新建”。如图2-3所示。 第2.2章 创建站点 第2.2章 创建站点 文件面板中创建站点 方法一：单击文件面板上的箭头，选择下拉列表底部的“管理站点……”，如图2-4所示。 方法二：选择非站点路径（如驱动盘或桌面）单击右侧的【管理站点】。如图2-5所示。 2-4下拉列表中的管理站点 图2-5管理站点链接 第2.2章 创建站点 2、站点定义 在“站点定义”对话框，定