IP地址是用数字来代表主机的地址,域名的意义就是以一组英文简写来代替IP地址这些难记的数字。因此IP地址和域名具有对应的关系,其中有一种对应关系就是一个IP地址可以对应多个域名,就像一个人只能有一个身份证,但可以有大名、小名和昵称等多个名字。为了便于网络地址的分层管理和分配,互联网采用了域名管理系统DNS,域名系统的数据库结构类似于UNIX系统的文件系统结构,为一个倒立的树形结构,下设、.edu、.gov、.mil、.priv等分支,顶部是根,每个结点代表域名系统的域,域又可以进一步分成子域,每个域都有一个域名,如图43所示。在DNS中,域名是由不同级别的标记字符依次组成的,标记之间用“.”分隔。对于入网的每台计算机都有类似结构的域名,即:计算机主机名.机构名.网络名.最高层域名,如tsinghua.edu。
图43域名树形结构示意
4.2.3Internet服务
Internet服务主要有3种:WWW服务、电子邮件服务和文件传输服务。
1.WWW服务
首先要区别万维网和因特网的区别,因特网(Internet)指的是一个硬件的网络,全球的所有计算机通过网络连接后便形成了因特网,而万维网可以看成是在这个Internet网络中的一个功能网络,提供网页浏览的网络。
WWW是一个资料空间。在这个空间中,有需要的各种网页信息(文本、图像和声音等),这些信息可以称为“资源”,是由一个全域统一资源定位符(Uniform/UniversalResourceLocator,URL)标识;并且这些资源通过超文本传输协议(HypertextTransferProtocol,)传送给使用者,而后者通过点击链接来获得资源。因此可以说WWW的成功在于它制定了一套标准的、易为人们掌握的超文本开发语言HTML(制作网页)、信息资源的统一定位格式URL和超文本传送通信协议。人们每天上网打开浏览器浏览网页就是在享受着WWW服务。
2.电子邮件(Email)服务
电子邮件(Email)是指Internet上或常规计算机网络上的各个用户之间,通过电子信件的形式进行通信的一种现代邮政通信方式。
电子邮政最初是作为两个人之间进行通信的一种机制来设计的,但目前的电子邮件已扩展到可以与一组用户或与一个计算机程序进行通信。由于计算机能够自动响应电子邮件,任何一台连接Internet的计算机都能够通过Email访问Internet服务,并且,一般的Email软件设计时就考虑到如何访问Internet的服务,使得电子邮件成为Internet上使用最为广泛的服务之一。事实上,电子邮件是Internet最为基本的功能之一,在浏览器技术(WWW服务)产生之前,Internet网上用户之间的交流大多是通过Email方式进行的,而且现在还可以通过登录网页直接访问电子邮箱。
3.文件传输服务
FTP是Internet文件传送的基础。通过该协议,用户可以从一个Internet主机向另一个Internet主机复制文件。
FTP曾经是Internet中的一种重要的交流形式。目前,常常用它来从远程主机中复制所需的各类软件。与大多数Internet服务一样,FTP也是一个客户机/服务器系统。用户通过一个支持FTP协议的客户机程序,连接到在远程主机上的FTP服务器程序。用户通过客户机程序向服务器程序发出命令,服务器程序执行用户所发出的命令,并将执行的结果返回到客户机。例如,用户发出一条命令,要求服务器向用户传送某一个文件的一份复制文件,服务器会响应这条命令,将指定文件送至用户的机器上。客户机程序代表用户接收到这个文件,将其存放在用户目录中。
4.3网站开发技术
Web网站是目前人们应用电子商务的一种主要形式,人们进行电子商务活动时,往往要先登录Web网站,然后通过网站来搜索相关信息,并通过填写网页上的表单来发送商业信息。这就必然涉及Web网站开发的相关技术,其中包括B/S结构,客户端技术、服务器端技术和数据库技术。如图44所示。
图44京东电子商务网站首页
4.3.1B/S结构
B/S结构(Browser/Server,浏览器/服务器模式)是Web兴起后的一种网络结构模式,它是对C/S结构(Client/Server,客户端/服务器模式)的一种变化或改进。这种模式统一了客户端,将系统功能实现的核心部分集中到服务器端上,简化了系统的开发、维护和使用。客户机上只要安装一个浏览器软件,如Chrome或InternetExplorer;而服务器则要安装.NET、PHP、Java、CGI等应用服务软件和Apache、IIS等Web服务软件,还要安装Oracle、Sybase、DB2、SQLServer等数据库。
1.静态网页
静态网页是标准的HTML文件,其文件扩展名是.htm或.html。它可以包含HTML标记、文本、Jave小程序、客户端脚本及客户端ActiveX控件,但这种网页不包含任何服务器端脚本,该页中的每一行HTML代码都是在放置到Web服务器前由网页设计人员编写的,在放置到Web服务器后便不再发生任何更改,所以称为静态网页。
静态网页的处理流程如图45所示,主要分3个步骤:
①Web浏览器请求静态网页;
②Web服务器查找静态网页;
③Web服务器将静态网页发送到请求浏览器。
图45静态网页处理流程示意当用户单击Web页上的某个链接或在浏览器中选择一个书签或在浏览器的“地址”框中输入一个URL地址并单击“转到”时,浏览器向Web服务器发送一个页请求。
Web服务器收到该请求,通过文件扩展名(.htm或.html)判断出是HTML文件请求,并从磁盘或存储器中获取适当的HTML文件。
Web服务器将HTML文件发送到浏览器,由浏览器对该HTML文件进行解释,并将结果显示在浏览器窗口中。
2.动态网页
动态网页与静态网页之间的区别在于:动态网页中的某些脚本只能在Web服务器上运行,而静态网页中的任何脚本都不能在Web服务器上运行。当Web服务器接收到对静态网页的请求时,服务器将该页发送到请求浏览器,而不做进一步的处理。当Web服务器接收到对动态网页的请求时,它将作出不同的反应:它将该页传递给一个称为应用程序服务器的特殊软件扩展,然后由这个软件负责完成。应用服务软件与Web服务器软件一般都是一并安装、运行在同一台计算机上。动态网页的处理流程如图46所示主要分5个步骤:
①Web浏览器请求动态网页;
②Web服务器查找该页并将其传递给应用程序服务器;
③应用程序服务器查找该页中的脚本命令并完成页;
④应用程序服务器将完成的页传递回Web服务器;
⑤Web服务器将完成的页发送到请求浏览器。
图46动态网页处理流程示意当用户单击Web页上的某个链接,在浏览器中选择一个书签或在浏览器的“地址”框中输入一个URL地址并单击“转到”时,浏览器向Web服务器发送一个页面请求。
Web服务器收到该请求,通过文件扩展名(.asp或.jsp等)判断出是动态网页文件请求,并从磁盘或存储器中获取适当页然后将该页传递给相应的应用程序服务器。
应用程序服务器查找该页中的脚本命令,并通过在服务器上执行这些脚本命令最终完成页,然后将脚本程序代码从页上删除,由此得到的结果是一个静态网页。
应用程序服务器将所生成的页传递回Web服务器。
Web服务器将该页发送到浏览器,当该页到达客户端计算机时,所包含的全部内容都是纯HTML代码,由Web浏览器对这些HTML代码进行解释,并将结果显示在浏览器窗口中。
4.3.2Web客户端技术
Web客户端(浏览器)主要用于显示信息内容,也就是浏览的Web页面,常用的Web客户端开发技术有HTML、CSS、JavaScript等。
1.XHTML
在介绍XHTML语言之前,先了解什么是HTML。HTML(HyperTextMarkupLanguage,超文本标记语言)是在互联网发布超文本文件(通常所说的网页)的通用语言。所谓超文本(HyperText),是一些特殊的文字,当在这些文字上按下鼠标,就会通过链接跳转到相关的页面,这个页面可能在本机上,也可能在其他的机器上。简单点说,这个词的真正含义是“链接”的意思,用来描述计算机中的文件的组织方法,后来人们把用这种方法组织的文本称“超文本”。
XHTML(TheEXtensibleHyperTextMarkupLanguage,可扩展超文本标识语言)。XHTML就是严谨而准确的HTML。如果说HTML是汉语,那么XHTML就是标准普通话。对于刚刚开始学习网页设计的朋友,直接学习XHTML是最佳的选择。虽然XHTML是一种过渡技术,但也可以将它归到HTML家族,对比以前各个版本的HTML,它具有更严格的书写标准、更好的跨平台能力。
1)XHTML文档结构
要建立符合标准的网页,有几点声明是必需的,其中包括文档类型、命名空间等。
(1)文档类型(DOCTYPE)
DOCTYPE是documenttype(文档类型)的简写,用来说明所用的XHTML是什么版本。其中的DTD(如上例中的xhtml1strict.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据定义的DTD来解释页面的标识,并展现出来。DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。XHTML1.0提供了3种DTD声明可供选择。
①过渡类型(Transitional):要求非常宽松的DTD,它允许继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
②严格类型(Strict):要求严格的DTD,不能使用任何表现层的标识和属性,完整代码如下:
③框架类型(Frameset):专门针对框架页面设计使用的DTD,如果页面中包含有框架,需要采用这种DTD。完整代码如下:
从京东商城首页的部分HTML源码,可以看出用的是过渡类型(Transitional)的标准。如图47所示。
图47京东商城首页的部分HTML源码(2)命名空间
xmlns是XMLNamespace的缩写,叫作“命名空间”声明。由于XML允许自己定义自己的标识,为了防止两个不同地方定义出了相同的标识而发生混淆,因此要注明标识来自哪里,也就是来自哪个命名空间,这里的名字空间是使用网址代替。而XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义命名空间。又因为XHTML1.0不能自定义标识,所以它的命名空间都相同,都是w3.org/1999/xhtml,在图47中,可以看出命名空间也是这样。
(3)head标签
head部分的内容并不是为浏览者写的,而是为浏览器和搜索引擎写的。因此,尽管head部分不含有任何在页面中可视的内容,但也十分重要。下面就介绍一些head部分常用的标签。
①语言设置。
这段代码告诉浏览器网页使用的是gb2312中文字符编码,如果需要制作繁体内容,可以定义为BIG5。在图47中,可以看出语言设置为“gbk”。
②搜索引擎。
接下来的内容是为搜索引擎作准备的,其中包括作者信息(author)、版权信息(copyright)、站点介绍(description)和站点的关键字(Keywords)等。在图47中,可以看出description的内容为“京东商城专业的数码网上购物商城,产品包括数码、家电、手机、电脑配件、网络产品等数万种商品直销,便捷,诚信的服务,为您提供愉悦的网上商城购物体验!”;keywords的内容为“网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东商城”。
2)常用的XHTML标记元素
(1)标题标签
定义标题,可以使用从h1…/h1到h6…/h6这几个标签,其字号顺序减小,重要性也逐渐降低。浏览器将在标题的上面和下面自动各空出一行。
(2)段落标签
定义段落使用p…/p,在p…/p之间的内容会被识别为一个段落,它就类似通常所说的一个“自然段”。与标题类似,浏览器也会在段落的开始之前和结束之后各加一行空白。
(3)换行标签
当想另起一行书写文字却又不希望另起一个自然段的时候,就可以应用br/标签了。br/标签是一个空标签,需要加上一个“/”以符合XHTML的要求。
(4)水平分割线标签
实现水平分割线的标签是hr/。和br/标签一样,它也是一个空标签,为了遵守XHTML的规则,需要加上一个“/”。
(5)注释
在!—…—之间的东西就是注释的内容,它们将不会在网页上显示。而注释则可以使编程者在阅读自己的网页源代码时感觉层次清晰,不至于摸不着头脑。
(6)特殊字符
在XHTML中“”和“”是比较特殊的字符,因为它们被用于识别标签,而且在标签中的“”和“”并不会出现在页面上。那么如果想让浏览器显示这些特殊字符时该怎么办呢?这时就可以使用字符实体,如小于号“”在XHTML代码中写作“<;”。
(7)超级链接标签
超级链接几乎可以指向互联网上的任何资源,如另外一个网页、一张图片、一首MP3歌曲等。而利用XHTML建立超级链接的语法却非常简单,只需要一组a…/a标签即可:
例如:
将会在浏览器中显示为一个超级链接,单击它就将进入华东交通大学的主页。
(8)锚记
锚记也叫页内跳转超级链接,就是一些超级链接可以让浏览者回到页面的顶端或是当前网页内任何一个位置。它的实现方法如下,首先在标题处加上如下代码:
而超级链接本身的代码为:
页面内的跳转是在页面内有大量内容时,可以让用户很快找到所需要的信息。通常情况下都是在一些说明性的网页内作为目录使用。
(9)无序列表