Dreamweaver+ASP 第3 章 网站的创建与管理

第3章网站的创建与管理开始网站开发设计工作前，首先要去创建一个站点目录用于存放所有相关的文件。而一般网站都有繁杂的目录结构，每个目录会存放着很多页面文件。如何条理清晰地去管理这些目录和文件，从而保证网站开发设计工作的顺利进行呢？作为一款优秀的网页设计工具，帮助用户方便高效地完成网站管理工作那当然不在话下。借助DreamweaverCS3高效的网站创建和管理功能，网页设计师就可以腾出更多的时间和精力，用于设计创作之上。3.1DreamweaverCS3创建网站的工作流程网页设计师要成功设计和创建一套动态网站系统，必须按照一定的工作流程去操作。首先要与网站需求方进行详尽的沟通，来明确目标网站的功能、形象等各方面的明细要求。然后，依据这些需求拟订网站建设方案书。接下来就进入网站建设项目的具体实施阶段。在设计工作期间，要有严格的项目监控机制，例如定期分阶段的客户测评，来确保网站建设的每一步进展都能切实符合要求。创建网站的典型工作流程按照开发实施内容的不同可分为如下几个阶段。1．筹备期的整体规划在正式开发网站之前，要对整个网站项目进行系统的规划。例如，要先对网站的目标浏览者有所定位，然后再以网站地图的形式来表现站点导航系统。2．准备期的环境搭建配置应用服务器的过程一般包括对网站服务器、开发服务器和Dreamweaver站点的设置。网页设计师可以借助Dreamweaver中的网站设置向导来定义站点文档的本地和远程存储位置。4．整理期的资源筛选在资料整理期，不仅要对缺失的资源进行收集，还要对已有资源进行审核和筛选。做好这一点将更容易去把握住网站开发的目标定位，不至于产生“离题”现象。3．设计期的版面设计使用专业的图形设计工具（例如Photoshop）对站点的主要页面进行整体风格设计，创建具体的图形大样。随后进行局部切割，导入Dreamweaver中。制作出具体的HTML页面。5．开发期的程序设计交互性网站已经成为一个流行趋势。把一些经常访问或更新的信息存储于数据库中,并使用Web应用服务器进行发布。通过一定的程序设定来实现与浏览者的信息交流和反馈。6．测试期的功能验证所有网站功能模块开发完成后,要按照起初的功能需求进行系统的调试。使得系统正式投入使用时，能够更加稳定地运行。第3章网站的创建与管理·21·7．维护期的内容更新使用Dreamweaver可以较为方便的对网站进行维护和更新。新改进的站点同步功能能够确保所有站点文件为昀新版本。3.2了解几个基本概念开发网站不能盲无目的，必须要有目的性。这就要求网页设计师在具体开发之前，先要去了解或者掌握一定的网站开发基本概念。有了清晰的概念，才能够为之后的工作打下扎实的基础。例如，必须了解域名的定义。还需要了解什么是网站空间，网站空间有哪些基本类型，如何选择一款适合自己需要的空间套餐。同时，还必须知道有关网站环境的一些基本概念，例如如何搭建IIS环境，网站的连接数等。下面就针对网站建设、运营过程中可能会遇到的一些基本概念，进行简单的介绍。1．涉及域名注册的基本概念域名是在浏览器地址框里输入可以找到网站的URL地址，例如本站的域名地址是www.eoner.biz。一些服务商为用户提供免费的二级域名来满足一部分个人用户的需求，但要求有独立形象和商业化的网站，一般会申请独立的一级域名。2．涉及服务器空间的基本概念注册域名成功后，就要考虑网站存放空间了，也就是选择服务器提供商。一般的选择依据是，提供商提供的空间是否支持网站要使用的程序语言，空间能否适合后期扩展等。3．涉及网站设计的基本概念网站设计是极具挑战性的，涉及到方方面面的内容。对于简单用户，可以套用服务商提供的在线模板，来开发站点。如果想非常个性地表达，掌控页面的每个细节，就需要请专业的平面设计人员。4．涉及互动交互的基本概念好的网站都会提供一个与网页浏览者互动交流的平台。这种交流包括浏览者与服务人员的交流、浏览者之间的交流等。3.2.1本地计算机和Internet服务器网站服务器可以理解成放在网络中某个节点上的计算机。拥有独立的IP地址，提供某些特殊服务。当有人访问网站时，域名解析服务器会先进行寻址工作，找到相应的IP地址。然后向这个IP地址所在的计算机发出请求，昀终通过浏览器编译各种标识，在页面上表现为各种文字、图像、声音等形式。而网站管理者则可通过FTP服务来管理文件的上传、下载、删除、修改等操作，及时对网站内容进行更新。下面就简单定义了涉及网站服务的两类计算机的概念。1．本地计算机指的是浏览网页时所使用的计算机，也就是网页浏览者所使用的计算机。2．Internet服务器指的是用于提供Internet服务的计算机，它存储了各类网站资源。·22·3.2.2本地网站和远程网站常见的网站系统依据文件的存放位置可以分为如下两大类。1．本地网站指的是一个位于网页设计师硬盘上的文件夹，储存着所有网站文件。在Dreamweaver中定义的每个网站都需要有一个本地网站与之对应。2．远程网站指的是Internet服务器上保存本地网站文件副本的文件夹。网页浏览者在浏览器中查看站点内容时，也就是在访问Internet服务器上运行的远程站点。注意：网站内容发布之前，也就是把所有本地站点上的文件上传到远程站点之前，必须确保能够访问远程Internet服务器(例如ISP的服务器、Windows计算机上的Internet信息服务等)。如果还不具有对这样的服务器的访问权，就要联系ISP服务商、客户或系统管理员，取得相应的控制权限。3.3应用向导创建网站使用DreamweaverCS3应用向导来创建网站，可以分为【基本】与【高级】两种视图模式。【基本】视图模式指导网页设计师逐步来完成站点设置，每一步操作都有针对性的指导机制，具体步骤如下。（1）单击【站点】|【新建站点】命令，在弹出的【站点定义】对话框中定义站点名称。在【您打算为您的站点起什么名字？】文本框中输入“test”。也可以在【您的站点的HTTP地址（URL）是什么？】文本框中输入相应的远程站点的域名，如图3.1所示。（2）单击【下一步】按钮，在【编辑文件】对话框中会询问是否要使用服务器技术。假定选中【是，我想使用服务器技术】选项，可以进一步选择一种默认的服务器技术，例如选中【ASPVBScript】选项，如图3.2所示。图3.1应用向导创建站点图3.2设置服务器技术（3）单击【下一步】按钮，可以选择在开发过程中处理文件的方式。假定选中【在本地进行编辑，然后上传到远程测试服务器】的选项，可以进一步在【您将把文件存储在计算机上的什么位置？】文本第3章网站的创建与管理·23·框中定义文件所在本地的存储位置，如图3.3所示。（4）由于可以在稍后可以设置有关远程站点的信息，所以前面几步操作对当前本地站点信息的设置，对于刚开始创建的新站点已经足够。设置完毕后，向导会弹出显示设置概要的画面，如图3.4所示。图3.3定义存储位置图3.4站点信息（5）单击【完成】按钮，关闭设置对话框。在随即出现的【文件】列表中，将显示新站点的所有信息，网页设计师可进一步对相关内容进行操作，如图3.5所示。图3.5文件列表面板3.4应用“高级”方式创建网站针对有一定基础的高级用户，当然也可以选择【高级】选项卡，不使用向导，直接创建站点信息。通过这样的模式进行设置，可以让网页设计师在创建站点过程中可发挥更强的主控性。3.4.1设置本地信息站点本地信息是与远程站点上的文件相对应的本地磁盘上的文件。网页设计师一般都会在本地磁盘上编辑文件，调试好整个网站系统后再上传到远程站点。若要为Dreamweaver站点设置本地信息，可进·24·行以下操作：（1）单击【站点】|【管理站点】命令，在弹出的【管理站点】对话框中，选择要设置的本地站点（例如“test”站点）进行编辑，如图3.6所示。图3.6【管理站点】对话框（2）在【站点定义】对话框中，选择【高级】选项卡进行设置。在【本地根文件夹】文本框中，输入本地磁盘中存储站点文件夹的路径。如果选中【自动刷新本地文件列表】选项，那么之后每次将文件复制到本地站点时，Dreamweaver都将会自动刷新本地文件列表。（3）如果选中了【相对链接于】选项组下的【文档】选项，Dreamweaver则会使用文档相对路径来创建链接。如果选中【站点根目录】选项，则必须指定HTTP地址，例如在【HTTP地址】文本框中输入“http://www.eoner.biz/”。Dreamweaver会使用此设置来验证站点根目录相对链接是否可在远端服务器上正常工作。（4）如果要确保链接检查时的文件名的大小写匹配问题，则开启【使用区分大小写的链接检查】选项。（5）如果要创建本地缓存来提高链接和站点管理任务的速度，则开启【启用缓存】选项。一般情况下，建议开启此功能，如图3.7所示。图3.7站点定义高级对话框（5）全部设置完毕，按【确定】按钮关闭对话框，设置的本地信息就会立即生效。第3章网站的创建与管理·25·3.4.2设置远程信息发布站点过程中会将本地文件上传到远程文件夹，这些文件将会用于测试、协作和发布。在继续操作之前，必须对远程信息进行相关设置，具体步骤如下。（1）单击【站点】|【管理站点】命令，在弹出的【管理定义】对话框中选择要设置的本地站点（例如“test”站点）进行编辑。（2）在【站点定义】对话框中切换到【高级】选项卡，在左侧列表框中选择【远程信息】列表项。在【访问】列表框中选择【FTP】选项。在【FTP主机】文本框中输入用作上传服务器相应的IP地址。在【登录】文本框和【密码】文本框中分别输入FTP帐户和密码信息，如图3.8所示。（3）在【站点定义】左侧列表框中选择【测试服务器】列表项。【服务器模型】列表框中选择设【ASPVBScript】选项。【访问】列表框中选择【本地/网络】选项。在【测试服务器文件夹】文本框中输入站点文件所存放的位置，例如“d:\webs\”。在【URL前缀】文本框中输入站点根文件夹的位置，例如“http://localhost/”，如图3.9所示。图3.8远程信息设置图3.9测试服务器设置（3）全部设置完毕，单击【确定】按钮，关闭对话框。这样在Dreamweaver的【文件】面板中就会将“d:\webs\”内所有内容映射出来。注意：Dreamweaver中所建立的站点连接，可直接对其文件、文件夹操作，不必回到系统【资源管理器】中操作。3.4.3设置远程信息时应注意的事项可以借助多种方法来设置远程信息,对网站服务器进行配置。下面的列出了一些有关远程信息设置时可能遇到的问题以及解决方法。1．文件目录的相对定位使用Dreamweaver的FTP功能，实现远程站点发布，要先确保将远程系统的根文件夹指定为主机目录。这样就能够在远程文件系统中通过查找，定位到任何远程目录。注意：如果使用了单斜杠（/）来指定远程服务器目录，则可能需要指定从所连接目录到远程根目录·26·的相对路径。例如，如果远程根文件夹为一个高级别的深层目录，则需要使用父路径“../../”来指定远程服务器目录。2．文件命名的规范操作对于包含空格和特殊字符的文件名在远程传输过程中，容易出现问题。尽量使用下划线或者别的符号来替换空格。尽可能避免在文件名中使用特殊字符，例如冒号(:)、句号(.)、斜杠(/)等都会引发问题。在实际操作中也尽量避免使用长文件名来对文件进行命名。因为长文件名有可能在部分操作系统中无法被正确识别，例如Macintosh中一般不能识别超过31个字符的文件名。3．文件链接的别名差异由于服务器所使用的操作系统有所差异，在文件链接上也会出现一些因别名产生的问题。例如，在Windows系统下的别名（快捷方式）、UNIX系统下的别名（符号链接），将服务器磁盘中的一个文件夹和其它地方的另一个文件夹连接起来。在大多数情况下，这样的别名链接不会造成什么影响。但如果可以连接到服务器的一部分而不能连接到另一部分，则就可能存在各系统下别名差异的问题。3.5管理Web网站3.5.1导入和导出网站Dreamweaver可以对站点进行导入和导出操作。将站点导出为包含