最簡易的多媒體網(wǎng)設(shè)計(jì)

多媒體網(wǎng)頁設(shè)計(jì)

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

網(wǎng)站結(jié)構(gòu)

頁面結(jié)構(gòu)

色彩

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

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

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

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

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

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

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

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

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

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

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

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

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

1、色彩基本概念

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

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

(1)色相(Hue)：

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

(2)飽和度(Saturation)：

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

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

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

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

2、色彩的三原色

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

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

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

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

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

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

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

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