Dreamweaver网页设计与制作第2章.ppt

资源由51知识库收集整理 2.3.3 显示或隐藏站点地图 若要在站点地图中显示或隐藏标记为隐藏的文件，可按以下步骤： （1）在折叠的“文件”面板（“窗口”“文件”）中，单击右上角的“选项”菜单，如图2-39所示。 （2）可按以下之一步骤显示隐藏文件：选择“查看”“显示标记为隐藏的文件”，如图2-40所示。 2.3.3 显示或隐藏站点地图 选择“查看”“布局”以打开“站点地图选项”对话框，然后选择“显示标记为隐藏的文件”选项，如图2-41所示。 图2-41显示标记为隐藏的文件 2.3.4保存站点地图 若要创建当前站点地图的图像文件，可以按以下步骤： （1）在折叠的“文件”面板（“窗口”“文件”）中，单击右上角的“选项”菜单，然后选择“文件”“保存站点地图”，如图2-42所示。 （2）在出现的“保存站点地图”对话框，输入一个名称，如图2-43所示。 （3）在“文件类型”弹出菜单中，选择 .bmp 或 .png。 （4）选择该文件的保存位置并输入图像的名称，单击“保存”即可 2.4 发布站点 创建了 Web 站点后，下一步就是通过将文件上传到远程文件夹来发布该站点。远程文件夹是存储文件的位置，这些文件用于测试、生产、协作和发布。 Dreamweaver将此文件夹称为远程站点。 2.4.1 了解远程站点 远程站点通常是运行 Web 服务器的远程计算机上保存本地文件副本的位置。用户在浏览器中查看网页时，就是在访问在 Web 服务器上运行的远程站点。 在创建了Web站点前，还必须能够访问远程 Web 服务器，例如ISP的服务器等等。也可以在本地计算机上创建一个 Web 服务器，如IIS 或Apache服务器等等。 2.4.2 定义远程文件夹 定义远程文件夹的步骤如下： （1）在 Dreamweaver 中，选择“站点”“管理站点”，在“管理站点”对话框中，选择“su ”站点。 （2）单击“编辑”，在“站点定义”对话框中，如果未显示“高级”设置，请单击“高级”选项卡，如图2-45所示。 2.4.2 定义远程文件夹 （3）从左侧的“类别”列表中选择“远程信息”，如图2-46所示。 （4）选择一个“访问”选项：连接到 Internet 上的服务器的最常见方法是“FTP”和“SFTP”；如果您使用本地计算机作为 Web 服务器，连接到本地计算机的最常见方法是“本地/网络”。 2.4.2 定义远程文件夹 （4）选择一个“访问”选项：连接到 Internet 上的服务器的最常见方法是“FTP”和“SFTP”；如果您使用本地计算机作为 Web 服务器，连接到本地计算机的最常见方法是“本地/网络”。 （5）如果您选择“FTP”，请输入以下选项，如图2-47所示： 输入服务器的主机名（例如 ）。 在“主机目录”文本框中，输入从 FTP 根文件夹到远程站点的根文件夹(su)的服务器路径。 在相应的文本框中输入用户名和密码。 如果您的服务器支持 SFTP，选择“使用安全 FTP (SFTP)”选项。 单击“测试”测试连接。 2.4.2 定义远程文件夹 （6）如果您选择“本地/网络”，请单击文本框旁边的文件夹图标，然后浏览到远程站点的根文件夹，如图2-48所示。 （7）单击“确定”。 Dreamweaver 创建到远程文件夹的连接。在远程服务器上根文件夹中创建一个空文件夹。将新的空文件夹命名为su（与本地根文件夹的名称相同）。 2.4.3 上传本地文件夹 上传本地文件夹的步骤如下： （1）在“文件”面板（“窗口”“文件”）中，选择站点的本地根文件夹 (su)。 单击“文件”面板工具栏上的“上传文件”蓝色箭头图标 ，如图2-49所示。 （2）当 Dreamweaver 询问您是否要上传整个站点时，单击“确定”，如图2-50所示。 2.4.3 上传本地文件夹 （3）Dreamweaver 将所有文件复制到您在定义远程文件夹中定义的远程文件夹。此操作可能需要一些时间，因为 Dreamweaver 必须上传本站点中的所有文件。 （4）当上传完所有文件后，可以单击“文件”面板工具栏上的“展开以显示本地和远程站点”图标 ，将出现如图2-51所示。 （5）最后，在浏览器中打开远程站点以确保正确上传了所有文件。 本章小结 Dreamweaver 8站点是一组具有共享属性的链接文档和资源。Dreamweaver 站点由