【正文】 不同的需要 ， 對(duì)不同的地區(qū)進(jìn)行放大顯示 ， 同時(shí) ， 每一個(gè)地理名詞又可以獨(dú)立的包含一段文字說(shuō)明 ， 或者包含相應(yīng)的地理數(shù)據(jù) ， 當(dāng)用戶需要時(shí) ， 可以通過(guò)點(diǎn)擊地理名詞獲得解釋說(shuō)明 。 SVG的應(yīng)用價(jià)值 ? 無(wú)線設(shè)備的需求 SVG另一個(gè)非常誘人的應(yīng)用前景就是開(kāi)發(fā)無(wú)線設(shè)備的圖形和動(dòng)畫(huà) 。這種格式因?yàn)槭俏粓D文件 ， 受到傳輸大小的限制 ， 同時(shí)不提供彩色的色彩模式 ， 所以顯得很呆板 。 同時(shí) ， 因?yàn)槭鞘噶康奈谋疚募?，文件的尺寸不會(huì)很大 ， 非常適合無(wú)線產(chǎn)品的網(wǎng)絡(luò)傳輸 。 結(jié)合一些其他的技術(shù) ， 例如 SMIL(多媒體同步整合語(yǔ)言 )， 就可以實(shí)現(xiàn)創(chuàng)建一個(gè)非常理想的多媒體無(wú)線終端解決方案 。 在 SVG圖像中 ， 信息是一元代碼形式的 ， 是開(kāi)放形式的 。 例如 ， 在一個(gè) SVG動(dòng)畫(huà)中 ， 通過(guò)搜索某一個(gè)關(guān)鍵字 ， 就可以在圖像中查詢到對(duì)應(yīng)的信息 ， 而這對(duì)于同樣是矢量圖像和動(dòng)畫(huà)格式的 SWF就不可能實(shí)現(xiàn) 。 SVG的應(yīng)用價(jià)值 ? 網(wǎng)頁(yè)設(shè)計(jì)思想的改變 采用 SVG進(jìn)行網(wǎng)頁(yè)設(shè)計(jì) ， 是下一代的網(wǎng)頁(yè)設(shè)計(jì)思想 。 通常這樣的工作是很繁瑣的 ， 進(jìn)行二次修改也很不簡(jiǎn)便 。 如果要進(jìn)行遠(yuǎn)程協(xié)作完成網(wǎng)頁(yè)設(shè)計(jì) ， 也只需要傳輸創(chuàng)作后的頁(yè)面文件 ， 而不必將所有的圖像源文件和頁(yè)面文件都傳輸 。 許多現(xiàn)在需要通過(guò)外部圖像或動(dòng)畫(huà)軟件創(chuàng)作的效果 ， 將可以直接在網(wǎng)頁(yè)編輯軟件中完成 。 SVG的基本格式 ? 與 HTML相類(lèi)似 ， 基于 XML的 SVG， 語(yǔ)法和格式也是結(jié)構(gòu)化的 。 掌握基本的文件框架 ， 就可以閱讀 、 編輯和創(chuàng)作自己的文件 。每一個(gè) SVG文件都包含最外層的 svg/svg標(biāo)簽。這等同于 HTML文件中的 HTML文件聲明標(biāo)簽html/html。 注釋?zhuān)?文件定義類(lèi)型 (DTD)是一套用于定義元素、元素屬性和制定如何形成文件的標(biāo)準(zhǔn)規(guī)則。 SVG的基本格式 ? SVG主體中的語(yǔ)法和格式定義 ,遵循 XML標(biāo)準(zhǔn)。 SVG對(duì)象主要包括圖形，路徑和文本。WebDraw通過(guò)直接畫(huà)布拖拽繪圖以及濾鏡效果模塊化組合 ，可以避免手寫(xiě)源代碼 。 ? 軟件的整體布局類(lèi)似于目前許多的圖形創(chuàng)作軟件 。 Web Draw 下載 (): (國(guó)外 ) (國(guó)內(nèi) ) Web Engine ? IMS (Interactive Multimedia System) Web Engine是 Virtural Mechanics開(kāi)發(fā)的一款網(wǎng)頁(yè)創(chuàng)作軟件 ， 主要應(yīng)用于創(chuàng)作靜態(tài)和動(dòng)態(tài)的 HTML、 DHTML和 SVG頁(yè)面 。 ? Web Engine的界面比較粗獷，或者說(shuō)不是很精細(xì)，很多操作是雙擊對(duì)象彈出面板，調(diào)整選項(xiàng) ， 這有點(diǎn)像當(dāng)時(shí)的 。 Web Engine 下載 (): ) (國(guó)內(nèi) ) 網(wǎng)頁(yè)界面中的圖形圖像設(shè)計(jì) ? 圖形圖像設(shè)計(jì)可以理解為有關(guān) “ 圖 ” 的設(shè)計(jì) ， 它將設(shè)計(jì)思想賦予形態(tài) ， 傳達(dá)了特定的信息 ， 集中體現(xiàn)了網(wǎng)頁(yè)界面的整體風(fēng)格 ， 在網(wǎng)頁(yè)界面設(shè)計(jì)中展示著其特有的視覺(jué)魅力 ，是設(shè)計(jì)師展現(xiàn)其創(chuàng)造力的舞臺(tái) 。 圖形圖像的視覺(jué)沖擊力比文字大 85％ 。 圖形圖像在網(wǎng)頁(yè)界面設(shè)計(jì)中的作用 ? 傳達(dá)性 傳達(dá)信息是網(wǎng)頁(yè)界面的首要目的 ， 也是圖形圖像所肩負(fù)的最基本的實(shí)用功能 ， 形式上的完美必須符合主題的思想內(nèi)容 。 圖形圖像在網(wǎng)頁(yè)界面設(shè)計(jì)中的作用 ? 藝術(shù)性 圖形圖像的藝術(shù)性是由圖形 、 圖像 、 色彩等通過(guò)點(diǎn) 、 線 、面的組合與排列 ， 并采用夸張 、 比喻 、 象征的手法來(lái)體現(xiàn)視覺(jué)效果的 。 圖形圖像最終是依賴于形態(tài)來(lái)傳達(dá)意念的 ， 而人們對(duì)于形態(tài)的接受是有選擇的 ， 這依賴于人們的審美需求 。 圖形圖像在網(wǎng)頁(yè)界面設(shè)計(jì)中的作用 ? 表現(xiàn)性 圖形圖像的表現(xiàn)性實(shí)際上是突出設(shè)計(jì)的個(gè)性化 ， 給人以獨(dú)特的視覺(jué)體驗(yàn) ， 可以增強(qiáng)網(wǎng)頁(yè)界面的視覺(jué)沖擊力 ， 有助于體現(xiàn)網(wǎng)頁(yè)整體的設(shè)計(jì)創(chuàng)意 。 圖形圖像在網(wǎng)頁(yè)界面設(shè)計(jì)中的作用 ? 趣味性 主要是指一種形式上的情趣感 。 圖形圖像在網(wǎng)頁(yè)界面設(shè)計(jì)中的作用 ? 超地域 、 超時(shí)空性 圖形圖像是一種視覺(jué)語(yǔ)言 ， 它消除了不同地域和文化的民族間的語(yǔ)言障礙和思想的隔閡 ， 它所代表的是一種全球性語(yǔ)匯 ，用自己特殊的方式傳達(dá)信息 、 溝通情感 ， 當(dāng)人們?cè)诰W(wǎng)頁(yè)上沒(méi)有找到自己所熟悉的語(yǔ)言版本 ， 但通過(guò)圖形圖像大致理解了自己需要的信息時(shí) ， 就在心理上產(chǎn)生共鳴 ， 從而拉近了信息傳達(dá)者和接收者之間的距離 ， 消除了陌生感 。 主體圖指的是直接傳達(dá)內(nèi)容的圖 ， 如標(biāo)題圖 、 產(chǎn)品照片 、 新聞?wù)掌?；輔助圖指的是為了達(dá)到版面的藝術(shù)效果而設(shè)計(jì)的圖形圖像 ， 它不直接傳達(dá)內(nèi)容 ， 有烘托主題 、 渲染氣氛的作用 ， 如背景圖 。 ? 圖形圖像是為表現(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) ? 想象 ——?jiǎng)?chuàng)意的基石 一個(gè)在原有感性形象的基礎(chǔ)上創(chuàng)造新形象的心理過(guò)程。 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 聯(lián)想 搜索網(wǎng)站，就像在大海中釣魚(yú)，茫茫大海，哪一條才是你想要的呢？讓我來(lái)幫你！ 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 聯(lián)想 我們拒絕等待，有了我們的存在，整個(gè)世界都將動(dòng)起來(lái)。 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 夸張與幽默 看，游戲馬上就要開(kāi)始了！ 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 改變視覺(jué)慣性 當(dāng)事物的正常結(jié)構(gòu)和視覺(jué)習(xí)慣被強(qiáng)行改變時(shí)，人們?cè)谛睦砩蠒?huì)產(chǎn)生強(qiáng)烈的刺激，由好奇而引起注意。 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 改變視覺(jué)慣性 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 借鑒傳統(tǒng)文化 傳統(tǒng)的東西讓歷史得以延續(xù)，讓文化保持差異性，從而讓人的內(nèi)心產(chǎn)生歸屬感。 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 借鑒傳統(tǒng)文化 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 文字的變化 ——文字的變形 給字母加入很多自由書(shū)寫(xiě)的筆觸，形成自由灑脫、又略顯神秘的氛圍。 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 文字的變化 ——文字圖形化 將圖形圖像的意念賦予文字，文字的部分或全部由圖形圖像來(lái)體現(xiàn)，文與圖進(jìn)一步結(jié)合，使文字除具有它本身所傳達(dá)的信息，還包含更多的內(nèi)容。 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 面積與方向 面積小的圖像通常為點(diǎn)綴和呼應(yīng)，表達(dá)情感較為含蓄，給人以精巧細(xì)致的感覺(jué)。 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 退底與輪廓 退底，是將圖片中所選的形象的背景沿邊沿剪裁掉。當(dāng)與其它背景搭配時(shí)，既容易協(xié)調(diào)，又容易突出該形象。 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 虛實(shí)與影調(diào) 圖像的虛實(shí)對(duì)比能夠產(chǎn)生空間感，實(shí)的物體感覺(jué)近，虛的物體感覺(jué)遠(yuǎn)。圖像組合的方式有平鋪和疊放兩種。 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 合成與組合 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 合成與組合 疊放的方式是指圖像之間有重疊部分，疊放的圖像可以理解為交叉，圖像一般大小不等，有主次之分，疊放使圖像具有整體感和空間感。 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 局部與特寫(xiě) 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 局部與特寫(xiě) 將局部圖像加以放大，用特殊手法作重點(diǎn)表現(xiàn)，就是特寫(xiě)。 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 局部與特寫(xiě) 后續(xù)課內(nèi)容 ? Web上的多媒體 ? 服務(wù)器端知識(shí) （ Win2K、 Linux配置 ） ? 數(shù)據(jù)庫(kù) ? PHP ? 針對(duì)不同的瀏覽器 、 分辨率進(jìn)行設(shè)計(jì)