《HTML5+CSS3网页设计入门必读》——1.8 了解在Web服务器上放置文件的位置

1.8 了解在Web服务器上放置文件的位置

维护Web内容的一个重要方面是确定将如何组织该内容——不仅便于用户查找,而且便于你维护服务器上的内容。把文件放在目录中有助于管理那些文件。

在Web服务器上命名和组织目录以及开发针对文件维护的规则完全取决于你自己。不过,在这个漫长的过程中,维护一个组织良好的服务器可以使其内容管理更高效。

1.8.1 基本的文件管理
在你浏览Web时,可能注意到当你在Web站点中导航时URL会改变。例如,如果查看一家公司的Web站点,并且单击通往公司的产品或服务的图形导航元素,URL可能会从

http://www.companyname.com/

变为

http://www.companyname.com/products/

http://www.companyname.com/services/

在上一节中,我使用了术语文档根目录(document root),但是没有真正解释它的有关含义。Web服务器的文档根目录实质上是完整URL中的末尾斜杠。例如,如果域是 yourdomain.com ,并且URL是 http://www.yourdomain.com/ ,那么文档根目录就是通过末尾斜杠(/)表示的目录。文档根目录是你在Web服务器上创建的目录结构的起点;Web服务器将从这个位置开始寻找Web浏览器请求的文件。

如果像前面所指示的那样把sample.html文件放在文档根目录中,将能够通过Web浏览器利用以下URL访问它:

http://www.yourdomain.com/sample.html

如果把这个URL输入到Web浏览器中,将会看到呈现的sample.html文件,如图1.8所示。

不过,如果在文档根目录内创建一个新目录,并把sample.html文件放在该目录中,则将利用下面这个URL访问该文件:

http://www.yourdomain.com/newdirectory/sample.html

如果把sample.html文件放在一连接到你的服务器时就最初看到的目录中,也就是说,你没有改变目录并把文件放在文档根目录中,那么将不能从你的Web服务器利用任何URL访问sample.html文件。该文件仍然位于你称为Web服务器的机器上,但是由于文件不在服务器软件知道从此开始寻找文件的文档根目录中,永远都没有人能够通过Web浏览器访问到它。

底线就是:在开始传输文件之前,总是要导航到Web服务器的文档根目录。

对于图形和其他多媒体文件尤其如此。Web服务器上的公共目录被称为images,正如你可能想到的,其中将存放所有的图像资源以便检索。其他流行的目录包括用于存放样式表文件的.css文件(如果使用多个样式表文件的话),以及用于存放外部JavaScript文件的.js文件。此外,如果你知道在Web站点上将具有一个区域,访问者可以从中下载许多不同类型的文件,就可能简单地把该目录命名为downloads。

无论它是一个包含你的艺术选辑的ZIP文件,还是一个带有销售数字的Excel电子数据表,在Internet上发布不仅仅是Web页面的文件通常是有用的。为了使一个不是HTML文件的文件在Web上可用,只需把该文件像一个HTML文件一样上传到Web站点,并遵循本章前面给出的关于上传文件的指导即可。在把文件上传到Web服务器之后,就可以创建一个指向它的链接(在第8章将学习这方面的知识)。换句话说,Web服务器不仅仅能提供HTML文件。

下面给出了一段示例HTML代码,在本书后面将学习关于它的更多知识。下面的代码将用于一个名为artfolio.zip的文件,它位于Web站点的downloads目录中,并且会显示链接文本“Download my art portfolio!”:

<a href="/downloads/artfolio.zip">Download my art portfolio!</a>

1.8.2 使用索引页面
在你想到索引时,可能会想起本书后面的那一节,它告诉你在哪里寻找各个关键词和主题。Web服务器目录中的索引文件可以服务于此目的——如果你像那样设计它的话。事实上,该名称最初就起源于此。

index.html文件(或者采用它通常的叫法即索引文件(index file))是你给一个页面提供的名称,当人们导航到你的Web站点中的特定目录时,你希望他们把该页面视为默认的文件。

索引文件的另一个作用是,访问你的站点上的某个目录的用户将具有一个索引页面,但是没有指定该页面仍将登录到用于站点的那个区域(或者用于站点本身)的主页上。

例如,可以输入以下URL之一,并登录到Apple的iPhone信息页面上:

http://www.apple.com/iphone/

http://www.apple.com/iphone/index.html

iphone目录中没有index.html页面,结果将依赖于Web服务器的配置。如果服务器被配置成禁止目录浏览,用户在尝试访问不带有指定的页面名称的URL时将会看到一条“Directory Listing Denied”(“目录列表被拒绝”)消息。不过,如果服务器被配置成允许目录浏览,用户将会看到那个目录中的文件列表。

你的托管提供商将已经确定了这些服务器配置选项。如果你的托管提供商允许你通过控制面板修改服务器设置,你就可以更改这些设置,使得服务器基于你自己的需要来响应请求。

索引文件不仅在子目录中使用,也在Web站点的顶级目录(或文档根目录)中使用。Web站点的第一个页面——首页(home page)或主页(main page),或者当用户第一次访问你的域时你希望他们看到的Web内容的你所喜欢的任何称呼——都应该被命名为index.html,并且放在Web服务器的文档根目录中。这确保当用户在他们的Web浏览器中输入 http://www.yourdomain.com/ 时,服务器将利用你打算让他们看到的内容来响应(而不是给他们提供“Directory Listing Denied”(目录列表被拒绝)消息或者其他某种意外的后果)。

时间: 2024-09-22 13:43:33

《HTML5+CSS3网页设计入门必读》——1.8 了解在Web服务器上放置文件的位置的相关文章

《HTML5+CSS3网页设计入门必读》——6.4 使用Web字体

6.4 使用Web字体 在上一节中,看到我们十分确信所用的字体系列驻留在每个人的计算机上.也就是说,可以保证大多数计算机都会呈现Arial或Times New Roman,或者具有用于serif和sans-serif的所必需的默认字体,如果这是样式表所需要的话.但是,利用CSS3中包括的@font-face特性,甚至可以对在线放置的内容发挥更大的设计能力. 简而言之,@font-face特性允许在HTML5标记中定义要使用的字体,使得无论用户是否在他们的计算机上安装了那些字体(并且很有可能用户没

《HTML5+CSS3网页设计入门必读》——1.4 选择Web托管提供商

1.4 选择Web托管提供商 尽管刚才告诉你无需具有Web服务器也可以顺利地学完本书中的所有课程,我们还是建议你使用Web服务器继续学习下面的内容.不要担心,获得托管提供商通常是一个快速.轻松并且相对廉价的过程.事实上,只需支付比你正在阅读的这本书稍微多一点的费用,就能获得你自己的域名和为期一年的Web托管. 如果在所选的搜索引擎中输入"web hosting provider"(Web托管提供商),将获得数百万条纪录和无穷无尽的倡议性搜索结果(也称为广告).如果不这样,许多Web托管

《HTML5+CSS3网页设计入门必读》——1.2 创建Web内容

1.2 创建Web内容 你可能注意到本书中使用的术语是"Web内容"(web content),而不是"Web页面"(web page),我们是有意这样做的.尽管我们谈论的是"访问Web页面",但是我们实际的意思是"查看我们计算机上的一个地址上的所有文本和图像".我们阅读的文本和查看的图像都是通过Web浏览器呈现的,在单独的文件中可以找到关于它们的某些指导. 这些文件可以包含被HTML代码标记(mark up)或包围的文本,告

《HTML5+CSS3网页设计入门必读》——1.3 理解Web内容递送

1.3 理解Web内容递送 在许多不同的位置会发生多个过程,最终将产生你可以查看的Web内容.这些过程将发生得非常快(以毫秒级的速度),并且是在幕后发生的.换句话说,尽管我们可能认为我们所做的全部事情是打开Web浏览器,输入一个Web地址,并立即查看所请求的内容,后台的技术就会代表我们努力工作.图1.1显示了浏览器与服务器之间的基本交互. https://yqfile.alicdn.com/8a593be461bd1bdfcdf5727a087d4de797b170a5.png" > 不过

《HTML与CSS入门经典(第8版)》——2.3 理解Web服务器上放置文件的位置

2.3 理解Web服务器上放置文件的位置 维护Web内容的一个重要方面是确定组织内容的方法--不仅是为了用户寻找,也为了你在服务器上的维护.将文件放到指定目录中将帮助你管理这些文件. 在你的Web服务器上命名和管理目录,并且开发文件维护规则,这完全取决于你.但是,维护一个精心组织的服务器使你在长期中更加有效地管理它的内容. 2.3.1 基本文件管理在你浏览Web时,你可能已经注意到URL随着你在网站之间浏览而变化.例如,如果你查看一个公司的网站并且单击图形化导航进入公司的产品或者服务,URL可能

《HTML5+CSS3网页设计入门必读》——1.6 创建一个示例文件

1.6 创建一个示例文件 HTML与CSS入门经典(第9版) 在开始前,让我们看看程序清单1.1.这个程序清单代表一份简单的Web内容,其中包含几行HTML代码,用于在两行上以大号.加粗字母打印""Hello World! Welcome to My Web Server.",并在浏览器窗口内居中显示它们.在继续学习本书后面的内容时,你将对这个文件内使用的HTML和CSS有更多的了解. 程序清单1.1 我们的示例HTML文件 <!DOCTYPE html> <

《HTML5+CSS3网页设计入门必读》——第1章 理解Web的工作方式1.1 HTML和WWW简史

第1章 理解Web的工作方式 在本章中你将学到: 万维网(World Wide Web,WWW)简史: 术语Web页面(web page)的含义是什么,为什么这个术语并不总会反映所涉及的全部内容: 内容怎样从你的个人计算机到达别人的Web浏览器上: 怎样选择Web托管提供商: 不同的Web浏览器和设备类型可能怎样影响内容: 怎样使用FTP把文件传输到Web服务器上: 应该把文件存放在Web服务器上的什么位置: 在不涉及Web服务器的情况下怎样分发Web内容: 怎样使用其他发布方法,比如博客: 关

《HTML5+CSS3网页设计入门必读》——导读

前言 当我和Mandy Brown.Jason Santa Maria成立A Book Apart时,我们十分希望对一个主题内容进行整理并成书出版,而且我们觉得,只有一个作者适合这项工作. 网页设计是基于标准的.虽然"real fonts"或CSS3也对网页设计产生了深远的影响,但HTML的影响是其他方面所无法比拟的.HTML是开发人员对W3C步调和政策不满的结果,它是为网页应用程序(而不仅仅是文件)而设计的,因此,虽然这个新版本的网络语言令网页设计界为之兴奋,但也导致了同等程度的愤怒

《HTML5+CSS3网页设计入门必读》——2.3 错误处理

2.3 错误处理 HTML5不仅声明了浏览器应该如何处理规范格式的标记,还首次规范了浏览器该如何处理格式不规范的文件. 浏览器厂商曾不得不独自研究如何处理错误.无论最流行的浏览器做出怎样的尝试,该过程通常都会涉及逆向工程,这会耗费浏览器厂商的时间.与其浪费时间模仿竞争对手处理有缺陷的标记,倒不如尝试实现新功能. 在HTML5中定义错误处理恐怕难以实现.虽然HTML5具有与HTML 4.01完全相同的元素和属性,并且完全没有添加新特性,但在2012年年底之前完成错误处理的定义仍然是徒劳的. 网页设