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