第3章 站点的管理.ppt

1、第3章 站点的管理,本章要点 站点的整体规划 创建站点 管理站点 本章重点介绍Dreamweaver 8的站点管理功能。用户需要掌握创建站点、管理站点等内容，并学会对建设网站进行结构规划，比如创建主页、其他链接页面和相应的文件夹等。 要开发一个网站，必须要意识到使用站点来管理站点文件的重要性。只有使用了站点，才能系统地对站点文件、站点所使用到的各种类型资源以及站点中文件之间的链接关系进行有效的管理，减少在开发网站时存在的错误，并提高工作效率。 3.1 站点的整体规划 当用户希望创建一个Web站点时，首先应考虑如何设计和规划站点，以确保能制作成功。即使用户只是创建个人主页，仅仅是为了供朋友和家人

2、一起分享，也需要谨慎地规划站点，并设定主页。 3.1.1 明确目标和用户需求 在创建网站时，决定站点的目的是第一步。设计者应清楚站点的目的，确定需提供什么样的服务，网页中应该出现的内容等。通常，一个好的规划，可以直接影响站点的质量和将来浏览者的访问流量。 因此，在设计规划时用户应考虑以下问题： 1.战的目的 2.为哪些人提供服务 3.要提供什么样的服务 4.目标浏览者的特点 5.网站内容适合什么样的表现风格,3.1.2 组织站点结构和创建设计图 合理的组织站点结构，能够加快对站点的设计，提高工作效率，节省工作时间。当创建一个大型网站时，如果将所有的网页都存储在一个目录下，当站点的规模越来越大时

3、，管理起来就会变得很不容易。因此，合理地使用文件夹来管理文档。 通常，在制作站点时首先在本地硬盘上创建一个文件夹，然后在制作站点过程中，将所有创建和编辑的文档都保存在该文件夹中。当准备发布创建的站点时将这些文件复制到Web服务器上，这样就可以在Web站点上创建和编辑文件了。如果在本地对站点做了修改，那么也可以将其上传到Web上，更新自己的站点。 在使用Dreamweaver开始工作之前，如果能设计好站点的样式和版面将可以节省大量的时间。站点创建设计图比较直观，其中内容一目了然。设计图可以记录用户所需要的服务内容，以便更好地将用户的要求与网站统一起来。如图3-1所示就是一个标准的网站设计图，可供

4、读者参考。 图3-1 网站的设计图,图3-2 “计算机公司 的站点定义为”对话框,3)单击【下一步】按钮，在“编辑文件，第3部分”选项区域中有两种选择，一般情况下，选择【编辑我的计算机上的本地副本，完成后再上传到服务器】单选按钮，同时在“您将把文件存储在计算机上的什么位置？”文本框种输入站点文件存放的位置。本例中根据需求选择C:myweb，一般情况下，应事先创建好该文件夹。 图3-4 “编辑文件，第3部分”选项区域,4)单击【下一步】按钮，在“共享文件”选项区域的“您如何连接到远处服务器”下拉列表中选择远处连接方式，根据需求此处选择“无”选项，如图3-5所示。 图3-5 “共享文件”选项区域,

5、5)单击【下一步】按钮，在“总结”选项区域中，将显示以上设置步骤的详细信息，如图3-6所示。 图3-6 “总结”选项区域,在站点定义完成之后，就可以新建文件和文件夹、编辑网页等。 3.2.2 设置站点远程信息 在创建站点之后，就可以使用Dreamweaver 8设计网页了，但是，如果需要将已经做好的网页上传到服务器端，则可以使用Dreamweaver 8内置的FTP传输功能将站点文件传递到服务器端。 用Dreamweaver 8内置的FTP功能传输文件，需要设置站点远处信息，请按以下步骤操作： 1)打开“文件”面板组，单击“文件”面板上的站点列表菜单，选择需要编辑的站点，如图3-7所示。 图3

6、-7 选择要编辑的站点 2)击站点名称可以打开当前站点的编辑窗口，在出现的站点定义对话框中，单击“高级”标签，然后在“分类”中选择“远处信息”，从“访问”下拉菜单中选择FTP。如图3-8所示。,图3-8 设置站点远程信息,3)在选择FTP选项之后，将会出现“FTP主机”等信息，这些信息需要和网络管理员联系获得。如图3-9所示。 FTP主机：在该框中需输入站点文件上传所至的FTP主机的主机名。 注意：在地址前面不要使用ftp:/或http:/。 主机目录：在该框中输入远程站点所在的主机目录名。该目录是公开的可视文档存放地。例如，常见站点的主机目录为public_html/，或者可能是登录目录（此

7、时不填写）。 提示：对于大多数个人主页上传者来说，该目录为登录目录，可不填写。 登录：在该框中输入登录名，该登录名是拥有权限的用户名。 密码：在该框中输入密码。 使用Passive FTP：选中该复选框将使用被动FTP模式。这通常由网络管理员决定。 使用防火墙：如果连接到远程服务器时有防火墙保护，请选中该选项。 注意：防火墙一般在局域网中使用。如果用户是通过安装了防火墙的局域网访问Internet，则必须正确设置防火墙，否则容易出现网络连接错误。有关防火墙的设置，需要询问网络管理员。 使用安全FTP：该项也由网络管理员决定。 保存时自动将文件上传到服务器：选中该复选框之后，在本地保存的文件将被

8、上传到服务器端。 启用存回和取出：在选中该复选框之后，Dreamweaver 8将会显示“打开文件之前取出”复选框自动选中。用户则需要输入姓名和电子邮件地址信息。如图3-10所示。,图3-9 填写站点服务器信息 图3-10 设置站点的存回和取出系统,4)单击“确定”关闭对话框。 在设置站点远程信息之后，就可以上传和下载站点文件了。 3.3 案例：创建计算机公司站点 3.3.1 案例效果如下图所示： 图3-11 计算机公司站点结构 3.3.2 技术分析 本案例将使用前面创建的空白计算机公司站点，向站点中添加文件和文件夹，然后对站点进行管理，比如设置站点中文件之间的链接关系、删除文件、设置首页文件

9、以及删除站点等，最后通过修改站点地图布局完成整体的结构设计。,图3-12 展开的“文件”面板 2)在右侧窗格的文件列表中选中站点名称，然后单击右键，在弹出的菜单中选择“新建文件夹”命令，也可以直接选择主菜单中的“文件”“新建文件夹”命令。按照各分支页面的主题，将文件夹命名为“company_introduction”。 3)重复前面一步的操作，创建所有子文件夹。如图3-13所示。,图3-16 在站点地图中创建文件 提示：在文件列表窗口中拖拽文件的位置，系统自动弹出“更新文件”对话框，询问时候将相互链接的文件中的链接更新，这时往往需要选择更新。 4. 在文件列表窗口中新建文件 另一种方法就是在文件列表窗口中建立空白文件，具体操作步骤如下： 1)在左侧窗格中的“commonality_info”文件夹上单击右键，在弹出的快捷菜单中选择“新建文件”命令，将新文件命名为“commonality_info.html”。,3)单击【完成】按钮，关闭“管理站点”对话框，此时站点地图已经发生改变，如果有些文件未定义页面标题，单击该文件图标就可以修改了，最后呈现出前面的效果图3-11所示。 比较一下，站点地图的结构图3-11与图3-1所示的设计图一致，说明网站的结构已经创建完成了。 提示：如果用户在设计的过程中，需要修改站点结构，可以直接