电子商务网站建设与维护
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

第二节 网站建设概述

模块一:应知应会

一、网站建设的含义

网站建设,是指应用各种网页设计技术,为企事业单位、公司或个人在互联网(Internet)上建立自己的站点并发布信息。网站是企业展示自身形象、发布产品信息、把握市场动态的新平台。

二、网站建设的有关概念

1.WWW

WWW是World Wide Web的缩写,即环球信息网,也可以简称为Web,中文名字为“万维网”。简单地说,Web就是网页,Web是Internet提供的一种服务,是存储在全世界Internet计算机中的数量巨大的网页的集合,Web中海量的信息是由彼此关联的网页组成的。

2.主页

主页,英文为Home Page,浏览者访问站点时第一个出现的页面被称为主页。它在站点中起着索引和导航的作用。用户在访问web站点时,不用指出主页的地址和名称,只要访问到该站点,WWW服务器会自动提供该站点的主页,由于它总是最先出现在浏览者的眼前,因此主页是Web站点中最重要的网页,主页制作得好坏直接影响站点被访问的次数。

3.URL

URL即Uniform Resource Locator的缩写,汉译为“统一资源定位器”,通俗地说就是网址,每个文件无论以何种方式存在于哪个服务器上,都有一个唯一的URL地址。可见,可把URL看做是一个文件在Internet上的标准通用地址。

4.HTML

HTML是Hypertext Markup Language的缩写,汉译为“超文本标记语言”,它是构成网页的主要工具。在网上,如果要向全球范围内发布信息,需要有一种能够被所有的计算机都能够理解的“母语”。Internet所使用的语言就是HTML语言。

5.域名

域名,是指企业在Internet上的地址,人们可以通过这个地址访问网站。与现实中通信地址不同的是,INTERNET域名除了按地理位置编排域名之外,还按单位性质分类编排域名。例如,http://www.qqhru.edu中的qqhru.edu就是域名,edu表示该网站属于教育行业。而 http://www.sina.com.cn 这个网址中,除了表示上述含义外,还表明该公司的地理位置在中国。在全世界,没有重复的域名,从商界看,域名已被誉为“企业的网上商标”。

6.超链接

超链接是指从一个网页指向一个目标的连接关系。这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址或一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。按照链接路径的不同,网页中超链接一般分为以下3种类型:内部链接、锚点链接和外部链接。

7.HTTP

HTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传送协议。当我们想浏览一个网站的时候,只要在浏览器的地址栏里输入网站的地址就可以了。例如,www.baidu.com,但是在浏览器的地址栏里面出现的却是:http://www.baidu.com,这个 HTTP 就是浏览网页必须使用的协议。浏览器通过超文本传输协议(HTTP),将Web服务器上站点的网页代码提取出来,并翻译成漂亮的网页。

8.代理服务器

代理服务器(Proxy Server),是一种代表客户机转送服务请求的服务器,为用户建立Internet连接的程序。简单说,就是代理网络用户去取得网络信息,或者形象地说,它是网络数据的中转站。在一般情况下,我们使用网络浏览器直接去连接其他Internet站点取得网络数据时,是直接联系到目的站点服务器,然后由目的站点服务器把数据传送回来。代理服务器是介于浏览器和Web服务器之间的另一台服务器,有了它之后,浏览器不是直接到Web服务器去取回网页,而是向代理服务器发出请求,数据会先送到代理服务器,由代理服负责器负责取回浏览器所需要的数据并传送给浏览器。

9.Web服务器

Web服务器,也称为WWW(World Wide Web)服务器,其主要功能是提供网上信息浏览服务。

10.远程网站

网站制作完成后,必须上传到Web服务器上,才能被世界各地的浏览者访问。远程网站,就是已经上传到服务器上的网站。

11.本地网站

制作网站时,必须先在自己的计算机上制作。自己计算机上已经制作完成但尚未上传的网站称为本地网站。

三、Web标准

Web标准,是一系列标准的集合,即网站建设所采用的标准,一般指网站建设采用基于XHTML语言的网站设计语言,Web标准中典型的应用模式是“css+div”。

四、网站的组成与结构

网站,由网页、域名和空间组成,它们是网站必不可少的组成部分。网站空间,就是存储网站的磁盘空间,由专门的服务器或租用的虚拟主机承担;网页,即网站的源程序,放在网站空间里面,表现为网站前台和网站后台。每个网站由许许多多网页组成,有的大型网站甚至由数千个页面组成,页面之间以超链接相关联。

在Web标准下,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的网站标准也分三方面:结构化标准语言,主要包括XHTML和XML;表现标准语言,主要包括CSS;行为标准,主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C组织起草和发布,也有一些标准是其他标准组织制订的,例如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

五、网站建设工具

网站建设工具主要分为三部分:第一部分是网站前台开发工具;第二部分是网站后台开发环境;第三部分是项目管理和辅助软件。下面分别予以简要介绍。

1.网站前台开发工具

网站前台开发工具,主要是指网站页面设计(包括网站整体框架建立、常用图片、Flash动画设计,等等)所常用的软件,如Photoshop、Dream Weaver、Flash、Fireworks 等。

(1)图片工具。网页中涉及大量的图片,需要有专门的软件进行处理,在实际工作中常用的软件有Photoshop及Firework两种,相比之下,实际应用中Photoshop使用得更普遍。Photoshop是网页设计人员必须熟练使用的工具软件。

友情提醒

请您一定要学习Photoshop软件的应用,目前在人们日常生活中,数码相机已经普及,处理数码照片最常用的就是 Photoshop;网站开发设计中大量的图片处理也离不开Photoshop。

(2)动画工具。网页动画制作工具很多,目前广泛使用的是Flash,这是当前最热门的网页动画制作工具,Flash的出现是网页设计的一次革命性突破。其特点是用矢量图代替传统的点阵图,而且互动性极强,可以做出很多精彩眩目的效果。

(3)页面编辑工具。目前常用的网页编辑工具有DreamWeaver及FrontPage,但广为使用的是DreamWeaver。DreamWeaver不但极为专业,而且功能强大,掌握十分容易;对浏览器的兼容性也特别好。可以说,Dream Weaver 是目前最强大的网页编辑器!本书将在第四章进行详细介绍。

2.网站后台开发工具

网站后台开发,主要指网站动态程序开发和数据库建模。网站后台开发所使用的相关软件主要有ASP、JSP、PHP、ASP.NET、PowerDesigner(数据库建模)、Rational Rose(程序建模)。

3.项目管理及辅助软件

网站的维护管理工具很多,上传工具是使用最为频繁的工具,也是每个电子商务网站制作人员必会的工具。上传工具中,cuteFTP应用得比较广泛,这个软件可以方便地将网站文件上传到服务器空间中,也可以将修改后的网页重新上传覆盖原有网页,达到网页维护的目的。