导航:首页 > 万维百科 > 网页设计中网格的作用和优势

网页设计中网格的作用和优势

发布时间:2021-03-04 03:24:11

1、标志设计中网格制图和比例制图的作用及用途是什么?

比例制图也叫尺规作图,就是利用几何图形 (圆、椭圆、圆弧、直线、三角形等)辅助完成LOGO设计,平时看见的那些圈圈叉叉就是尺规作图。

网格制图:也叫标准制图,用来规范LOGO大小、最小使用尺寸,可用范围 、位置、间距、比例、LOGO与企业名称之间的关系、后期使用规范等。

尺规作图使用的直尺和圆规带有想像性质,跟现实中的并非完全相同:

1、直尺必须没有刻度,无限长,且只能使用直尺的固定一侧。只可以用它来将两个点连在一起,不可以在上画刻度;

2、圆规可以开至无限宽,但上面亦不能有刻度。它只可以拉开成之前构造过的长度。

义务教育阶段学生首次接触的尺规作图是“作一条线段等于已知线段”。

(1)网页设计中网格的作用和优势扩展资料

承认以下五项前提,有限次运用以下五项公法而完成的作图方法,就是合法的尺规作图:

五项前提是:

(1) 允许在平面上、直线上、圆弧线上已确定的范围内任意选定一点(所谓“确定范围”,依下面四条的规则)。

(2) 可以判断同一直线上不同点的位置次序。

(3) 可以判断同一圆弧线上不同点的位置次序。

(4) 可以判断平面上一点在直线的哪一侧。

(5) 可以判断平面上一点在圆的内部还是外部。

影响

几何三大问题如果不限制作图工具,便很容易解决.从历史上看,好些数学结果是为解决三大问题而得出的副产品,特别是开创了对圆锥曲线的研究,发现了一批著名的曲线等等。不仅如此,三大问题还和近代的方程论、群论等数学分支发生了关系。

2、网页设计中的布局.,有哪几种? 优缺点是什么?

TABLE和DIV

大量显示数据用TABLE如后台
其它全部用DIV

DIV的好处很多,自己找一下

3、品牌设计中使用网格有哪些好处

更准确,更完善。

4、为什么网页设计要使用栅格化

研究网页栅格系统前,来看一组数据:
网站 首页页面宽度 px
Yahoo! 950
淘宝 950
MySpace 960
新浪 950
网易 960
Live Search 958
搜狐 950
优酷 960
AOL 960

上面列举的都是Alexa全球排名前100的站点,它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点:页面结构较复杂,都可以认为是门户型网站。

再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点,它们的首页宽度没什么固定规律,共同的特点是:功能专一,页面结构相对简单。

根据上面的简单分析可以认为:当搭建页面结构复杂的门户型网站时,开发工程师们不约而同地都选择将页面宽度定为950px/960px.

这是一件很有趣的事情,为什么要选择这个宽度呢?这个宽度值究竟有什么魔力?
神奇的960

设计师们对苹果情有独衷。在 1024 x 768 的分辨率下,打开Firefox:

自然状态下,Firefox窗体的大小约为 974 x 650. 减掉左右两边7px的边框,网页的实际大小为上图中的红色部分,高宽为 960 x 650.

有趣的960就这样出现了。是的,可以认为一切就这么简单。栅格系统最早出现在平面设计领域,设计师们爱用苹果,苹果下浏览器的默认宽度为960px, 于是960就这么“自然”地出现了。
数字背后的奥妙

上面的“自然”出现,细究自然是不让人信服的。苹果系统的设计者们在没有喝醉酒的情况下选择了960,而不是其它什么1000之类的整数,自然另有奥妙。

科学界有很多问题都可以归结到数学问题上,我们也从数学着手:

960可以分解为2的6次方乘以3和5, 这使得960可以分割成以下宽度的整数倍:

2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40,
48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480

共26种(26 = 7 * 2 * 2 - 2, 减去2是去掉1和960自身),我们标记为:

N(960) = N(2^6 * 3 * 5) = 26

根据上面的算法,可以得到:

N(360) = N(2^3 * 3^2 * 5) = 22
N(480) = N(2^5 * 3 * 5) = 22
N(720) = N(2^4 * 3^2 * 5) = 28
N(750) = N(2 * 3 * 5^3) = 14
N(800) = N(2^5 * 5^2) = 16
N(960) = N(2^6 * 3 * 5) = 26
N(1000) = N(2^3 * 5^3) = 14
N(1024) = N(2^10) = 9
N(1440) = N(2^6 * 3^2 * 5) = 34
N(1920) = N(2^7 * 3 * 5) = 30

根据直觉(严格证明也不难,不过还是留给数学系的学生去证明吧),我们得到一个有趣的结论:

要使得N(width)最大,width的取值有两个系列:
A系列: …, 320, 720, 1440, …
B系列: …, 480, 960, 1920, …

N越大,可组合的宽度值就越多。对栅格系统来说,这意味着越灵活!

目前绝大多数显示器都支持 1024 x 768 及其以上分辨率。为了有效的利用屏幕宽度同时保证栅格的灵活度,可以看出960是非常合适的。这样,在目前主流显示器下,960就成为网页栅格系统中的最佳宽度了。(也许不久的将来,将会流行1440)首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适应,信息自然流畅,噪音少,购物很踏实。类似的站点还有很多,对于这些站点来说,宽度自适应布局更受青睐。
有个很有意思的网站是Yahoo!, 看起来是固定宽度布局,实际上在CSS中只要去掉一行,就能摇身一变自适应宽度了:
以下为引用的内容:
#page { width: 70em;}
为什么Yahoo!最后选择了定宽布局呢?这很可能是因为定宽布局比宽度自适应布局更容易控制。对于结构复杂的网站来说,可维护性和可扩展性非常重要。Yahoo!是以信息展示为主的门户型网站,960的宽度对于信息的阅读比较友善(Joe Clark写了一篇屏幕阅读时有关行长的有趣文章)。种种因素使得Yahoo!最后采用了定宽布局(Tommy Olsson总结了每种布局设计的优缺点)。
这里将只关注定宽布局,适用的场景是搭建复杂的门户型网站。对于宽度自适应布局和相应的栅格系统,暂不讨论(根据实现的技术手段不同,宽度自适应布局又分为流体布局和弹性布局。我个人蛮喜欢弹性布局,以后有时间再研究)。
好了,已经将范围缩小到定宽布局的网页栅格系统,那我们开始吧。
并不遥远的750

还记得800×600的显示器不?虽然才时隔几年,感觉却好像是上个世纪的事了。Mark Boulton做了最早的探索:

将750分割成均等的6份,这就形成了栅格系统,稍加组合划分就形成了两栏布局和三栏布局。Mark Boulton还研究了Gutter(垂直栏之间的间隙)对栅格的影响,有兴趣的可以阅读原文,或者跟着我往下看吧,下面将详细阐述。
几个术语和一个公式
一个标准的栅格系统,包括以下部分:

将Flowline的总宽度标记为W, Column的宽度标记为c, Gutter宽度标记为g, Margin的宽度标记为m, Column的个数标记为N, 我们可以得到以下公式:
W = c * N + g * (N - 1) + 2 * m
一般来说,Gutter的宽度是Margin的两倍,上面的公式可以简化为:
W = c * N + g * (N - 1) + g = (c + g) * N
将c+g标记为C, 公式变得非常简单:
W = C * N
上面的公式就是栅格系统的基础,很简单吧。
950的来历
具体应用时,Margin其实是一个空白边,从视觉上看并不属于总宽度。不少栅格设计里习惯性地设定Gutter为10px, 这样Margin就是5px. 当W为960,分割成6列时,栅格如下图:

上图的处理是左右Margin各为5px. 也可以将Margin集中放在一边,比如右边:

无论Margin放在何处(这只影响技术实现,不影响设计),我们真正要关注的是去除Margin之后的部分:

这就是我们要真正关注的950!将W的含义变为去除Margin的总宽度,公式变化为:
W = N * C - g
将上面的公式实例化一下:
950 = 12 * 80 - 10
950 = 16 * 60 - 10
950 = 24 * 40 - 10
这就形成了960蛋糕的三种常见切法。
12 x 80

16 x 60

24 x 40

上面三种切法,N越大,灵活度越高。可以根据网页的实际复杂度来选用对应的切法。在960 Grid System首页中,展示了12 x 80的应用:

我们来看下 研究(1)中开头列举的网站的栅格应用情况。
Yahoo!是很标准的 24 x 40 栅格:

淘宝网目前只有商城上部分使用了栅格系统(大的两栏布局遵守了 24 x 40 的栅格化,主体部分使用的另一套740的栅格划分):

网易很不错,采用的是 16 x 60 的栅格系统:

研究(1)中的其它站点都没有真正严格地采用栅格系统。
栅格系统的优势
上面的“发现”是让人有点沮丧的。目前严格采用栅格系统的站点非常少,为什么我们还要努力的让网页栅格化呢?
栅格系统具有以下优势:
能大大提高网页的规范性。在栅格系统下,页面中所有组件的尺寸都是有规律的。这对于大型网站的开发和维护来说,能节约不少成本。
基于栅格进行设计,可以让整个网站各个页面的布局保持一致。这能增加页面的相似度,提升用户体验。
对于设计师们来说,灵活地运用栅格系统,能做出很多优秀和独特的设计。(详见《超越CSS》一书)
对于大型网站来说,我相信栅格化将是一种潮流和趋势。
下面讨论栅格系统中的黄金分割。
黄金分割
黄金分割可以归结为数学问题:对于长度为1的线段,将其分成两部分 x 和 1 - x, 使得:
x / 1 = (1 - x) / x
化为简单的二次方程:
x^2 + x - 1 = 0
正数解为:
x = (sqrt(5) - 1) / 2 ~= 0.618
这就是黄金分割。这个比例不仅仅出现在诸如绘画、雕塑、音乐、建筑等艺术领域,在管理、工程设计等方面也有着不可忽视的作用。 (这是个自然界的魔数,类似的还有真空光速、普朗克常数、精细结构等等,感兴趣的Google吧)
在平面设计领域,黄金分割点被广泛采用。比如下面这种图:

数一数上面有多少黄金分割?
对于960栅格,实际宽度是950. 两栏布局时,黄金分割为:

对于 24 x 40 的情景,最接近黄金分割的两栏布局是 350 : 590, 栏数比例为 9 : 15. 但实际使用时,因为窄栏经常用来做导航或放辅助信息,并不需要350px这么宽。因此实际情况下经常被采用的布局是:

上面讲的都是宽度方向上的栅格化,下面我们看看高度方向上如何应用。
高度方向上的栅格
还记得研究(1)中那张红红的很刺眼的图吗?注意高度值560也是很神奇的。
N(560) = N(2^4 * 5 * 7) = 18
560 / 960 ~= 0.583
N(560)比较大,同时可以让高宽比接近黄金分割。针对560, 我们采用 14 x 40 栅格:

这样,我们就在宽度和高度两个方向上都实现了栅格化。
淘宝的首页目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部分,忽略高度的比例):

(图1)
纷乱的高度世界我们来看下图1左上角。左上角部分目前的宽度为256px, 重构的话可以将宽度缩小到230px以符合栅格(不可避免的要调整内容,比如人气宝贝中将只能放下3张图片)。来仔细看下高度方向:

(图2)
高度方向的布局是:90 : 117 : 100, 第一个间隔是8, 总高度为325. 很明显,高度方向没有任何栅格化的迹象。实际上,即便是严格遵守栅格系统的Yahoo!首页,高度方向上也没有严格栅格化。
这究竟是为何?
一切皆有可能我们缩小关注点:

(图3)
上图中,图像的大小是70 x 70, 刚好是24列960栅格系统两列的宽度。对于右边的文字,采取了如下样式:font-size: 12px;line-height: 150%; /* 12 x 150% = 18px */
中文字体是宋体,line-height的计算值是18px. 注意图3中文字部分可视区域的高度为65, 上下各有4px和1px的间隙。为什么会产生这么奇怪的间隙呢?我们来看下图:

(图4)
从上图中我们可以得知,12px的宋体中文字,实际高度只有11px. line-height减去11多出来的高度,则“均匀”分布在上下间隙中(如果多出来的高度为偶数,则上下均分;为奇数时,上面比下面多1px)。这样,对于70px的高度来说,要布局4行文字时,假设行高多出来的上半部分为x, 下半部分为y, 在最理想的情况下,应该满足以下公式:11 * 4 + 4 * x + 3 * y = 70x = y 或 x = y + 1
不难推出,x最理想的整数解为4. 从而line-height为 4 + 11 + 3 = 18. 因此:
对于24列960栅格系统来说,如果要在高度方向上实现栅格,font-size为12px时,line-height的最佳取值是18px(150%).
追求完美点话,还可以将文字部分margin-top: -1px, 使得65上下的间隙为3和2.
至此,我们可以初步判断:
高度方向上是有可能严格栅格化的。一切皆有可能!
然而,现实总那么残酷
(图5)
上图中的标题高度为22, 这在24列960栅格系统中是无法对齐的。而且总高度为100, 在24列960栅格系统中也不存在(110才可以)。或许高度方向上我们可以细化行宽为20, 但依旧没法解决上面两个问题(22是明显不能解决的,而对于100px的高度,也无法通过细化行宽来解决。可选高度永远是10的奇数倍,如果进一步细化,小于10后,会变得非常繁琐,没什么实际应用价值)宽度世界里会好些吗
(图6)
上面是Yahoo!首页上的两个小模块,我都不想去标注模块里面的布局宽度了(因为一点都不符合24列960栅格系统)。宽度世界里,和高度世界一样充满希望但现实却残酷无比。银弹是不存在的栅格系统是美好的。但如果我们一味地追求将所有设计都栅格化(必须承认我曾有这个幻想),则立刻会陷入地狱一般的黑暗中。这篇文章中的艰难尝试(我分析了20多个小模块),让我突然醒悟到一个粒度问题:任何设计都有适用范围,超出最佳适用范围,强行使用只会带来无尽的烦恼。对于栅格系统(这里指所有栅格系统,包括多种栅格系统混合使用的情景)来说,我觉得以下场景非常适合:

页面的总体宽度布局,比如两栏、三栏等布局
一些固定区块的尺寸,比如广告图片的尺寸
区块之间的间距,可以参考栅格系统的槽宽(Gutter)
一些可以栅格化的小区域,比如图3中的例子,暗合栅格往往能简化布局上的考虑
除了上面这些应用场景,强行使用栅格系统,往往会束手束脚,适得其反。这篇文章的目的,就是尝试用最啰嗦最费神貌似很科学实际很无聊的分析来指出栅格系统应用时的粒度问题。在粒度问题上达成一致后,下一篇中我们将讨论栅格系统的技术实现,最后一篇则讨论栅格系统的压轴好戏:模块化开发。
前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。
Blueprint的实现Blueprint是一个完整的CSS框架,栅格系统是它的一部分功能。我们来看demo页面:

以上三栏布局的代码为:<style type="text/css"> .container { margin: 0 auto; width: 950px } .span-8 { float: left; margin-right: 10px } div.last { margin-right: 0 } hr { clear: both; height: 0; border: none }</style><div class="container"> <div class="span-8"></div> <div class="span-8"></div> <div class="span-8 last"></div> <hr /></div>
上面是基本功能,Blueprint还支持append-n, prepend-m, border等“高级”功能,这些就不细说了

5、网页设计中层有哪些作用?

图层是网页的一个区域,在一个网页中可以有多个图层存在,它最大的魅力在于各个图层可以重叠,并且可以决定每个图层是否可见,同时也能够自定义各图层之间的层次关系。在熟练掌握了图层技术之后,就可以给网页提供强大的页面控制能力。

为了说明图层的功能,我们先来制作简单的实例:

1、实现特效

在Dreamweaver MX 2004中新建一个页面,运行“Insert→Layer Objects→Layer”命令,此时编辑窗口中会出现一个黑色矩形框,这就是插入的图层。当鼠标移动到矩形的框线上时,鼠标会变成十字箭头形状,此时点击鼠标则框线周围出现8个黑色实心方块,左上角还有一个空心方块,表示这个图层被选中了。

提示:用鼠标拖拽实心方块可以改变图层大小,拖拽左上角的空心方块可以改变图层的位置。

第二步 在图层中点击一下鼠标,并且在其中输入“中国电脑教育报”,然后在属性面板窗口中将文字设置为蓝色。

第三步 单击图层边框选中图层,接着运行“Edit→Copy”命令复制当前图层,然后在编辑窗口其它空白处点击一下鼠标,并且运行“Edit→Paste”命令,这样在编辑窗口中就又出现了一个图层,不过目前它们重叠在一起,需要移动图层之后才能看见这两个图层。

第四步 把其中一个图层的文字颜色更改为黑色,并且移动图层位置,使得两个图层的位置相差几个像素,这样就产生了阴影效果。

2、嵌套图层

所谓嵌套图层指的是一个图层创建在另外一个图层中,比如图3所示的就是一个典型的嵌套图层(如图3)。实际上制作这种嵌套图层很简单,只要创建了一个父图层之后用鼠标点击图层内部,并且再次插入一个图层即可。不过嵌套的图层并不意味着子图层必须要在父图层内部,它们之间存在着继承关系。

继承的作用是可以使子图层的可见性和父图层保持一致,由于很多动态网页的特效是通过控制图层的可见性来实现的,因此当父图层可见性改变时,子图层的可见性也随之改变。而且继承关系也可以让子图层和父图层的相对位置不变,比如我们拖拽父图层移动,此时子图层也会跟随着移动,这在制作动态网页的时候将显得非常有用。

3、图层的“Z-顺序”

和表格相比,图层最大的优势在于图层可以重叠,为了表示各个图层哪个在上面,哪个在下面,就要给每个图层设定一个序号,这个序号就是“Z-顺序”,它的意思就是除了屏幕的X和Y坐标之外,人为增加一个垂直于屏幕的Z轴。

4、使用图层建立表格

虽然使用图层来定位网页元素比使用表格方便得多,但是只有IE 4.0以上版本的浏览器才支持图层功能,因此为了让使用旧版本浏览器的朋友也可以看到你辛苦制作出来的作品,最好的方法就是把图层转换为表格。

如果想把自己的网页制作的绚丽多彩,就必须掌握图层技术,否则日后制作动态网页时候将会遇到不少困难,因此建议大家通过上文的介绍深入研究一下,才能够真正掌握图层技术。

6、在网页设计中,表格有什么重要作用

1.当需要提交所有数据时,可以提交整个100个表,如果不使用表,可以逐个提交。

2.表格设计简洁美观,方形,与网页的设计非常一致。

3.网站其实是一个大版本的表格,数据和权重之间的数据库也与表格有联系,所以密不可分。

制作方法如下:

1.打开WPS表单并创建一个新的工作簿;

2.然后从多个表中选择要创建的表的行数和复制列数;

3.然后在工具栏顶部的insert函数下,查找表;

4.双击表格后会弹出一个对话框,然后选择确定;

5.最后,表格将在您选择的区域自动生成,一个简单的表格已经准备好了。

7、H5网页的设计有哪些优势啊?

H5制作一般分为代码开发和工具实现两种。正常代码开发团队至少需要一名美工,前后端两名开发技术人员,开发成本高制作周期耗时较长,但自定义程度高,需求与上线几乎无异,如网易、腾讯、阿里制作团队多为代码开发上线。但目前互联网的发展,一大批可视化工具诞生,设计师无需和程序员拌嘴皮,自己制作,简单易学,适合中小型企业常规企划需求。下面简单向大家介绍几种H5工具,可根据自己的需求和使用习惯去选择。

专业H5制作工具推荐:意派epub360

总结:如果对于需求,细节要求比较多,推荐意派epub360,支持SVG路径动画、SVG变形动画、精细化序列帧动画控制、一镜到底、全景360、画中画、手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制等专业级组件。

百度搜索 epub360 或点击 H5页面制作工具

8、网格化管理的好处是什么

好处有以下3点:

第一,它主动发现问题和解决问题,完全改变了过去被动应对问题的管理模式。

第二,它运用了数字化的管理手段,这主要体现在管理对象、过程和评价的数字化上,提高了管理的敏捷、精确和高效。

第三,它是一种科学封闭的管理机制,不仅具拥有一整套规范统一的管理标准和管理流程,而且还将发现、立案、派遣、结案四个步骤形成一个闭环,从而大大提升管理的能力和水平。

(8)网页设计中网格的作用和优势扩展资料

网格化管理的核心功能:

一、基础数据

主要是通过网格员对辖区范围内的人、地、事、物、组织五大要素进行全面的信息采集管理,收集地理位置、小区楼栋、房屋、单位门店、人口信息、民政救济、党建纪检、工会工作、计划生育、劳动保障、综治信访、乡镇特色、志愿者服务、市场商铺等信息。

二、统计分析平台

主要是对于基础数据中的各类数据信息进行智能化汇总和分析,制成数字和图形报表,用柱状图和饼状图来显示一目了然、突出重点、全盘分析。

三、考核评比平台

主要是上级对下一级事件办理时限或者绩效的一个考核管理,系统可以自动对各级组织机构进行排名。

考核内容主要针对办理事件的时限、民情日记的篇数和质量等指标进行考核,对于办事超时,拖拉的部门进行扣分管理。

考核是系统的重要内容,是长效机制的重要手段,需要根据实际的情况详细的制定。形成事事有考核,人人有考核,以及责任追究机制。

四、地理信息平台

电子地理信息平台支持在二维地图和卫星地图上进行区、街道、社区、小区等信息的标注。支持在三维地图上进行区、街道、社区、小区、楼栋、房屋等信息的标注以及可以自动和数据库的人口等基础数据进行挂接,能够显示所有楼栋,每个楼栋里的每一户房屋,以及户主和家庭成员的信息。

三维地图显示方面:我们结合目前流程的数字城市模型技术,展现城市风貌,区域划分。

地图信息平台能够显示某个小区下的所有楼栋,每个楼栋里的每一户房屋,每一户房屋里户主和家庭成员的信息。

五、GPS定位平台

网格员定位的功能可以实现对手持手机终端的网格员的实时位置的监控,指挥中心登录到系统以后选择相应的组织机构,可以在相应机构级别下将相应人员的位置给显示出来。

参考资料来源

网络-网格化管理

9、网页设计中框架的作用?怎样合理的利用它?

现在用的比较少了。
个人经验一是在做帮助文件,左边是标题的链接,右边显示具体内容的时候用到过框架。二是开发聊天室的时候用过框架。三是教网页制作作业的时候被强行要求使用框架时候用过框架。其他的一时想不起来。

10、网格的优势?

所谓蓝牙(Bluetooth)技术,实际上是一种短距离无线通信技术,利用“蓝牙”技术,能够有效地简化掌上电脑、笔记本电脑和移动电话手机等移动通信终端设备之间的通信,也能够成功地简化以上这些设备与Internet之间的通信,从而使这些现代通信设备与因特网之间的数据传输变得更加迅速高效,为无线通信拓宽道路。说得通俗一点,就是蓝牙技术使得现代一些轻易携带的移动通信设备和电脑设备,不必借助电缆就能联网,并且能够实现无线上因特网,其实际应用范围还可以拓展到各种家电产品、消费电子产品和汽车等信息家电,组成一个巨大的无线通信网络。

“蓝牙”的形成背景是这样的:1998年5月,爱立信、诺基亚、东芝、IBM和英特尔公司等五家著名厂商,在联合开展短程无线通信技术的标准化活动时提出了蓝牙技术,其宗旨是提供一种短距离、低成本的无线传输应用技术。这五家厂商还成立了蓝牙特别兴趣组,以使蓝牙技术能够成为未来的无线通信标准。芯片霸主Intel公司负责半导体芯片和传输软件的开发,爱立信负责无线射频和移动电话软件的开发,IBM和东芝负责笔记本电脑接口规格的开发。1999年下半年,著名的业界巨头微软、摩托罗拉、三康、朗讯与蓝牙特别小组的五家公司共同发起成立了蓝牙技术推广组织,从而在全球范围内掀起了一股“蓝牙”热潮。全球业界即将开发一大批蓝牙技术的应用产品,使蓝牙技术呈现出极其广阔的市场前景,并预示着21世纪初将迎来波澜壮阔的全球无线通信浪潮。

简单地讲,网格是把整个互联网整合成一台巨大的超级计算机,实现计算资源、存储资源、数据资源、信息资源、知识资源、专家资源的全面共享。当然,我们也可以构造地区性的网格(如中关村科技园区网格)、企事业内部网格、局域网网格、甚至家庭网格和个人网格。网格的根本特征并不一定是它的规模,而是资源共享,消除了资源孤岛。

由于网格是一种新技术,它也就具有新技术的两个特征。第一,不同的群体用不同的名词来称谓它。第二,网格的精确含义和内容还没有固定,而是在不断变化。

目前网格技术虽主要为学术机构所控制,但企业也在陆续跟进。事实上,全球网格论坛(GlobalGridForum)的主要赞助企业就包括Unilever——一家以经销肥皂、冰淇淋著称的企业。与许多正在研究和评估网格技术的企业一样,Unilever自己对于如何利用此技术仍秘而不宣。而Johnson&Johnson与Merck等制药公司、BMW与波音等制造企业却已利用这一技术的处理能力和存储空间进行仿真试验,例如药品能否保护细胞免受病毒侵袭?飞机机翼是否会在暴风雨中折断?

基因研究是网格技术的自然应用,这一领域所需的投资很难由一家企业来承担,生物科技企业可用网格技术来分析基因数据;医生可以用网格技术制作出病人器官的三维模型,作为诊断疾病的辅助手段;网格可以处理来自商店现金记录或金融市场的数据流。其他行业,如航空、保险、运输和国防,也会从中受益。如此看来,网格计算并非是可望不可及的乌托邦,其商业应用的广阔前景就在眼前。

争夺控制权

网格计算被誉为继Internet和Web之后的“第三个信息技术浪潮”,有望提供下一代分布式应用和服务,对研究和信息系统发展有着深远的影响。主要IT厂商早就为获得网格计算的控制权展开了竞争。

Sun公司日前发布了“网格引擎”企业版5.3的测试版,使企业内部的计算机网格更容易联接,提供更好的管理和资源分配。网格引擎软件提供了开放源代码版本,自2000年发布到目前为止,共被下载了1.2万次,共有11.8万个CPU利用该软件进行管理。Sun公司技术产品营销经理PeterJeffcock认为,网格计算有明显的三个阶段:群集网格、校园网格和全球网格,目前发布的GridEngine企业版5.3使Sun向功能校园网格迈进了一步。Sun还与竞争对手一起支持AVAKI与Globus等行业组织,积极参与网格计算开放标准的建立。

Microsoft的研究部门也参与了各项分布式计算研究项目,包括容错远程文件系统Farsite,以及建设分布式系统的Millenium;HP也表示将提供Coolbase软件,使用户可以通过Internet共享各种计算设备;Compaq宣布正在制定一个全球性的网格计算解决方案计划,向寻求网格计算系统的客户提供软硬件和技术支持。为此,Compaq与加拿大PlatformComputing结盟,充分利用该技术,以及CompaqTru64UnixAlpha服务器系统和运行Linux的CompaqProLiant服务器,为用户提供完整的、集成的、开放的网格解决方案。Compaq还建立了网格计算高级研究中心,继续对该技术进行研究。日本的企业在网格计算方面也跃跃欲试。NTT宣布将于2002年中期开展为期6个月的网格计算试验,参与者包括了Intel、SGI等。

今年8月,IBM宣布在网格计算领域投资40亿美元,在全球建设40家数据中心,正式进入网格计算领域。IBM被英国政府选中,负责NationalGrid(国家网格)项目,这项预算达2500万美元的网格会把8所大学的计算机相连。IBM目前正与美国的宾夕法尼亚大学合作,将数家医院联接,构建一个复杂的计算网格。参与的医院可快速利用远方的医疗数据,并共享分析程序。日前,IBM还宣布了一项名为北卡罗莱纳生物信息科学网格的项目,涉及60家企业、大学和生物医学研究公司,这是全球第一个主要由私营行业参与的网格项目。而此时距IBM进入网格计算领域仅仅3个月。看来IBM是要立志做网格技术的“领头羊”。

那么,这一项目的实施是否标志网格计算已开始进入商业应用呢?

标准是成功关键

就像TCP/IP协议是Internet的核心一样,构建网格计算也需要对标准协议和服务进行定义。目前,包括Global Grid Forum、研究模型驱动体系结构(Model Driven Architecture)的对象管理组织(OMG)、致力于网络服务与语义WWW研究的W3C,以及Globus.org等标准化团体蠢蠢欲动。

今年7月,OMG、W3C、Grid Forum等标准化组织与来自学术、商业领域的人士出席了“软件服务网格研讨会”,加快全球大网格(GGG)标准的制定。接着,另一开放源代码网格标准组织——Globus也集会研究通过广域网联接的高性能计算的基础设施问题。Globus目前正致力于开发标准的网格架构和其他技术。

迄今为止,网格计算还没有正式的标准,但在核心技术上,相关机构与企业已达成一致:由美国Argonne国家实验室与南加州大学信息科学学院(ISI)合作开发的Globus Toolkit已成为网格计算事实上的标准,包括Entropia、IBM、Microsoft、Compaq、Cray、SGI、Sun、Veridian、Fujitsu、Hitachi、NEC在内的12家计算机和软件厂商已宣布将采用Globus Toolkit。作为一种开放架构和开放标准基础设施,Globus Toolkit提供了构建网格应用所需的很多基本服务,如安全、资源发现、资源管理、数据访问等。目前所有重大的网格项目都是基于Globus Tookit提供的协议与服务建设的。

除了标准以外,安全和可管理性、IT人才的缺乏也是网格计算亟待解决的一个问题,否则将无法成为企业的商业架构。在内部系统环境中常常视而不见的问题,如安全、认证和可靠性,在任何分布式环境下都必须得到解决。研究咨询公司StencilGroup的合伙人Brent Sleeper认为:“这要求具有高层次的架构技能,而不是简历上列出的编程语言。”如果把全球的网格都联在一起,那么就能借用彼此未用的资源,网格就会更强大和灵活。虽然这也是网格的最终目标,但把网格联在一起也会带来政治问题。IBM为大学建设网格或Unilever建设内部的网格都只是单纯的IT决策,而将私有网格联接,形成能力更大的共享网格,其中的风险却大得多。在客户需要时,相互竞争的网格提供商是否愿意出售彼此多余的资源?此外,网格应用常涉及大量的数据和计算,需要在各组织间共享安全资源,这不是当前的Internet和网络基础设施所能做到的。看来在网格计算实现商业应用之前,还有很多的问题需要解决。

然而,设想一下运用前所未闻的计算能力所能完成的工作,我们都会明白,构建全球网格的前景几乎是无法抗拒的。美国Argonne国家实验室的科学家Rick Stevens指出:“就像最初的Arpanet成为Internet的中心一样,就把Teragrid看做是形成全球网格中心的雏形吧!”

网格的商业应用

生物医学:网格可提供药品开发人员所需的计算能力,用以研究药物和蛋白质分子的形态与运动。

工程:波音、福特、bmw公司都在尝试用网格计算进行复杂的仿真与设计。

数据搜集/分析:制造、石油加工、货物运输、甚至零售企业都要维护昂贵的设备,时常会出现问题,造成不好的结果。同无线传感器一样,网格能够存储和处理所有交易。

娱乐产业:特殊效果设计。

与网页设计中网格的作用和优势相关的知识