[互联网]中文版Dreamweaver MX 2004 网页制作培训教程04：站点的规划与创建.ppt

第四课 站点的规划与创建 课前导读 基础知识 重点知识 基础知识 站点的规划、站点的创建、站点和站点文件的编辑、页面设置的方法。 重点知识 站点的创建、站点和站点文件的编辑及页面设置的方法。 课堂讲解 规划站点 创建站点基本结构 站点地图的管理 页面设置 规划站点 Macromedia Dreamweaver MX 2004的站点 规划站点结构 导航草图设计 创建设计草图 在开始使用Dreamweaver之前，一般应该先建立一个Web站点，才能够进行以后的操作。因为如果不先建立一个站点，有很多效果是不能实现的。比如要建立一个与数据库连接的动态页面，必须先建立一个站点，否则将不能建立与数据库的连接，不能实现与数据库的动态交互，这个动态页面也就不能称为动态页面了。 创建Web站点的第一步是规划。为了达到最佳效果，在创建任何Web站点页面之前，应对站点的结构进行设计和规划，接着配置Dreamweaver以使可以在站点的基本结构上正常工作。如果在Web服务器上已经建有一个站点，则可以使用Dreamweaver来编辑修改该站点。 Macromedia Dreamweaver MX 2004的站点 在Macromedia Dreamweaver MX 2004中提供了3类站点，即本地站点、远程站点和测试服务器文件夹。本地站点和远程站点使能够在本地磁盘和Web服务器之间传输文件，这使可以轻松管理Dreamweaver站点中的文件；而测试服务器文件夹则用于动态页面的调试。 本地站点：本地站点是的工作目录，也就是存放网页的本地文件夹。Dreamweaver将该文件夹作为Web站点的“本地站点”，它可以放在本地计算机上，也可以放在网络服务器上。在制作一般网页时只建立本地站点即可。 远程站点：远程站点是存储用于测试、生产、协作等文件的地方，具体是哪些文件取决于开发环境。Dreamweaver在“文件”面板中将该文件夹称为“远程站点”。一般远程文件夹位于运行Web服务器的计算机上。 测试服务器文件夹：测试服务器文件夹是Dreamweaver处理动态页面的文件夹。Dreamweaver使用此文件夹生成动态内容并在工作时连接到数据库。主要在对动态页面进行测试时使用。 规划站点结构 了解了Macromedia Dreamweaver MX 2004站点的相关知识后，接下来就应该对网站进行规划了。在确定了建站的目的和站点面向的服务对象及配置好站点的软硬件环境后，具体的工作重点就是组织站点的结构。 合理地组织站点结构，能加快对站点的设计，提高工作效率。创建一个大型网站时，如果将所有的网页都存储在一个目录下，当站点的规模越来越庞大时，管理起来就会变得很不容易。因此，应合理地使用文件夹管理文档。 通常，在制作站点时首先应在本地硬盘上创建一个文件夹，然后在制作站点过程中，将所有创建和编辑的文档都保存在该文件夹中。当准备发布站点时，将这些文件上传到Web服务器上即可。如果在本地对站点作了修改，还要将其上传到Web站点上更新自己的站点。 归类站点内容 项目放置的位置 本地站点与远程站点的统一 归类站点内容 首先需要整理一下自己站点页面的内容，然后对其进行分类。一般把相关的网页放在同一个文件夹中。例如想创建一个大型的关于网页制作方面的网站，网站包括网页教程、网页制作软件、网页素材库等栏目，则可把如“Dreamweaver教程”、“Flash教程”、“Frontpage教程”等页面放在“网页教程”栏目里，而把“特效软件”、“网页制作软件”、“动画制作软件”等页面放在“网页制作软件”栏目中。 采用这样的分类归纳以后，整个网站的层次一目然，使管理维护更加方便容易。 项目放置的位置 站点中除了基本的网页文件外，通常还包括图像、动画、模板文件等许多资源，也应该对这些内容进行分类，并采用有效的方式进行存储，这样有利于更好的管理和使用资源。 在实际的制作过程中，有两种方法保存这些内容。一种方法是在整个站点中只建一个图像文件夹、一个模板文件夹、一个动画文件夹……整个站点中的相应文件都保存在相应文件夹中，如图4-1所示。另外一种方法是在每个子栏目中分别建立各自的图像、动画、模板等文件夹，各栏目中的图像、动画、模板分别保存在各自栏目的文件夹中，如图4-2所示。 本地站点与远程站点的统一 为了便于对本地站点和远程站点的管理，应该将本地站点和远程站点的结构统一，即保持结构一致。当做好网站并上传到远程站点时，就能清楚地知道远程站点的结构，而不需要上网查询。 导航草图设计 经过以上的规划分类后，就可