04 站点的规划和创建.pptVIP

第四课 站点的规划与创建;课前导读;基础知识;重点知识;课堂讲解;规划站点; 在开始使用Dreamweaver之前，一般应该先建立一个Web站点，才能够进行以后的操作。因为如果不先建立一个站点，有很多效果是不能实现的。比如要建立一个与数据库连接的动态页面，必须先建立一个站点，否则将不能建立与数据库的连接，不能实现与数据库的动态交互，这个动态页面也就不能称为动态页面了。 创建Web站点的第一步是规划。为了达到最佳效果，在创建任何Web站点页面之前，应对站点的结构进行设计和规划，接着配置Dreamweaver以使可以在站点的基本结构上正常工作。如果在Web服务器上已经建有一个站点，则可以使用Dreamweaver来编辑修改该站点。 ;Macromedia Dreamweaver MX 2004的站点;本地站点：本地站点是的工作目录，也就是存放网页的本地文件夹。Dreamweaver将该文件夹作为Web站点的“本地站点”，它可以放在本地计算机上，也可以放在网络服务器上。在制作一般网页时只建立本地站点即可。 远程站点：远程站点是存储用于测试、生产、协作等文件的地方，具体是哪些文件取决于开发环境。Dreamweaver在“文件”面板中将该文件夹称为“远程站点”。一般远程文件夹位于运行Web服务器的计算机上。 测试服务器文件夹：测试服务器文件夹是Dreamweaver处理动态页面的文件夹。Dreamweaver使用此文件夹生成动态内容并在工作时连接到数据库。主要在对动态页面进行测试时使用。;规划站点结构; 通常，在制作站点时首先应在本地硬盘上创建一个文件夹，然后在制作站点过程中，将所有创建和编辑的文档都保存在该文件夹中。当准备发布站点时，将这些文件上传到Web服务器上即可。如果在本地对站点作了修改，还要将其上传到Web站点上更新自己的站点。;归类站点内容 项目放置的位置 本地站点与远程站点的统一; 归类站点内容; 项目放置的位置;图4-1; 本地站点与远程站点的统一;导航草图设计;图4-3;创建设计草图;创建站点基本结构; 站点的创建; 站点窗口的显示;站点的创建;图4-4; （4）在菜单列表中选择“站点”命令，在左侧的列表框中将显示“未命名站点 1”，并打开如图4-8所示的“未命名站点 1 的站点定义为”对话框。 （5）在“基本”选项卡中的文本框中输入要设置的站点名称，如“校园青春”，“未命名站点 1 的站点定义为”对话框变为如图4-9所示的“校园青春 的站点定义为”对话框。 （6）单击 按钮进入“第2部分”对话框，系统询问是否要使用服务器技术，这里选中 单选项，如图4-10所示。 ;图4-8;图4-10; 若选中 单选项，表示该站点是一个静态站点，没有动态页；若选中 单选项，则对话框变为如图4-11所示，在其下拉列表中可选择需要的选项。; （7）单击 按钮进入“第3部分”窗口，如图4-12所示。该窗口询问在开发过程中要如何使用创建的文件。这里选中 单选项。 （8）在下方的文本框中输入本地站点根目录的位置，也可以单击文本框后的 图标，打开如图4-13所示的对话框。 （9）在如图4-13所示对话框中选择本地站点网页放置的位置，再单击 按钮，则打开如图4-14所示的对话框。 ;图4-12; （10）单击 按钮进入“共享文件”对话框，如图4-15所示。在“您如何连接到远程服务器”下拉列表框中选择“本地/网络”选项。 （11）单击第二个文本框右侧的 图标，在打开的对话框中选择站点文件在服务器上放置的位置后进入如图4-16所示对话框。 （12）然后单击 按钮，进入“共享文件，2部分完成”对话框，如图4-17所示。 （13）选中 单选项，单击 按钮进入“总结”对话框，如图4-18所示。;图4-14;图4-16; （14）单击 按钮完成本地站点的设置。此时创建的站点显示在“管理站点”对话框中，如图4-19所示。 （15）确定准确无误后，单击 按钮，新站点创建完毕并显示在“文件”面板中，如图4-20所示。;图4-18;管理站点的使用;编辑本地站点 删除本地站点 编辑远程站点 ;编辑本地站点; （2）单击“高级”选项卡，在“分类”列表框中选择“本地信息”选项，在右侧