站点的管理与设置.ppt

站点的管理与设置,Dreamweaver不仅提供网页编辑特性，而且带有强大的站点管理功能。可以非常方便地实现站点的构建；对站点中的网页和相关文件进行管理。可以实现站点的即时更新，支持站点FTP上传和对不同浏览器的检查，帮助用户在整个站点全局的角度上管理和维护所有的文件。,2.1 站点概述,所谓站点，可以看做是一系列文档的组合，这些文档之间通过各种链接关联起来，可能拥有相似的属性（例如描述相关的主体、采用相似的设计，或实现相同的目的等），也可能只是毫无意义的链接。利用浏览器从一个文档跳转到另一个文档，实现对整个网站的浏览。,本地计算机和Internet服务器,一般来说，所浏览的网页都是存储在Internet服务器，其是用于提供Internet服务(WWW、FTP、E-mail等)的计算机。对于WWW浏览服务来说，Internet服务器主要用于存储用户所浏览的Web站点和页面。对于浏览网页的客户来说，他们使用的计算机称作本地计算机。因为用户直接在计算机上操作，启动浏览器，打开网页，本地计算机对于用户来说是真正的实体。,2.1.2 远程站点,在Internet上浏览的各种网站，归根到底，其实就是用浏览器打开存储于Internet服务器上的HTML文档及其他相关资源。基于Internet服务器的不可知特性，通常将存储于Internet服务器上的站点和相关文档称作远程站点。,2.1.3 本地站点,虽然利用DW可以对位于Internet服务器上的站点文档直接进行编辑和管理，但是这很不方便。由于位于Internet服务器上的站点仍然是以文件和文件夹作为基本要素的磁盘组织形式，所以就考虑首先在本地计算机的磁盘上构建出整个网站的框架（本地站点），编辑相应的文档，然后再将之放到Internet服务器上。利用DW，可以在本地计算机上创建出站点的框架，从整体上对站点全局进行设计、测试等。在站点设计完毕，可以利用各种上传工具（如ftp程序等）将本地站点上传到Internet服务器上，形成远程站点。,2.1.4 网站制作流程,一般来说，一个站点的设计有如下内容和步骤：确定站点目标确定目标群体注意区分浏览器安排站点结构设计导航方案网页设计资源准备,（1）确定站点目标,确定站点目标是创建网站首先要做的事，即通过网站希望实现什么？站点目标能帮助用户把注意力集中在网站的特殊需要上。如电子商务网站应该和新闻网站有不同的外观、导航。站点目标的复杂程度将直接影响网站的导航、使用的媒体，甚至包括网站的外观和整体感受。,（2）确定目标群体,确定网站的目标群体，即网站主要的使用者或浏览者。因为特定受众、浏览器类型、网络速度、媒体播放插件等是影响网站设计的因素。,（3）注意区分浏览器,创建网站时，应该意识到用户可能使用各种各样的浏览器及其不同版本。虽然IE是最为广泛使用的Web浏览器，但是也有其他多个浏览器（如Navigator等）被使用，而且有多个版本。当然，有些条件下没有必要创建跨浏览器兼容的网站，如本公司内部的网站。为了使站点对不同的浏览器兼容，可以对重要的页面做不同的版本，如同网站有中、英文页面。,（4）安排站点结构,站点结构从创建站点的初始就应该精心组织，这样可以让制作的过程中少受挫折，节约时间。通常的方法是在本地磁盘上为网站的所有内容创建一个总文件夹，并在此文件夹中创建和编辑文档。因为这样可以在本地测试网站，节约时间，提高效率。当发布网站时，可以把此文件夹复制到网络服务器上。,（5）设计导航方案,设计网站时，要考虑希望浏览者得到什么样的经历，考虑网站的访问者会怎样浏览网站，也就是要有导航栏。具体包括以下方面：位置提示：让访问者方便地知道当前处在网站中的位置，以及如何返回网站的首页或分类的首页。查找和索引：使浏览者方便找到他们希望查找的信息。联系方式：当网站上有错误内容的时候，为访问者提供与网管联系的方式，或者与公司的相关人员、网站相关人员联系的方法。,（6）网页设计,根据站点目标和主要受众对象设计网页的版式和内容安排。一般来说，至少应该对一些主要的页面设计好布局，确定网页的风格。保持排版和设计的一致性，要让用户在网页跳转时，不会因外观或导航栏在每页的位置不同而感到困惑。巧用模板。如果很多页面都使用相同的版面，就应设计一个模板，并以此模板为基础创建网页（修改模板还可以实现批量修改）。巧用库项目。如果某个图片或某个内容会在站点的许多页面上出现，不妨将此设计成库项目。此外，修改库项目时，可以批量修改对象。,（7）资源准备,进行完设计和排版时，就可以创建并收集所需要的资源了。资源包括文、图、声、像、画等各种媒体及网页。,2.2 站点规划,进行网站设计时，一般来说应该首先在本地计算机上构建本地站点，创建合理的站点结构，使用合理组织形式来管理站点中的文档，并对站点进行必要的测试。在一切准备好之后，再将站点上传到Internet服务器上，以供他人浏览。,2.2.1 规划站点结构,合理的站点结构能够加快站点设计，提高工作效率。如果将一切网页及使用的媒体都存储在同一个目录下，那么当站点的规模越来越大时，管理就会相当繁琐。因此，应该利用文件夹、二级文件夹、多级文件夹等方式来管理文档。站点规划时应遵循以下一些规则。,（1）用文件夹保存文档,一般来说，应该用多级文件夹来合理构建文档的结构。首先为站点创建一个根文件夹，然后在其中创建多个子文件夹，再将文档分门别类存储到相应的文件夹（如sounds、images、video等二级文件夹）下。必要时，可以创建多级子文件夹。,（2）使用合理的文件名称,使用合理的文件名非常重要，特别是在网站的规模很大时。文件名应该容易理解，让人一看就能知道网页表述的内容。避免使用中文文件名。因为很多Internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持；而且浏览网站的用户也可能使用英文操作系统，中文的文件名可能导致浏览错误或访问失败。如果不懂英文，也可以用汉语拼音为文件的名称拼写。文件名全部使用小写字母。因为很多Internet服务器采用unix操作系统，其是区分文件大小写的。如Index.html 和index.html是完全不同的两个文件，而且可以同时出现在同一个文件夹中。,（3）合理分配文档资源,文档中不仅有文字，还可以包含其他任何类型的对象，如图像、声音、动画等通常不能直接存储在HTML文档中，因此要注意考虑它们的存放位置。有两种方式存放资源：一种是整个站点共用一个资源文件夹，所有的文档资源都保存在其中，当然，在资源文件夹中可以再有子文件夹，按照不同的文档或不同的资源类型分门别类对资源进行存储(优点：可以从整体上对整个文档的资源进行控制)。其二，在每个存储不同类型文档的文件夹中都创建一个资源文件夹，然后在其中按照类型分门别类地存储资源。,（4）将本地站点和远程站点设置为同样的结构,为了便于维护和管理，应该将远程站点的结构设计成与本地站点相同。这样，用户在本地站点上进行的文件夹和文件操作，都可以同远程站点上相应的文件夹和文件一一对应。当操作完本地站点后，将本地站点上传到Internet服务器上，便可以保证远程站点是本地站点的完整复制，避免发生错误。,2.2.2 规划站点的浏览机制,站点通常都包括多个网页，如何让用户知道存在这些网页并访问它们，这是网站创建者必须考虑的事情。一般来说，应该在网站创建时期，规划站点的浏览机制。目的是提供清晰易懂的浏览方法，采用标准统一的网页组织形式，引导用户轻松自如地访问每个要访问的网页。具体包括以下方法：,（1）创建返回主页链接,应该在站点的每个页面上都放置返回主页的链接。因为用户在浏览多个网页之后，容易迷失方向，一旦不知道如何返回到最初的地方时，很多没有耐心的用户常常会因此失去对当前环境的信任，转而开始浏览其它的网站。如果网页中包含返回主页的链接，就可以确保用户在迷失方向的情况下，能快速返回到一个熟悉的环境中，继续浏览站点中的其他内容。,（2）显示网站专题目录,应该在主页或任何一个页面上提供站点的简明目录结构，引导用户从一个页面快速进入到其他页面上。很多网站使用框架技术，在页面的顶端或是左端显示当前网站的专题目录，单击相应链接，就可以从一个专题页面中快速跳转到另一个专题页面上。如：一般软件的帮助系统实际上都使用了框架技术，它在页面左方显示专题目录，用户只需单击相应的目录项，就可快速跳转到需要的页面上。,（3）显示当前位置,无论在任何网页上，都要在很明显的地方标出当前网页在站点中的位置，或是显示当前网页说明的主题，以帮助用户了解他们到底在访问什么地方，尤其对大型网站更为适用。如果页面嵌套过多，则可以通过创建前进和后退之类的链接，帮助用户进行浏览。,（4）搜索和索引,对于一些数据型的网站，应该给用户提供搜索的功能，或是给用户提供索引检索的权力，使用户快速查找到自己需要的信息。如：一般软件的帮助系统实际上都使用了这种机制。它利用框架技术在页面顶端建立了目录、搜索和索引等链接，以便用户快速找到需要的信息。,（5）反馈,网页在发布之后，或多或少会存在一些问题，从用户那里及时获取他们对网站的意见和建议非常重要。为了及时获取反馈信息，应该在网页上提供用户同网页创作者或网络管理员的联系途径。常用的方法是将其电话放在网页上，或者是创建一个电子邮箱链接，帮助用户快速将信息反馈到网站中。,2.2.3 构建整体的站点风格,站点中的网页风格应该具有统一性，这样才能突出站点要表述的主题，也同时能够帮助用户快速了解站点的结构和浏览机制。在Dreamweaver中，可以利用模板来快速地、批量地创建具有相同或相似风格的网页，然后再在这个基础上对网页进行必要的修改，以实现网页的风格统一。,文档风格统一化的特征之一就是在多个网页上重复出现某些对象，如文本、图像或声音等。例如，可以在每个网页的左上角放置公司的LOGO，在右下角放置创作者的联系地址、E-mail等。为了保证这些对象的放置位置统一，可以采用库项目。在创作网页时，可以将这些重复使用的东西或组合制作成库并保存起来，当下次要往网页上放置相同对象或组合时，只需要简单地从库中调用就可以了，这不仅简化了操作，还可以确保页面间对象或组合的绝对一致。,