
2.3 因特网技术应用
2.3.1 Web网络
1.Web的介绍
Web是World Wide Web的缩写,也可称为3W,中文译作万维网。是目前因特网上最新潮的、最流行的和最具有吸引力的服务,它已经是因特网上最重要的服务之一。
万维网把在因特网上的所有资源都连接起来,采用图形界面及多媒体技术的信息服务系统。
2.Web的工作原理简介
Web中的信息资源主要是由大量的Web页为基本元素构成的。这些Web页采用超级文本(Hyper Text)的格式,即可以含有指向其他Web页或其本身内部特定位置的超级链接。可以将超级链接理解为指向其他Web页的指针。这样,如果因特网上的Web页和超级链接非常多的话,就构成了一个很大的信息网。当用户从WWW服务器下载一个文件后,用户可以在自己的显示器上将它显示出来,从而获取需要的资料。
2.3.2 万维网的特性与价值
万维网作为一种媒介,通过浏览器,能提供让客户和商家都参与其中进行相互交流的机会,这是其他媒介都做不到的。具体来说,万维网的特性主要表现在以下几个方面。
1.无限的空间
万维网给网站建设人员提供了几乎无限的发挥空间,设计者在没有违反所属地方相关法律的情况下,可以几乎不受任何限制而表达他们所要表达的信息。而且空间的不受限制也表示网站的信息量趋于无限。
2.强大的交互性
万维网作为一种媒介,与其他媒介相比,它能提供更方便的功能给买卖双方。这是万维网最重要的特性之一。因为,对于网络营销者而言,万维网提供了可以同客户随时交流的机会。对于客户而言,可以足不出户,只需利用计算机和因特网,就可以访问企业网站,查询需要的企业的相关信息。
3.满足个性化需求
万维网所提供的环境,不单是一种销售渠道,而且网络营销也向一对一的个性化发展,消费者的需求也趋于个性化。随着消费者文化素质的提高,消费者的消费行为和消费需求更趋于个性化。与此同时,由于知识经济带来的知识与科技革新,从而引导消费者消费的个性化。
在万维网上,要想建立一个比较受欢迎的商务网站,就必须向特定的用户提供特定的需求,因为这样可以吸引更多顾客。现在有很多商务网站向顾客提供定制个性化主页的服务,通过这种服务,顾客能享受到这些网站为他们量身订做的精心服务。例如,百度在美国上市不久,就推出了“百度超级搜霸4.9.3”版本,此版本较以前版本在个性化方面有了极大的提升。用户可以定制属于自己的个性化界面和页面查找按钮等,从而提升了搜索效率的功能,用户不但可以搜索因特网信息而且可以搜索自己计算机上的多种信息,真正实现了搜索无边界。而百度的竞争对手Google也推出MyGoogle,允许用户在进入个性化设置的网页的同时,除了享受基本服务的同时,还可以获得个人化的实时更新。图2-1和图2-2分别是百度和Google的个性化服务。

图2-1 百度的个性化服务

图2-2 Google的个性化服务
2.3.3 因特网提供的服务
1.万维网服务
万维网是同HTML(超文本标记语言)和HTTP(超文本传输协议)一起出现的。万维网通过高效的媒体传播信息,突破了很多前期信息传递的限制,可以使用浏览器查找文件。
随着图像、视频、音频、文本和交互式应用程序的统一,万维网已经成为接收信息和发送信息的最有效的方法之一。
2.文件传输服务
FTP即File Transfer Protocol,中文译为文件传输协议。FTP是因特网上使用非常广泛的一种通信协议。它是由支持因特网文件传输的各种规则所组成的集合,这些规则使因特网用户可以把文件从一台主机复制到另一台主机上,因而为用户提供了方便。FTP通常也表示用户执行这个协议所使用的应用程序。FTP和其他因特网服务一样,也是采用Client/Server(客户机/服务器,简称为C/S)模式,使用方法很简单,首先启动FTP客户端程序与远程主机建立连接,然后向远程主机发出传输命令,远程主机在收到命令后就给予响应,并执行正确的命令。
3.电子邮件服务
电子邮件服务是一种通过计算机网络与其他用户进行联系的快速、简便、高效和价廉的现代化通信手段。电子邮件系统是采用“存储转发”方式为用户传递电子邮件的。当用户期望通过因特网给某人发送信件时,先要为自己提供邮件服务的主机联机,然后将发送的信件置入邮件服务器,电子邮件系统会自动将用户的信件通过网络一站一站地送到目的地,当信件送到目的主机后,该主机电子邮件系统就将它存在收件人的电子邮箱中,等候用户自行读取。用户只要随时以计算机联机的方式打开自己的电子邮箱,便可以查阅自己的邮件了。
4.电子公告板(BBS)服务
电子公告板(BBS)就是在网上提供一块公开“场地”,合乎要求的人都可以在上面进行留言回答问题或发表意见,也可以查看别人的留言,好像在一个特定公共场所进行讨论一样,可以随意参加也可以随意离开。但如在公共场所一样,发言人需要注意一下言行举止,不要随便发表有害的言论或进行人身攻击的言语,为此公告板管理者一般都公布相关声明,以免引起恶劣影响。
2.3.4 万维网语言:HTML语言
1.HTML的简述
HTML的英文意思是:HyperText Markup Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如Linux、Windows等)。自1990年以来,HTML就一直被用做万维网的信息表示语言,用于描述主页的格式设计和它与万维网上其他主页的连接信息。使用HTML语言描述的文件,需要通过万维网浏览器显示。
2.HTML文档的结构
超文本文档分文档头和文档体两部分,在文档头,对这个文档进行了一些必要的定义,文档体才是要显示的各种文档信息。格式是:
<HTML> <HEAD> 文档头部信息 </HEAD> <BODY> 文档主体,正文部分 </BODY> </HTML>
其中<HTML>和</HTML>在最外层,表示这对标记间的内容是HTML文档。我们会看到一些主页省略了<HTML>标记,因为“*.html”或“*.htm”文件被万维网浏览器默认为是HTML文档。<HEAD>和</HEAD> 之间包括文档的头部信息,如文档总标题等,如果不需头部信息则可省略该标记。<BODY>和</BODY> 标记一般不能省略,它们之间是文档主体和正文部分。
下面是一个最基本的超文本文档的源代码:

先打开记事本,将上面的内容写上,保存后将文件命名为“文安的网页.html”,用IE打开文件。
结果显示如图2-3所示。

图2-3 “文安的网页.html”的显示结果
3.HTML文档的特点
① 简单性。HTML文档制作简单、直观,并且随着HTML版本的升级,功能更加灵活,在复杂的情况下,依然能保持使用简单的特点。
② 通用性。HTML作为因特网上的标准语言和通用信息描述方式,可以把分布广泛的不同类型的信息资源联系在一起,为所有信息提供一个真正开放的接口。
③ 扩展性。HTML的广泛使用带来了增强功能、增加标记符等要求,HTML的子类元素方式为系统扩展提供了保证。
④ 平台无关性。HTML可以在各种不同的操作系统上使用。
⑤ 编辑无关性。HTML编辑器或文档编辑工具等都可以用来创建和编写HTML文档。
4.查看HTML文档的方法
① 可以用IE6.0查看HTML文档。
a.用IE浏览网页;
b.单击右键“查看源文件”。
② 可以用FrontPage中“HTML”视图方式查看网页的.html文档。
③ 可以用写字板打开文档直接查看文件。
2.3.5 FrontPage的使用
FrontPage用户界面介绍,如图2-4所示。界面左边是视图栏区,它由“网页”、“文件夹”、“报表”、“导航”、“超链接”和“任务”等视图按钮组成。视图按钮是针对当前网站进行的相应操作,在FrontPage中,大部分工作都在“网页”视图按钮中完成,其他五种视图按钮都更加专业化。界面右边是网页编辑区。在“网页”视图中,窗口右面是用户创作的场所。在该视图下,对网页的处理可以有三种方式:普通方式、HTML方式、预览方式。

图2-4 FrontPage界面
1.站点
站点就是万维网站点或网络站点(简称网站)。它是一台运行万维网服务程序并与因特网相连接的计算机。万维网服务程序可建立一套万维网网页供浏览器使用。大多数的大型公司都有其自己的网站,并常常将装入服务程序的那台计算机以www.公司名.com(gov代表政府部门,net代表网络组织,edu代表教育机构)的形式来命名。例如网易公司网站用“www.163.com”来命名。使用FrontPage 2000开发网站时,人们经常在本地计算机上开发、编辑和预览,然后再将它发布到实际的网站上去。
选择模板具体步骤为:
① 首先打开“文件”→“新建”→“站点”。
② 然后弹出“新建”对话框,选择其中一个模板或向导之一即可创建站点。
2.创建新的网页
在站点中可以创建新网页或创建独立的HTML网页。FrontPage内的各类模板可以有助于创建不同种类的网页:
① 最简单的方法是用鼠标单击“常用工具栏”的“新建”按钮,默认状态下是新建网页(见图2-5)。

图2-5 用鼠标单击“新建”按钮的效果
② 一般的方法是单击文件菜单的“新建”命令,选择“网页”(见图2-6),在“新建”对话框里,可以看到FrontPage提供许多可选择的网页模块(见图2-7),可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。

图2-6 选择网页

图2-7 提供可选择的模板
3.框架网页
框架网页是一种特殊的HTML网页,可用来将浏览器视窗分割成不同的区域,此区域称为“框架”,每一个框架可以显示不同的网页。
(1)创建框架
打开“文件”→“新建”→“网页”→“框架网页”,选取需要的框架网页。
(2)打开框架
利用此步骤可在任何视图模式下打开现有的框架网页,可在框架网页本身来改变框架的大小和外观,也可在每一框架中编辑网页。在“文件”菜单上,单击“打开”按钮,然后选择欲打开的框架网页。
(3)在框架网页内切换框架
若在网页视图模式下编辑框架网页,一次只能编辑框架内的一个网页。一深蓝色框会指出当前框架或框架网页。单击欲编辑的框架,会突出显示当前框架。
4.超链接
(1)编辑超链接
可以编辑一个超链接。例如,可以将文本由“单击看图片”更改为“看我最喜欢的图片”。或者,可以更改超链接的目的端。在网页视图模式下,按下列步骤操作:若更改超链接的目的端,请选择这个超链接,然后单击“超链接”,再为目的端指定一个不同的URL。
(2)设置超链接的颜色
Web浏览器是根据一个具体的实践周期来决定超链接是否已经被访问。例如,在IE中,这个实践周期就是Web浏览器的历史:可以指定已访问过的网页的历史记录保留多久,如4天。如果在这4天内浏览过这些网页,超链接的状态将会变成“已访问过的超链接”。如果在这4天内没有访问这些网页,或者是清除了历史记录,超链接状态会变成“超链接”。
5.图片
(1)将图片添加到网页
① 从文件中添加图片。可以从本地文件系统中添加图片。图片可以为下列的文件格式:GIF(标准和动态)、JPEG(标准和渐进似)、BMP(Windows和OS/2)、TIFF、TGA、RAS和WMF。
保存网页时,FrontPage会提示将图片保存到站点中。若图片不是GIF或JPEG格式,使用256色或更少颜色的图片会自动地转换成GIF,而所有其他的图片会转换成JPEG格式。在网页视图模式下,将插入点放置到要插入图片的位置。打开“插入图片”→“来自文件”,从存储器上浏览想要的图片并选择该文件,如果事前比较熟悉需要的文件的类型,可以在“文件类型”框中指定要查看的文件类型。
② 从站点中添加图片。可以从当前站点或其他站点中添加图片。在网页视图模式下,将插入点放置到要插入图片的位置。单击“插入图片”,取消“选择文件”框,在URL输入相应的图片URL地址。
(2)调整图形的大小
要调整图形的大小可以通过改变图形的高度和宽度属性来调整图形大小,或者在网页上直接调整其大小。
调整图形大小会更改HTML标记符,实际的文件并不会更改。例如,如果只调整图片大小,它将会在站点访问者的屏幕上显示出较小的区域,但是它的文件大小和下载时间是不会更改的。要减少图片的文件大小和下载时间,重置它的大小后重新取样图片。
操作步骤如下:
在网页视图模式下,在图形上单击鼠标右键,打开“图片属性”,然后进入“外观”选项卡进行需要的设置。
(3)旋转图片
可以将图片顺时针或逆时针旋转90°。具体操作步骤如下:
① 在网页视图模式下,单击图片。
② 在“图片”工具栏,单击“向右旋转”可翻转图片90°或单击“向左旋转”可翻转图片90°。
6.表单
表单是一种常见的交互式网页形式,它由文本框、单选按钮等窗体元素组成,主要用来搜集用户信息。表单网页常常应用于网上购物、问题讨论的网站中,以便及时获得客户的需求或留言。通常一个表单由多个表单域、提交按钮和若干说明性文本组成,每个表单域都有一个名称和对应的取值,表单域的值由客户输入来确定。当客户单击“提交”按钮时,表单中每个表单域的名称和值被递交给远端服务器的表单处理程序进行处理。
创建表单的方法:
① 打开“插入”→“表单”选项,选择需要的表单域并适当地设置其属性,输入必要的文字提示后,一个用户设计的表单网页即可完成。其中需要用户选择的常用表单域有:单行文本框、多行文本框、复选框、单选按钮、下拉列表框、命令按钮等。
② 打开“文件”→“新建”→“网页”,选择“表单网页向导”或系统做好的“用户表单”、“意见反馈表单”等编辑修改,直至建成用户需要的表单网页。
7.表格
(1)创建表格
① 创建简单表格可以通过指定行数和列数来创建。在网页视图模式下,将光标移至要插入表格的地方。单击工具栏的“插入表格”,然后向下向右移动,直到要的行数与列数显示出来。
② 手绘表格时,可以轻松创建不规则的行与列。在视图模式下,单击“表格”→“手绘表格”。FrontPage便会打开“表格”工具栏。在网页上,使用鼠标从表格的左上角向右下角拖动,以绘制表格的外边框。使用水平和垂直直线绘制表格中的单元格。若要删除任何不想要的线,单击“表格”工具栏上的“清除”按钮,以鼠标按住并拖动通过不要的线段,当此线段变为红色时,再放开鼠标按钮。当完成绘制表格后,请单击“表格”工具栏上的“手绘表格”按钮,以使此按钮不再被选取。
(2)重新设置表格的大小
① 快速重置表格的大小方法:选中表格边框并拖动到所需的高度和宽度。
② 通过指定高度和宽度来重置表格大小。
8.广告
在Web页面上,横幅广告有些类似于会滚动的布告。它显示在图片之间,使用转场效果来显示循序性的图片。
在网页上利用横幅广告来放置广告。操作步骤如下:
① 在网页视图模式下,将插入点放置在要创建横幅广告的位置。
② 单击“插入”→“组件”→“横幅广告管理器”。
③ 对要在横幅广告内显示的每张图片,单击“添加”然后选择该图片。
④ 在“显示图片”框内的列表中,可以看到之前添加的图片和它们在横幅广告上出现的次序。要更改图片显示的次序,请在列表上选择对应图片的URL,然后单击“上移”或“下移”。
⑤ 在“过渡效果”框内,选择图片之间的效果。