cs6标准实例教程课件第3章构建本地站点

第3章 构建本地站点,本章将介绍站点的基本知识及构建本地站点的方法。其内容包括：站点的概念和功能；站点规划和网站制作流程；利用Dreamweaver CS6创建本地站点；由已有文件生成站点；对站点的删除、修改、编辑和复制等操作；对站点内文件和文件夹的删除、修改、编辑和复制等操作以及刷新本地站点的方法。,本地站点和远端站点 网站制作流程 创建本地站点 管理本地站点,学习要点,3.1 概述,所谓站点，可以看作是一系列文档的组合。这些文档之间通过各种链接关联起来，可能拥有相似的属性，例如描述相关的主体，采用相似的设计或实现相同的目的等，也可能只是毫无意义的链接。利用浏览器，就可以从一个文档跳转到另一个文档，实现对整个网站的浏览。,3.1.1 本地计算机和Internet服务器,所谓Internet服务器，就是用于提供Internet服务（包括WWW、FTP、e-mail等）的计算机。对于WWW浏览服务来说，Internet服务器主要用于存储Web站点和页面。,对于浏览网页的客户来说，它们所使用的计算机被称为本地计算机。,本地计算机和Internet服务器之间，通过各种线路（如电话线、ADSL、ISDN或其他缆线等）连接实现相互的通信。,3.1.2 本地站点和远端站点,位于Internet服务器上的站点仍然是以文件和文件夹作为基本要素的磁盘组织形式。,在Internet上所浏览的各种网站，归根到底其实就是用浏览器打开存储于Internet服务器上的HTML文档及其他相关资源。基于Internet服务器的不可知特性，通常将存储于Internet服务器上的站点和相关文档称作远端站点。,3.1.3 Internet服务程序,3.1.4 上传和下载,在本地计算机上安装Internet服务程序，实际上是将本地计算机构建成一个真正的Internet服务器，只是可以从本地计算机上直接访问该服务器而已。换句话说，本地计算机和Internet服务器已经合二为一。,一般来说，用户把自己计算机上的文件复制到远程计算机上的过程称作上传；相反，用户从某台远程计算机上复制文件到自己计算机上的过程称作下载。,利用一些工具，例如FTP程序等，可以直接将Internet服务器上的站点结构及其中的文档下载到本地计算机，经过修改，又可将修改后的网页上载到Internet服务器上，实现对站点的更新。,3.1.5 网页的设计和出版流程,（1）对站点进行规划。 了解站点的目的，确定它要提供什么服务，网页中应该出现什么内容等。 （2）创建站点的基本结构。 在本地计算机上构建出整个站点的框架，并在各个文件夹中合理地安置文档。 （3）开始具体的网页创作过程。 （4）将本地的站点与位于Internet服务器上的远端站点关联起来，然后定期更新。,3.2 规划站点,一般来说，应该首先在本地计算机上构建本地站点，创建合理的站点结构，使用合理的组织形式管理站点中的文档，并对站点进行必要的测试。在一切都准备好之后，再将站点上传到Internet服务器上。,3.2.1 规划站点结构,1用文件夹来保存文档 首先为站点创建一个根文件夹（根目录），然后在其中创建多个子文件夹，再将文档分门别类存储到相应的文件夹中。 2使用合理的文件名称 避免使用中文文件名 建议全部使用小写的文件名称 3合理分配文档中的资源 4将本地站点和远端站点设置为同样的结构,3.2.2 规划站点的浏览机制,（1）创建返回主页链接。 （2）显示网站专题目录。 （3）显示当前位置。 （4）搜索和索引。,为了及时从用户处了解到相关信息，应该在网页上提供用户与网页创作者或网站管理员的联系途径。,3.2.3 构建整体的站点风格,可以利用模板快速批量创建具有相同或相似风格的网页，然后再在这个基础上对网页进行必要修改，以实现网页的风格统一。 将这些被重复使用的东西或组合制作成库。,3.3 构建本地站点,3.3.1 创建新站点,执行“站点”“管理站点”命令,单击“新建站点”按钮，在弹出的下拉菜单中执行“站点”命令，或直接执行“站点”|“新建站点”命令，在弹出的对话框中单击“站点”选项卡，然后输入站点名称，并指定本地站点文件夹的路径。,“站点名称”：用于设置新建站点的名称。该名称仅供参考，并不出现在浏览器中。 “本地站点文件夹”：用于设置本地站点根目录的位置。可以单击其后的文件夹按钮，打开一个对话框，然后从磁盘上定位该目录。也可以直接在文本框中输入绝对地址。,单击“高级设置”选项卡，然后在其子菜单中选择“本地信息”,默认图像文件夹 链接相对于 Web URL：设置本站点的地址。如果目前尚没有申请域名，可以暂时输入一个容易记忆的名称，申请域名后，再用正确的域名进行替换。 区分大小写的链接检查：用于文件名区分大小写的 UNIX 系统。 启用缓存： 创建本地站点的缓存以加快站点中链接更新的速度。,如果要创建动态网站，还需要指定远程服务器和测试服务器。,单击“服务器”类别，在对话框中单击添加新服务器按钮。,在“服务器名称”文本框中，指定新服务器的名称。,在“连接方法”弹出菜单中选择连接到服务器的方式,FTP 地址是计算机系统的完整 Internet 名称，如 。请输入完整的地址，并且不要附带其他任何文本，特别是不要在地址前面加上协议名。如果不知道 FTP 地址，请与 Web 托管服务商联系。,端口 21 是接收 FTP 连接的默认端口。可以通过编辑右侧的文本框来更改默认端口号。保存设置后，FTP 地址的结尾将附加上一个冒号和新的端口号（例如， :29）。,在“Web URL”文本框中，输入 Web 站点的 URL。,单击“保存”按钮关闭“基本”屏幕。然后在“服务器”类别中，指定刚添加或编辑的服务器为远程服务器或（和）测试服务器。,指定测试服务器时，必须在“基本”选项界面中指定 Web URL。,3.3.2 由已有文件生成站点,可以将磁盘上现有的文档组织当作本地站点打开。这需要在“站点设置”对话框中“站点”的“本地站点文件夹”文本框里填入相应的根目录信息即可。利用该特性，可以对现有的本地站点进行管理。,文档可以是已经存在的，但是站点则是新创建的，换句话说，站点只是文档的组织形式。,3.4 管理站点,打开本地站点,编辑站点,删除站点,注意：删除站点实际上只是删除了Dreamweaver CS6同该本地站点之间的关系。但是实际的本地站点内容，包括文件夹和文档等，都仍然保存在磁盘相应的位置上。可以重新创建指向其位置的新站点，并进行管理。,复制站点,3.5 操作站点文件,创建文件/文件夹,执行“窗口”“文件”命令，打开文件管理面板。,删除文件或文件夹,编辑站点文件,选中要删除的文件或文件夹按Delete键。,注意：与删除站点的操作不同，这种对文件或文件夹的删除操作会从磁盘上真正删除相应的文件或文件夹。,双击需要编辑的文件图标，即可在Dreamweaver CS6的文档窗口中打开此文件进行编辑。,刷新本地站点文件列表,单击“文件”面板左上的刷新按钮,Dreamweaver集成了一个版本控制软件Subversion，可以提供更健全的文件版本控制、回滚等的取出文件/存回文件的体验。Dreamweaver 不是一个完整的 SVN 客户端，却可使用户无需任何第三方工具或命令行界面，获取文件的最新版本，更改和提交文件。,注意：Dreamweaver CS6 使用 Subversion 1.6.9 客户端库。更高版本的 Subversion 客户端库不向后兼容。如果读者更新第三方客户端应用程序（如 Tortoise SVN）以使用更高版本的Subversion，则Dreamweaver 将无法再与 Subversion 进行通信。,3.6.1 建立 SVN 连接,（1）打开“站点设置”对话框。,（2）单击“版本控制”选项卡。,（3）在“访问”下拉菜单中选择“Subversion”。,（4）在“协议”下拉列表中选择协议。,（5）在“服务器地址”文本框中输入 SVN 服务器的地址。 （6）在“存储库路径”文本框中键入 SVN 服务器上存储库的路径。 （7）在“服务器端口”区域选择“非默认值”，并在文本框中输入端口号。或保留默认设置。 （8）在“用户名”和“密码”文本框中输入 SVN 服务器的用户名和密码。 （9）设置完毕之后，单击“测试”按钮测试连接。,3.6.2 获取最新版本的文件,在文件列表中右键单击所需文件或文件夹，并在弹出的快捷菜单中选择“版本控制”/“获取最新版本”命令。,3.6.3 提交文件,在文件列表中右键单击所需文件或文件夹，并在弹出的快捷菜单中选择“存回” 命令。,3.6.4 更新文件或文件夹的SVN状态,在文件列表中右键单击存储库或本地文件中的任一文件夹或文件，然后从弹出的快捷菜单中选择“更新状态”命令。,3.6.5 锁定和解锁文件,在显示的文件列表中右键单击存储库或本地文件中所需的