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

《网页设计与制作 第2章 站点的创建与管理课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章站点的创建与管理《网页设计与制作》北京师范大学出版第2章站点的创建与管理2.1规划站点2.2创建站点2.3站点基本操作2.4综合案例设计实现《网页设计与制作》第2.1章规划站点通过上一章的学习，我们已经可以借助Dreamweaver创建一些独立的网页，这些独立的网页可以随意的保存在任意位置。但互联网上令人眼花缭乱的相互关联的网页放在什么地方那？站点是放置网站上所有文件的地方，每个网站都有自己的站点。站点的合理规划，可以使网站结构更加清晰，维护更加方便。要制作一个能够被公众浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站上传到Internet的Web服务器上。放置在本

2、地磁盘上的网站被称作本地站点，处于Internet上Web服务器里的网站被称作远程站点。DreamweaverCS4提供了对本地站点和远程站点强大的管理功能。第2.1章规划站点2.1.1站点规划站点规划事先需要做许多准备工作，不仅要准备建设站点需要的素材文字资料、图像以及媒体文件，还要设计好资料整合的方式，并根据资料确定站点的风格特点；同时在内部还要整齐、有序地排列归类站点中的文件，否则杂而乱的资料堆积到一起，不仅不利于将来的站点的管理和维护，同时还会因为页面间极为混乱的关系而导致站点容易出现错误。一般来说，在规划站点结构时，应该遵循以下一些规则：1、文档合理分类一般来说，一个站点包

3、含的文件很多，大型站点更是如此。如果将所有的文件混杂在一起，则整个站点显得杂乱无章且不易管理，因此需要对站点的内部结构进行规划。将各个文件分门别类地放到不同的文件夹下，这样可以使整个站点结构看起来条理清晰，井然有序，使人们通过浏览站点的结构，就可以知道该站点大概内容。这样做主要是为网页设计人员在修改管理页面文件时提供方便。第2.1章规划站点2、文档合理命名文件夹和文件的命名最好见名知意。尤其对于规模较大且需要时常维护的网站，文件名容易理解，将会提高管理人员的工作效率。另外，在命名文件时应避免使用中文名称，因为Internet服务器很多使用的是英文操作系统，不能对中文文件名提供很好的支

4、持。3、本地站点和远程站点结构统一在设置本地站点时，本地站点与远程站点的结构设计应该保持一致。以保证本地站点上的文件上传到服务器时是本地站点的完整复制。这样可以避免出错，也便于对远程站点的调试与管理。第2.1章规划站点2.1.2站点管理面板站点管理面板即“文件面板”，默认位于浮动面板停靠区，如果该区域无文件面板，可通过单击【窗口】

5、【文件】命令（或按F8键）显示，文件面板如图2-1所示。图2-1“站点”面板第2.1章规划站点文件面板工具栏介绍如下：：连接到远端主机或断开与远端主机的连接。：刷新本地或远程目录列表。：从远程站点下载文件。：将本地站点中的文档上传到远程站点：将远端服务器中

6、的文件下载到本地站点。：将本地文件传输到远程服务器上，并且可以供其他人编辑，而本地文件为只读属性。：同步本地和远程文件夹之间的文件：展开或折叠文件面板，以显示（隐藏）本地和远程站点。第2.2章创建站点2.2创建站点规划站点结构后，应在Dreamweaver中定义一个站点。创建Dreamweaver站点是一种组织所有与web站点关联文档的方法。2.2.1创建本地站点站点就是一个文件夹。首先应建立一个新文件夹作为本地根文件夹，本地根文件夹是Dreamweaver站点的工作目录。此文件夹可以位于本地计算机上，也可以位于网络服务器上。如在D:创建一个webtest文件夹，用来作为本地站点。

7、建立本地站点的步骤如下：1、新建站点菜单中新建站点方法一：选择“站点”>“新建站点”，进入“站点定义”对话框。如图2-2所示。方法二：选择“站点”>“管理站点”，选择所需站点，然后单击“新建”。如图2-3所示。第2.2章创建站点图2-2菜单创建站点图2-3管理站点创建站点第2.2章创建站点文件面板中创建站点方法一：单击文件面板上的箭头，选择下拉列表底部的“管理站点……”，如图2-4所示。方法二：选择非站点路径（如驱动盘或桌面）单击右侧的【管理站点】。如图2-5所示。2-4下拉列表中的管理站点图2-5管理站点链接第2.2章创建站点2、站点定义在“站点定义”对话框，定义本地站点的方法有以

8、下两种：若要使用站点设置向导来设置站点，请单击“基本”选项卡，然后按照提示进行操作。若要直接设置本地文件夹、远程文件夹和测试文件夹（用于处理动态页），请单击“高级”选项卡，选择“本地信息”类别，然后设置各个选项。注：设置位于您计算机上的工作站点时，“高级”选项卡的“本地信息”类别中，只有前两个选项是必需设置的。方法一：介绍基于“基本”选项卡定义本地站点的步骤：Step1：进入“站点定义”对话框后，选择“基本”选项卡。设置站点名称为“webtest”，在站点