導航:首頁 > 萬維百科 > 網頁設計中網格的作用和優勢

網頁設計中網格的作用和優勢

發布時間: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公司都在嘗試用網格計算進行復雜的模擬與設計。

數據搜集/分析:製造、石油加工、貨物運輸、甚至零售企業都要維護昂貴的設備,時常會出現問題,造成不好的結果。同無線感測器一樣,網格能夠存儲和處理所有交易。

娛樂產業:特殊效果設計。

與網頁設計中網格的作用和優勢相關的知識