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