最簡易的多媒體網(wǎng)設計

多媒體網(wǎng)頁設計

WorldWideWeb的構成HTTP協(xié)議就是超文本傳輸協(xié)議（HypertextTransferProtocol）HTML語言就是超文本標記語言（HypertextMarkupLanguage）網(wǎng)頁和站點的區(qū)別一個單獨的“*.htm”文件叫做網(wǎng)頁，而一個單位，甚至一個個人的信息都需要幾個，十幾個，幾十個甚至更多的超文本文件構成，這就構成了站點建設一個站點，需要從一開始就明確站點的目標，規(guī)劃站點的主要構成部分及各部分的功能和風格，接下來是具體各個部分的制作，最重要的是對完成的站點進行維護和排錯以及更新.因此建設一個站點比制作一個網(wǎng)頁需要更加專業(yè)的知識網(wǎng)站制作流程收集信息3周設計草案3-4天制作設計手冊

網(wǎng)站結(jié)構

頁面結(jié)構

色彩

預算制作頁面1周調(diào)試2周發(fā)布跟蹤半年2周網(wǎng)頁的分類普通網(wǎng)頁動畫網(wǎng)頁表單網(wǎng)頁帶語音上傳的BBS網(wǎng)頁有程序運算功能的網(wǎng)頁以下介紹一些當前熱門的多媒體網(wǎng)站制作技術。

MIDI音樂：是多媒體音樂最早的技術，文件大小平均在10KB～20KB。在線游戲與動畫的制作DIRECTOR在線教學制作AUTHORWAREFASH動畫，基于矢量圖形可交互的動畫WAV音頻文件：也是多媒體最早的技術，缺點是文件通常在100KB以上，不過也有一些轉(zhuǎn)換技巧可以將WAV文件轉(zhuǎn)換為其他格式的文件，從而減小文件的大小。QuickTime電影文件：此格式以″.mov″為擴展名，最早由美國蘋果電腦開發(fā)。MPEG電影文件：以″.mpg″為擴展名，是美國電腦廠商開發(fā)的電影文件壓縮技術。AVI電影文件：Microsoft開發(fā)的動畫文件，擴展名為″.avi″。以上三種電影文件格式缺點是文件較大，通常在100KB～500KB以上。GIF動畫：是多媒體網(wǎng)頁動畫最早最簡單的制作技巧，文件大小在20KB～50KB左右。JAVA動畫制作：用JAVA小應用程序（Applet）可制作有動畫效果的圖形或網(wǎng)頁。ActiveXControl：Microsoft所開發(fā)的技術，能使網(wǎng)頁具有特殊的功能或動畫效果。VBScript:Microsoft開發(fā)，基本而言是屬于VisualBasic程序語言的一部分。VRML3D動畫：也是當前最新開發(fā)出來的立體動畫技術，如果你的瀏覽器安裝了VRML文件播放程序，可直接下載VRML文件在瀏覽器內(nèi)查看。HTML語言介紹HTML語言介紹要查看網(wǎng)頁內(nèi)容，必須使用網(wǎng)頁瀏覽器，瀏覽器的主要作用就是解釋超文本文件中的語言，將單調(diào)乏味的文字顯示為豐富多彩的內(nèi)容。目前最為流行的瀏覽器有MicrosoftInternetExplorer以及NetscapeCommunicator，我們建議您使用MicrosoftInternetExplorer，它性能優(yōu)秀，不僅有中文版本，而且還是免費的，其最新版本為5.0。同其他語言（例如C）編譯產(chǎn)生執(zhí)行文件的機制不同，利用HTML編寫的網(wǎng)頁是解釋型的，也就是說，網(wǎng)頁的效果是用瀏覽器打開網(wǎng)頁時動態(tài)生成，而不是事先存儲于網(wǎng)頁中的。當用瀏覽器打開網(wǎng)頁時，瀏覽器讀取網(wǎng)頁中HTML的代碼，分析其語法結(jié)構，然后根據(jù)解釋的結(jié)果顯示網(wǎng)頁內(nèi)容，正是因為如此，網(wǎng)頁顯示的速度同網(wǎng)頁代碼的質(zhì)量有很大的關系，保持精簡和高效的HTML源代碼是非常重要的。

網(wǎng)頁色彩的搭配

無論是平面設計，還是網(wǎng)頁設計，色彩永遠是最重要的一環(huán)。當我們距離顯示屏較遠的時候，我們看到的不是優(yōu)美的版式或者是美麗的圖片，而是網(wǎng)頁的色彩。

關于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關設計書籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁配色時的小技巧。

1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。

2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。

3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網(wǎng)頁配色中，還要切記一些誤區(qū)：

1．不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。

2．背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內(nèi)容。色彩的運用在網(wǎng)頁中的作用真是太重要了，有些網(wǎng)頁看上去十分典雅、有品位，令人

賞心悅目，但是頁面結(jié)構卻很簡單、圖象也不復雜，這主要是色彩運用得當，因此我特地

將本來屬于圖象制作內(nèi)的色彩作為一個獨立攔目來介紹。

1、色彩基本概念

自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一

的灰色，而其他所有顏色均屬于彩色。任何一種彩色具有三個屬性：

(1)色相(Hue)：

也叫色澤，是顏色的基本特征，反映顏色的基本面貌。

(2)飽和度(Saturation)：

也叫純度，指顏色的純潔程度。

(3)明度(Brightness或Lightness或Luminousity)：

也叫亮度，體現(xiàn)顏色的深淺。

非彩色只有明度特征，沒有色相和飽和度的區(qū)別。

2、色彩的三原色

電腦屏幕的色彩是由RGB（紅、綠、藍）三種色光所合成的，而我們可通過調(diào)整這三

個基色就可以調(diào)校出其它的顏色，在許多圖像處理軟件里，都有提供色彩調(diào)配功能，你可

輸入三基色的數(shù)值來調(diào)配顏色，也可直接根據(jù)軟件提供的調(diào)色板來選擇顏色。3、電腦影像像的色彩電腦影像的色色彩是經(jīng)由位位元（BIT）的計算和和組合而來，，單純的黑白白圖像是最簡簡單的

色彩彩結(jié)構，在電電腦上用到１１位元的資料料，雖說只有有黑色和白色色，但仍能透透過疏密的矩矩陣排

列，，將黑與白組組合成近似視視覺上的灰色色調(diào)階。灰灰階（Grayscale）的影像共有有256個階階調(diào)，看起來來類似傳統(tǒng)的的黑白照片；；除黑、白二二

色之外，，尚有254種深淺的灰灰色，電腦必必須以8位元元的資料，顯顯示這256種階調(diào)。全全彩彩（Fullcolor）是指RGB三色光所能能顯示的所有有顏色，每一一色光以8位位元表示，各各有

256種階調(diào)，三三色光交互增增減，就能顯顯示24BIT的1677萬色（256*256*256=16,777，216），這這個數(shù)值就是是電腦所能表表示的最高色色彩，也就是是通稱的RGBTureColor。8位元色是指指具有256種階調(diào)，或或256種色色彩的影像，，而我們在常常常見到GIF格式的圖圖

象文件就就是帶有256種色彩的的圖象文件。。若要把24位元的全彩彩圖片轉(zhuǎn)成256色的8位元，通常常必須經(jīng)過過索引的步驟驟（Indexed），，也就是在原原本24位元元的1677萬色中，先先建立顏色分分

布表（histogram），，然后再找出出最常用的256種顏色色，定義出新新的調(diào)色盤，，最后再以新新色

盤的256色取代代原圖。每一一位位元元色色包包含含多多少少種種顏顏色色：：1位位2種種顏顏色色2位位4種種顏顏色色4位位16種種顏顏色色8位位256種種顏顏色色16位位65536種種顏顏色色24位位1677萬萬種種顏顏色色32位位1677萬萬種種顏顏色色和和256級級灰灰度度值值36位位687億億種種顏顏色色和和4096級級灰灰度度值值通常常所所稱稱的的標標準準VGA顯顯示示模模式式是是8位位顯顯示示模模式式，，即即在在該該模模式式下下能能顯顯示示256種種顏顏色色；；而而高高彩彩色色（（HiColor））顯顯示示是是16位位顯顯示示模模式式，，能能顯顯示示65536種種顏顏色色，，也也稱稱64K色色；；還還有有一一種種真真彩彩色色（（TrueColor））顯顯示示模模式式是是24位位顯顯示示模模式式，，能能顯顯示示1677萬萬種種顏顏色色，，也也稱稱16M色色，，這這是是現(xiàn)現(xiàn)在在一一般般PC機機所所能能達達到到的的最最高高顏顏色色顯顯示示模模式式，，在在該該模模式式下下看看到到的的真真彩彩色色圖圖象象的的色色彩彩已已和和高高清清晰晰度度照照片片沒沒什什么么差差別別了了。。在在圖圖形形制制作作片片中中我我們們已已提提到到過過色色彩彩在在頁頁面面中中的的重重要要性性，，在在頁頁面面中中盡盡量量使使用用看看上上去去比比較較淡淡雅雅、、簡簡潔潔的的色色彩彩；；比比如如背背景景盡盡量量少少用用灰灰暗暗、、深深沉沉的的色色彩彩（（除除非非特特殊殊需需要要）），，并并且且根根頁頁面面的的主主題題來來選選擇擇主主色色調(diào)調(diào)，，可可能能有有一一些些不不搞搞美美術術的的朋朋友友不不知知道道色色彩彩代代表表的的含含義義，，請請參參閱閱下下表表：：紅紅色色：：代代表表熱熱情情、、奔奔放放、、喜喜悅悅、、慶慶典典黑黑色色：：代代表表嚴嚴肅肅、、夜夜晚晚、、沉沉著著；；黃黃色色：：代代表表高高貴貴、、富富有有白白色色：：代代表表純純潔潔、、簡簡單單藍藍色色：：代代表表天天空空、、清清爽爽綠綠色色：：代代表表植植物物、、生生命命、、生生機機灰灰色色：：代代表表陰陰暗暗、、消消極極紫紫色色：：代代表表浪浪漫漫、、愛愛情情棕棕色色：：代代表表土土地地上上面面舉舉出出的的是是幾幾種種主主要要色色彩彩的的含含義義，，希希望望對對你你有有所所幫幫助助。。常見見的的web圖圖像像類類型型JPG/JPEG有損損壓壓縮縮算算法法文文件件較較小小支支持持24位位真真彩彩色色(16777216),在在特特別別重重視視色色彩彩的的情情況況下下使使用用.GIF無損損壓壓縮縮算算法法只只支支持持8位位彩彩色色(256)適適合合用用于于卡卡通通或或?qū)︻侇伾珨?shù)數(shù)目目要要求求不不高高的的圖圖像像.在在網(wǎng)網(wǎng)絡絡上上流流行行是是它它支支持持動動畫畫;支支持持透透明明,有有版版本本之之分分,GIF87A,GIF89A.只只有有后后者者支支持持動動畫畫和和透透明明.PNG非常常靈靈活活的的圖圖像像格格式式采采用用類類似似GIF的的無無損損壓壓縮縮算算法法也也支支持持JPG有有損損壓壓縮縮算算法法支支持持多多種種顏顏色色數(shù)數(shù)目目(8-16-24-32)只有有較較高高版版本本的的瀏瀏覽覽器器支支持持(IE4.0Netscape4.0)以以上上支支持持。。（（實實例例操操作作圖圖像像格格式式的的轉(zhuǎn)轉(zhuǎn)換換））常見見標標志志廣廣告告尺尺寸寸468*60完完全全標標志志392*72垂垂直直導導航航條條234*60一一半半標標志志125*125方方形形按按鈕鈕88*31微微型型按按鈕鈕120*90按按鈕鈕120*60按按鈕鈕120*240垂垂直直標標志志框架架與與Web頁頁創(chuàng)建建框框架架頁頁添加加元元素素及及編編輯輯框框架架特特性性改變變頁頁滾滾動動選選項項設定定框框架架的的鏈鏈接接設計計兼兼容容老老版版本本瀏瀏覽覽器器的的框框架架頁頁站站點點Flash授授課課大大綱綱FLASH文文件件的的特特點點基于于矢矢量量，，文文件件小?。?；可交交互互；；Flash的的應應用用網(wǎng)頁頁設設計計網(wǎng)上上廣廣告告賀卡卡制制作作MTV影視視廣廣告告網(wǎng)絡絡游游戲戲CD-ROM教學學演演示示產(chǎn)產(chǎn)品品三、、導導入入點點陣陣圖圖點陣陣圖圖與與矢矢量量圖圖外部部素素材材的的導導入入打碎碎點點陣陣圖圖和和點點陣陣圖圖的的矢矢量量化化點陣陣圖圖屬屬性性的的設設置置點陣陣圖圖的的優(yōu)優(yōu)化化9、靜夜四無鄰鄰，荒居舊業(yè)業(yè)貧。。1月-231月-23Friday,January6,202310、雨中黃葉樹樹，燈下白頭頭人。。16:47:0516:47:0516:471/6/20234:47:05PM11、以以我我獨獨沈沈久久，，愧愧君君相相見見頻頻。。。。1月月-2316:47:0516:47Jan-2306-Jan-2312、故人江江海別，，幾度隔隔山川。。。16:47:0516:47:0516:47Friday,January6,202313、乍見翻疑疑夢，相悲悲各問年。。。1月-231月-2316:47:0616:47:06January6,202314、他鄉(xiāng)鄉(xiāng)生白白發(fā)，，舊國國見青青山。。。06一一月月20234:47:06下下午16:47:061月-2315、比不不了得得就不不比，，得不不到的的就不不要。。。。一月234:47下下午午1月-2316:47January6,202316、行動出出成果，，工作出出財富。。。2023/1/616:47:0616:47:0606January202317、做做前前，，能能夠夠環(huán)環(huán)視視四四周周；；做做時時，，你你只只能能或或者者最最好好沿沿著著以以腳腳為為起起點點的的射射線線向向前前。。。。4:47:06下下午午4:47下下午午16:47:061月月-239、沒有失敗，，只有暫時停停止成功！。。1月-231月-23Friday,January6,202310、很多事事情努力力了未必必有結(jié)果果，但是是不努力力卻什么么改變也也沒有。。。16:47:0616:47:0616:471/6/20234:47:06PM11、成功功就是是日復復一日日那一一點點點小小小努力力的積積累。。。1月-2316:47:0616:47Jan-2306-Jan-2312、世世間間成成事事，，不不求求其其絕絕對對圓圓滿滿，，留留一一份份不不足足，，可可得得無無限限完完美美。。。。16:47:0616:47:0616:47Friday,January6,202313、不不知知香香積積寺寺，，數(shù)數(shù)里里入入云云峰峰。。。。1月月-231月月-2316:47:0616:47:06January6,202314、意志堅強的的人能把世界界放在手中像像泥塊一樣任任意揉捏。06一月20234:47:06下午16:47:061月-2315、楚塞三三湘接，，荊門九九派通。。。。一月234:47下午午1月-2316:47January6,202316、少年十十五二十十時，步步行奪得得胡馬騎騎。。2023/1/616:47:0616:47:0606January202317、空山山新雨雨后，，天氣氣晚來來秋。。。4:47:06下下午4:47下下午午16:47:061月-239、楊柳散散和風，，青山澹澹吾慮。。。1月-231月