《21天学通HTML+CSS+JavaScript Web开发(第7版)》——第1章 何为Web发布 1.1像Web发布者一样思考

第1章 何为Web发布

千里之行,始于足下;这是学习编写、设计和发布网页之旅的第一站,但实际踏上旅程前,您应学习一些简单的基础知识,包括:

  • 万维网(World Wide Web)的工作原理;
  • Web浏览器是做什么用的,用户通常使用哪些浏览器;
  • 何为Web服务器,您为何需要它;
  • 一些有关统一资源定位符(URL)的知识。

当前Web无处不在,因此本章的内容可能有点老生常谈。如果您这么认为,可大致地扫一眼,再进入第2章,迈出创建网页的第一步。

1.1 像Web发布者一样思考

从用户的角度看,您很可能很熟悉Web。您使用喜欢的Web浏览器访问网站,通过它们查找信息、购物或了解朋友的最新动态。您还可能使用Web浏览器来查看邮件、了解日程安排以及完成工作。

要成为Web发布者,就必须明白用户在Web浏览器中输入地址或单击链接以访问网站时发生的情况。从技术角度阐述Web前,先来给它下个定义。

Web是:

  • 一个超文本信息系统;
  • 跨平台的;
  • 分布式的;
  • 动态的;
  • 交互式的。

下面从您如何将Web用作发布媒介的角度详细说说上述说法的含义。

1.1.1 Web是一个超文本信息系统
超文本的含义是,不像看书那样以线性方式阅读,而是可以轻松地从一个地方跳到另一个地方:您可获取更详细的信息、再回过头去阅读、跳到其他主题或根据兴趣阅读。

超文本让您能够根据兴趣以非线性方式阅读文字和可视化信息。

看到术语超文本时,将其视为链接即可;事实上,现在还有人将链接称为超链接。访问网页时,您很可能发现其中充斥链接。有些链接指向当前网页的其他地方,有些指向当前网站的其他网页,还有些指向其他网站的网页。超文本这个概念在Web面世前就存在,它早已被用于HyperCard等应用程序和各种帮助系统中。然而,万维网重新定义了超文本系统的规模。即便只考虑一个大型网站这样的超文本系统,其规模也是前所未见的;如果再考虑到这样一点,即从位于美国的服务器链接到位于澳大利亚的服务器上的文档时,并不比链接到当前目录中的文档更难,就可以想象出Web的规模有多大了。

注意
  几乎所有的大中型企业和组织都使用Web技术来管理项目、订购原材料以及在无纸环境中发布信息。通过将文档放在安全的私有Web服务器(内联网)上,这些企业和组织既利用了万维网提供的技术,又确保了其信息不向外传播。
1.1.2 Web是跨平台的
只要能够访问Internet,就能够访问万维网,不管您使用的是智能手机、平板电脑、全新的笔记本电脑还是在跳蚤市场购买的台式机。不管您喜欢Windows还是Macintosh的菜单和按钮,亦或认为Macintosh和Windows都弱爆了,都没有关系,因为万维网不在乎访问设备是什么,也不在乎它是哪家公司生产的——它完全是跨平台的。

跨平台意味着不管使用的是什么计算机硬件,也不管它运行的是哪种操作系统,装备的是什么显示器,都可以一样地访问Web信息。

跨平台是一种理想
  在纯粹主义者看来,Web的核心就是跨平台。然而,理想很丰满,现实很骨感。多年来,随着众多特殊功能、技术和媒体类型的推出,Web的跨平台特征遭到了损害。Web发布者可选择使用非标准特性,如Flash,但这样做将缩小其网站的受众范围,如果考虑到越来越多的人转而使用智能手机和移动设备来访问Web,这一点尤其明显。Web发布者还必须做出如下选择:专门创建用于移动设备的应用程序,还是打造跨平台兼容性更强的Web应用程序。该不该为特定平台提供更强大的功能而降低跨平台灵活性呢?这完全由各个发布者决定。
1.1.3 Web是分布式的
Web内容可能消耗大量的存储空间,其中包含图像、音频和视频时尤其如此。为存储发布到Web上的所有信息,需要海量的磁盘空间,而要对所有这些信息进行管理,几乎是一项不可能完成的任务(有人尝试过)。

Web为何能成功地提供海量信息呢?因为这些信息分布在全球的数百万个网站中,而每个网站都分别存储其发布的信息。每个网站驻留在一台或多台被称为Web服务器的计算机上。Web服务器也是计算机,只是负责侦听并响应来自Web浏览器的请求。作为信息消费者时,您请求服务器提供资源以便查看它。您只是将浏览器指向网站,别的什么都没有做。

网站是Web上一个发布信息的位置。您浏览网页时,浏览器连接到网站以获取该网页。

每个网站、网站的每个网页乃至每项信息都有独一无二的地址,这种地址被称为统一资源定位符(URL)。每当您使用浏览器访问网站时,都使用URL。本章后面的“统一资源定位符”一节将更详细地介绍URL。

1.1.4 Web是动态的
对于存储在Web上的信息,要获取其永久性拷贝,您必须将其存储到本地,因为这些内容可能随时发生变化,甚至在您查看网页时就发生了变化。

浏览信息时,您无须安装帮助系统的新版本,不必再买本新书,也不用致电技术支持以获取最新的使用指南,您只需启动浏览器即可。

发布到Web时,您可确保信息始终是最新的,而无须花大量时间重新发布更新后的文档。另外,没有材料成本:您无须让人根据装订数量或输出质量进行报价;也不会因为是彩印而需要额外花钱。不会有顾客因为购买了4年前的过期版本而打电话投诉。

来看完全在线发布的图书,如Cory Doctorow的著作Little Brother。作者可更正该书的任何错误,并将修订后的文本上传到网站,这样读者马上就能看到。有翻译版上市后,作者可发布广告,如图1.1所示。

  本书的屏幕截图都是在运行在OS X上的Google Chrome或Safari上截取的,这只是因为我编写本书时使用的是Apple Macintosh。如果您使用的是其他操作系统,不要觉得自己受了冷落。前面说过,Web的优点在于,不管您使用的是哪种平台,看到的信息都相同。
对于有些网站来说,能够随时动态更新正是它们存在的原因所在。图1.2显示了BBC新闻频道的主页,这个网站24小时更新,实时地报告最新发生的新闻。这个网站能够发布最新发生的新闻,其及时性是报纸无法比拟的。

当前,用户甚至都无须重新加载网页就能看到最新的信息。通过使用第17章将讨论的JavaScript,您可实时地更新网页的内容。在图1.3所示的NBA比赛网页中,比分和统计信息与比赛同步更新。

1.1.5 Web是交互式的
交互性指的是能够与Web服务器“对讲”。电视等传统媒体丝毫没有交互性,受众能做的只是坐下来观看——播什么就看什么。除了更换频道,受众没有多大的选择权。Web天生就是交互式的,这种交互性是通过单击链接跳到其他网页实现的。然而,除了这种简单的交互性外,Web还让您能够同发布者和其他用户交流。

事实上,当前最流行的网站都旨在让用户能够与其他用户(而不是发布者)交互,这就是所谓的社交媒体。当前,网站不再花钱雇佣作者和摄影师,而雇佣程序员来营造空间,让大家能够分享自己创建的内容。如果您看到有人对着电视大声朗读Twitter或Facebook上的帖子,不要大惊小怪,这正是社交媒体的发展现状。

作为Web发布者,您需要决定您的网站该提供什么样的交互。您可发布不给用户提供任何交互空间的网页;可让用户提交非公开的反馈;可让用户发布公开的评论、与您唱反调或彼此斗嘴;可提供论坛,让用户彼此直接交互;可提供游戏或其他交互性功能;还可集成其他网站的交互功能,从而将您的网站与这些网站关联起来。例如,图1.4显示了一个被集成到第三方网站的Facebook小部件。

时间: 2024-08-22 14:45:43

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——第1章 何为Web发布 1.1像Web发布者一样思考的相关文章

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——导读

**前言**在过去的十年中,Web已成为人类社会不可分割的一部分:企业大多都有网站,而电视广告很少有不显示URL的.最能说明问题的一个简单事实是大多数人都知道URL是什么:几年前不知道互联网为何物的人现在通过FaceBook又与高中同学联系上了. Web最大的优点是,即便不是什么大公司,也能在Web上发布信息.您只要有一台能够访问互联网的网站并愿意学习,就能创建自己的网站.您既然选择了阅读本书,显然是对Web发布感兴趣.您之所以学习Web发布,可能是出于工作需要,也可能是旨在寻找新的自我表达途径

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——1.7 作业

1.7 作业 本书的每章都有作业,旨在帮助您复习刚学习的主题.在本节的第一个小节中,将回答一些与Web相关的常见问题.接下来,将由您来回答一些有关Web的问题,而随后列出了这些小测验的答案.在每章的最后都有几个练习,旨在帮助您记住刚学到的Web知识. 1.7.1 问与答问:Web有谁负责运营?这些协议都是由谁控制的?这一切都是由谁管理的? 答:万维网并非由某个组织拥有或控制.鉴于向Web提供信息的独立网站数不胜数,任何单个组织都无法制定相关的规则或指南.然而,有两类组织给Web的外观和发展方向带

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——2.3 使用Google Chrome 开发者工具

2.3 使用Google Chrome 开发者工具 下载并安装Google Chrome后,启动它并访问http://getbootstrap.com/.Bootstrap是一个通用的网页框架,将在本书后面讨论.就当前而言,它很有用,因为这个网页的源代码易于理解.在Chrome中,选择菜单"更多工具">"开发者工具",这将打开开发者工具,如图2.4所示[1]. 有一个打开开发者工具的快捷键,在Windows中为Ctrl + Shift + I,在OS X中为C

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——1.2 Web浏览器

1.2 Web浏览器 前面说过,Web浏览器是一款应用程序,您使用它来浏览网页以及在万维网中导航.Web浏览器有很多,适用于您想象得到的任何平台的都有.例如,Windows自带Microsoft Internet Explorer,OS X自带Safari,而Mozilla Firefox.Google Chrome和Opera都可免费下载.另外,通过移动设备和平板电脑使用浏览器的人越来越多.iPhone和iPad自带了Mobile Safari,Android移动平台也自带浏览器.还有其他移动

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——1.4 统一资源定位符

1.4 统一资源定位符 前面说过,URL指向Web上的一些数据,该数据可以是Web文档.图像.样式表或JavaScript脚本,这些都将在本书后面介绍.URL为查找并访问信息提供了统一而一致的方法. 除在浏览器中直接输入URL来访问网页外,您还可使用URL在文档中创建到另一个文档的超文本链接.因此,无论从什么角度看,URL对您和浏览器在Web上导航来说至关重要. URL包含有关如下方面的信息: 如何获取信息(使用哪种协议:FTP.HTTP还是file): 该信息所在计算机的Internet主机名

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——2.6 Web托管

2.6 Web托管 您迟早需要将您在本地计算机上创建的网站放到Internet服务器上.这样做之前,您必须确定自己需要什么样的托管协议.最简单的方法是,获取一个这样的Web托管账户,即让您能够将HTML文件.图像.样式表和其他Web内容上传到一台Web服务器.这种方法让您能够在本地轻松地创建网站,并原封不动地发布到服务器. 2.6.1 使用内容管理应用程序另一种选择是使用应用程序将内容发布到Web上.如果您要创建的网站属于已有的类型,市面上有相应的发布工具,这种选择将更合适.无论使用上述哪类应用

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——第2章 准备好工具 2.1网站剖析

第2章 准备好工具 无论是编写图书还是给房间刷漆,您都不会草率行事,抓起刷子就干或立即坐在计算机前敲字,而是先制定完成项目的计划并搜集完成项目所需的材料.您的计划可能很简单--先刷墙再刷天花板,也可能很复杂--详细列出您要写到书中的每项内容. 搜集材料方面亦如此.如果您要给房间刷漆,就需要刷子和油漆,还有防止油漆落在其他地方的东西.同样,如果您要编写图书,就需要安装字处理程序,还可能需要搜集为写作提供支持的研究材料.与其他大多数项目一样,设计并编写网页也需要思考并制定计划,然后再着手处理文本和图

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——1.3 Web服务器

1.3 Web服务器 要查看和浏览网页,只需要一款Web浏览器:要将网页发布到Web上,需要一个Web服务器. Web服务器是在计算机上运行的程序,负责响应Web浏览器的请求--向它提供URL指定的内容.要将文档发布到Web上,需要一个Web服务器.运行服务器程序的计算机也被称为服务器,这容易让人混淆.因此,如果有人说Web服务器,他指的可能是用于响应请求的程序,也可能是运行该程序的计算机. 您使用浏览器请求网页时,浏览器使用HTTP建立一条到服务器的Web连接.服务器接受连接,发送请求的文件,

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——1.6 小结

1.6 小结 要发布到Web,您必须明白与Web的各部分相关的基本概念.在本章中,您学习了三个重要的概念.首先,您学习了用于发布信息的Web的一些重要特征.其次,您学习了Web浏览器和Web服务器以及它们如何交互来传递网页.最后,您学习了URL是什么,以及为何它对Web浏览和Web发布来说都很重要.