【正文】 小的文件尺寸。 （像 Paint Shop Pro等繪圖軟件的最新版本已開始支持 MNG。這樣的結果造成 gif文件過大，應用效率低。 ? 使用比 gif更優(yōu)化的壓縮方式。 PNG并不希望永久的為某個瀏覽器所支持，但是，對于那兩大瀏覽器 （ MSIE和 Netscape） 例外。結果， PNG文件可分為 3種類型：索引色（調(diào)色板圖形）、灰度級和真彩色。 圖形中的每一個像素都包含一個對應于它在顏色表中顏色和位置的參考 （ 或索引 ） 。灰度級圖形也可以支持 4和 8位深度。 在 PNG格式下 ， 每一個通道可以定義為 8位或 16位信息 。和 GIF一樣，PNG利用重復的字節(jié)信息，在像素行上工作。 ? 盡管這些濾鏡都可以使用 ， 但是其中唯一有必要使用的兩種方法是 None（ 對于索引色圖形 ） 和 Adaptive（ 其他任何一種圖形 ） 。它適用于具有水平顏色漸變的圖形（參考 Lynda Weinman的 Design Web Graphics， 第二版，New Ride出版） 。 ? Paeth ? 這是由 Alan W． Paeth開發(fā)的一個復雜的過濾器。 PNG規(guī)范建議對連續(xù)色調(diào)的圖形使用 Adaptive方法。由于具有高位深支持的設計， PNG文件可以代替 TIFF文件用于保存高細節(jié)的圖形（在這些地方圖形信息的損失是不允許的，如醫(yī)學圖片）。 同時 ， PNG還具有比 GIF更為復雜的交錯掃描技術 ， 它開始顯示圖形的時間是 GIF的 1／ 8。 圖形的第一次呈現(xiàn)在下載完 1／ 64文件時開始 （ 這比 GIF快 8倍 ） 。 通常 ， 在 Mac上制作的圖像在 PC上看起來較暗 ， 而在 PC上制作的圖像在 Mac上看起來則好像被沖淡了一樣 。 特殊的性能 ? 透明性 ? 24位和 8位索引色 PNG圖形都具有可變等級的透明度 。ImageReady和 Fireworks都支持更為復雜的 8位 、基于調(diào)色板的透明度 。SVG創(chuàng)造一個利用純文本完成網(wǎng)絡多媒體的神話。當顯示或輸出圖像時，圖像的品質(zhì)不受設備的分辨率影響，能夠提供高清晰的畫面。計算機的屏幕其實就是一張包含大量像素點的網(wǎng)格。 ? SVG作為矢量圖像格式，同樣具備了矢量圖的諸多優(yōu)點，更適合在網(wǎng)絡中傳輸和應用。但仍然有很多的圖像設計師傾向于使用位圖創(chuàng)作 。 矢量濾鏡 ? 而如果使用 SVG支持的矢量濾鏡 ， 設計師同樣可以創(chuàng)作出大量流行的和普遍的濾鏡效果 。 SVG的矢量濾鏡對于遠程協(xié)作和二次編輯 ， 提供了極大的自由度 。這就是 XML。 XML所具有優(yōu)秀的擴展性，使得它在網(wǎng)絡工業(yè)應用上，比 HTML有著更大的空間和前景。這些應用是目前 HTML及相關圖像技術遠不可及的。目前圖像和動畫中的文字實質(zhì)上都是圖像。 文本格式 ? SVG圖像可以方便的由程序語言來動態(tài)的生成 。 文本格式 ? SVG完全支持 DOM(文檔物件模型 )。 與 GIF， JPEG比較 具有很高的圖像品質(zhì) 。 如上一小節(jié)所述 ， SVG圖像中的文字獨立于圖像 ， 可以進行文本編輯和查詢 。 SVG圖像具有一個1600萬色彩的調(diào)色板 ,支持 ICC（ 國際色彩協(xié)會 )色彩標準 ,支持 RGB色彩模式 。而 GIF，JPEG都不可以產(chǎn)生交互。 這就意味著該技術掌握在個體手中 ， 技術的發(fā)展受到方方面面的限制 。 與 SWF比較 ? SWF的可編輯性不如 SVG。 這些標準包括 DOM1， DOM2， CSS，XML， XPointer， XSLT， XSL， SMIL， HTML， XHTM等 。 一個簡單的例子 ， 現(xiàn)有的 asp可以方便的構建動態(tài)數(shù)據(jù)網(wǎng)頁 ， 利用 SVG， 則可以同樣方便的繪制動態(tài)數(shù)據(jù)圖像 ， 例如數(shù)據(jù)分析中的柱狀圖和餅狀圖 。 SVG的應用價值 ? 無線設備的需求 SVG另一個非常誘人的應用前景就是開發(fā)無線設備的圖形和動畫 。 同時 ， 因為是矢量的文本文件 ，文件的尺寸不會很大 ， 非常適合無線產(chǎn)品的網(wǎng)絡傳輸 。 在 SVG圖像中 ， 信息是一元代碼形式的 ， 是開放形式的 。 SVG的應用價值 ? 網(wǎng)頁設計思想的改變 采用 SVG進行網(wǎng)頁設計 ， 是下一代的網(wǎng)頁設計思想 。 如果要進行遠程協(xié)作完成網(wǎng)頁設計 ， 也只需要傳輸創(chuàng)作后的頁面文件 ， 而不必將所有的圖像源文件和頁面文件都傳輸 。 SVG的基本格式 ? 與 HTML相類似 ， 基于 XML的 SVG， 語法和格式也是結構化的 。每一個 SVG文件都包含最外層的 svg/svg標簽。 注釋： 文件定義類型 (DTD)是一套用于定義元素、元素屬性和制定如何形成文件的標準規(guī)則。 SVG對象主要包括圖形，路徑和文本。 ? 軟件的整體布局類似于目前許多的圖形創(chuàng)作軟件 。 ? Web Engine的界面比較粗獷，或者說不是很精細，很多操作是雙擊對象彈出面板，調(diào)整選項 ， 這有點像當時的 。 圖形圖像的視覺沖擊力比文字大 85％ 。 圖形圖像在網(wǎng)頁界面設計中的作用 ? 藝術性 圖形圖像的藝術性是由圖形 、 圖像 、 色彩等通過點 、 線 、面的組合與排列 ， 并采用夸張 、 比喻 、 象征的手法來體現(xiàn)視覺效果的 。 圖形圖像在網(wǎng)頁界面設計中的作用 ? 表現(xiàn)性 圖形圖像的表現(xiàn)性實際上是突出設計的個性化 ， 給人以獨特的視覺體驗 ， 可以增強網(wǎng)頁界面的視覺沖擊力 ， 有助于體現(xiàn)網(wǎng)頁整體的設計創(chuàng)意 。 圖形圖像在網(wǎng)頁界面設計中的作用 ? 超地域 、 超時空性 圖形圖像是一種視覺語言 ， 它消除了不同地域和文化的民族間的語言障礙和思想的隔閡 ， 它所代表的是一種全球性語匯 ，用自己特殊的方式傳達信息 、 溝通情感 ， 當人們在網(wǎng)頁上沒有找到自己所熟悉的語言版本 ， 但通過圖形圖像大致理解了自己需要的信息時 ， 就在心理上產(chǎn)生共鳴 ， 從而拉近了信息傳達者和接收者之間的距離 ， 消除了陌生感 。 ? 圖形圖像是為表現(xiàn)特定的主題服務 ， 創(chuàng)意的優(yōu)劣直接影響了主題思想的傳達 ， 好的創(chuàng)意能巧妙 、 恰如其分地表現(xiàn)主題 、 渲染氣氛 ， 增強圖形圖像的感染力 ， 讓人過目不忘 ，并且能夠統(tǒng)一在網(wǎng)頁界面的整體風格之中 ， 不因為自己的獨特而打破整個網(wǎng)頁的和諧 。 圖形圖像創(chuàng)意的出發(fā)點 ? 聯(lián)想 搜索網(wǎng)站，就像在大海中釣魚，茫茫大海，哪一條才是你想要的呢？讓我來幫你！ 圖形圖像創(chuàng)意的出發(fā)點 ? 聯(lián)想 我們拒絕等待，有了我們的存在，整個世界都將動起來。 圖形圖像創(chuàng)意的出發(fā)點 ? 改變視覺慣性 圖形圖像創(chuàng)意的出發(fā)點 ? 借鑒傳統(tǒng)文化 傳統(tǒng)的東西讓歷史得以延續(xù)，讓文化保持差異性，從而讓人的內(nèi)心產(chǎn)生歸屬感。 圖形圖像創(chuàng)意的出發(fā)點 ? 文字的變化 ——文字圖形化 將圖形圖像的意念賦予文字，文字的部分或全部由圖形圖像來體現(xiàn)，文與圖進一步結合，使文字除具有它本身所傳達的信息，還包含更多的內(nèi)容。 圖像設計的表現(xiàn)技巧 ? 退底與輪廓 退底，是將圖片中所選的形象的背景沿邊沿剪裁掉。 圖像設計的表現(xiàn)技巧 ? 虛實與影調(diào) 圖像的虛實對比能夠產(chǎn)生空間感，實的物體感覺近，虛的物體感覺遠。 圖像設計的表現(xiàn)技巧 ? 合成與組合 圖像設計的表現(xiàn)技巧 ? 合成與組合 疊放的方式是指圖像之間有重疊部分，疊放的圖像可以理解為交叉，圖像一般大小不等，有主次之分，疊放使圖像具有整體感和空間感。 圖像設計的表現(xiàn)技巧 ? 局部與特寫 后續(xù)課內(nèi)容 ? Web上的多媒體 ? 服務器端知識 （ Win2K、 Linux配置 ） ? 數(shù)據(jù)庫 ? PHP ? 針對不同的瀏覽器 、 分辨率進行設計