手工制作音畫(huà)貼簡(jiǎn)易教程(三)
雖然是簡(jiǎn)易教程,涉及的內容和技巧卻一點(diǎn)都不能簡(jiǎn)化。過(guò)于簡(jiǎn)化的結果,就是讓從頭開(kāi)始才認識HTML標識符的人消化不良。但若不簡(jiǎn)化,時(shí)間和效率就成很問(wèn)題,既不能在預定的時(shí)間內完成“速成”的計劃,想必也會(huì )嚇住對HTML超文本制作未入門(mén)的人,使其看著(zhù)那些亂七八糟的“洋代碼”望而卻步。
網(wǎng)絡(luò )論壇里的音畫(huà)貼,看上去很華麗,再配上優(yōu)美的音樂(lè )和煽情的文字,令觀(guān)眾和讀者耳目一新,甚至為之有所感觸。其實(shí),這不過(guò)是音畫(huà)貼作為一種稍具藝術(shù)性的表現方式,充分利用了人的視覺(jué)、聽(tīng)覺(jué)感知的同時(shí),激發(fā)其自我想象力,以達到魅惑人心的目的。師傅龍在田野曾告訴俺:“音畫(huà)貼不過(guò)是網(wǎng)上的閑情男人用來(lái)泡妞的一種庸俗老套的把戲”,這句話(huà)雖然有點(diǎn)偏激,但還是有一定道理的。有五年以上網(wǎng)絡(luò )經(jīng)歷的人,大概都記得上個(gè)世紀八九十年代,剛有了OICQ和EMaill的那些年,網(wǎng)絡(luò )上到處充斥著(zhù)各式各樣的賀卡,逢年過(guò)節、網(wǎng)友生日,一張制作精美的虛擬卡片,被你發(fā)給他,又被他轉發(fā)給她。最后因為過(guò)于泛濫,其中的情色內容和形式成為污染網(wǎng)絡(luò )環(huán)境的公害,大量無(wú)效重復的信息成為消耗網(wǎng)絡(luò )資源的垃圾。
構成音畫(huà)貼內容的三大要素是圖片、文字和音樂(lè ),這些也應該是真正體現音畫(huà)貼創(chuàng )作者聰明才智的要素,而制作頁(yè)面的技巧,作為實(shí)現三大要素可視、可聽(tīng)、可讀的形式,倒是應該位居第四。如果從這個(gè)意義上來(lái)說(shuō),你只要學(xué)會(huì )了在網(wǎng)絡(luò )上顯示圖片、排版文字,播放音樂(lè ),就意味著(zhù)已經(jīng)掌握了制作音畫(huà)貼的實(shí)質(zhì)性技術(shù)。
如何讓文字樣式各異,大小隨意? 語(yǔ)法:<FONT face="字體" size="字號" color="顏色">被自定義字體樣式、大小和特定顏色的文字</FONT>
<FONT></FONT>標識符用來(lái)定義文字的樣式、文字的大小和顏色,該標識必須成對使用。如果只有定義而沒(méi)有結束定義,將導致定義之后的所有文字繼承被自定義的特性。
<FONT>標識有三個(gè)基本屬性:
face="字體" 該屬性用來(lái)定義文字的字體樣式,字體名稱(chēng)必須是服務(wù)器上的操作系統可識別的。一般操作系統可識別的字體名稱(chēng)是黑體、宋體,仿宋_GB_2312,楷體_GB2312和隸書(shū),默認字體是漢字為“宋體”。英文字母為“Arial”。假如設置face="華文彩云",必須要保證西陸論壇的Web服務(wù)器的系統里有這個(gè)字體,否則這個(gè)定義就是無(wú)效的,文字將被以系統默認的字體(宋體)顯示出來(lái)。
size="字號" 該屬性用來(lái)定義文字的字號大小,計算機上可顯示的中文字大小有三種標準,一種是西方人的標準“磅”,一種是與操作系統和顯示其分辨率無(wú)關(guān)的“像素”,還有一種就是中國人的標準“號”。習慣上采用中國標準,用0-9這十個(gè)數字代表字號,“0”號字最大,依次減縮,“9”號字最小。但是西陸論壇的文字編輯器并不采用這個(gè)標準,在西陸論壇里發(fā)貼,采用“增強模式”編輯文字,允許設置文字大小,但只提供了1-7這七個(gè)數字,而且是數字越大字號越大。
color="顏色" 該屬性用來(lái)定義文字的顯示顏色。顏色代碼與設置網(wǎng)頁(yè)背景和表格背景的代碼一樣。
color=Red,color=#ffff00,color=RGB(0,255,255),這三種設置方法都是合法的。
現在的網(wǎng)頁(yè)制作技術(shù)和規范日益國際標準化,幾乎所有的網(wǎng)站都開(kāi)始使用CSS樣式標準,制作網(wǎng)頁(yè)的人最深切的體驗便是,在自己的電腦上設置好的字體樣式和大小,將網(wǎng)頁(yè)上傳到網(wǎng)絡(luò )上瀏覽時(shí)居然面目全非,原來(lái)設置的字體樣式和大小全都變了樣子。這正是因為非標準化的設置被CSS樣式腳本所覆蓋的結果。
所以,學(xué)會(huì )用CSS樣式標準定義字體樣式和大小也很有必要
語(yǔ)法:style="font-family:方正琥珀;font-size:18px;font-color:#000000">
設置網(wǎng)頁(yè)字體的CSS樣式標識也有三個(gè)基本屬性,style=""這是基本語(yǔ)法。在""里面設置屬性的語(yǔ)法是:
font-family:方正琥珀;
font-size:18px;
font-color:#000000;
每個(gè)屬性不用“=”賦值,而是用“:”賦值,屬性之間不用空格間隔,而是用“;”間隔或結束。其中的“size:18px”表示文字的尺寸是18像素(利用像素控制文字的大小,可以在屏幕上顯示非常大的文字,比如:size:180px),如果寫(xiě)成“size:18p”,則表示文字的大小是18磅。
定義文字的CSS樣式標識,只能寫(xiě)入<BODY>、<TD>、<P>和<FONT>等標識符,作為其屬性使用,而不能單獨使用定義文字樣式:
例如:
<BODY style="font-family:方正琥珀;font-size:18px;font-color:#000000;">
<TD style="font-family:方正琥珀;font-size:18px;font-color:#000000;">
<P style="font-family:方正琥珀;font-size:18px;font-color:#000000;">
<FONT style="font-family:方正琥珀;font-size:18px;font-color:#000000;">
以上四個(gè)定義,都是合法的。
定義文字的CSS樣式標識,還可以在文字定義標識中與其它屬性混合使用。
例如:<FONT face="楷體_BG2312" style="font-size:18px;" color=#000000>這個(gè)定義也是合法的。
附加:音畫(huà)貼里的文字排版的問(wèn)題。
音畫(huà)貼里文字主要有兩種排版形式,一種是詩(shī)歌,還有一種是短文。無(wú)論哪種排版形式,都需要劃分段落、換行和低格縮進(jìn)。
<P></P>這一對標識符,用來(lái)劃分文章或詩(shī)歌的段落。語(yǔ)法:<P>一段文字</P>。在分段標識符里可以設置段落文字的行距,是得整篇文字顯得更美觀(guān),不擁擠。語(yǔ)法:<P line-height:150%一段文字</P>,“150%”表示文字的行距相當于文字行高度的一倍半。
<BR>這是一個(gè)單獨使用的標識符,用來(lái)將文字換行。用法:只需要在一行文字的最后寫(xiě)一個(gè)<BR>。<BR>還能多次連續換行,寫(xiě)幾個(gè)<br>就換幾行,有時(shí)候可以用<BR><BR>代替<P>劃分文章的段落。
這也是一個(gè)單獨使用的特殊標識符,它代表一個(gè)字節的空格,因為一個(gè)漢字等于兩個(gè)字節,文章段落中需要首行縮進(jìn)兩個(gè)漢字是,可使用連續的四個(gè)“ ”。
如何在網(wǎng)頁(yè)中播放音樂(lè )? 語(yǔ)法:<EMBED src="音樂(lè )文件的地址" type="audio/mpeg" autostart="1" showstatusbar="0" loop="true"></EMBED>
<EMBED></EMBED>這一對標識符,用來(lái)在網(wǎng)頁(yè)上播放音樂(lè )或Flash動(dòng)畫(huà)。但是播放那個(gè)音樂(lè )和播放動(dòng)畫(huà)使用的屬性是不同的。
播放音樂(lè )的<EMBED>標識符無(wú)需先用<OBJECT>控制,就可在網(wǎng)頁(yè)里使用。事實(shí)上可將該標識符看作是一個(gè)媒體播放器,它的基本屬性如下:
src="音樂(lè )文件的地址"
用src屬性設定音樂(lè )文件在網(wǎng)絡(luò )上所在的真實(shí)地址(URL),一般是“域名+目錄文件夾名稱(chēng)+文件名”,引用地址的原則和方法與顯示圖片的語(yǔ)法是一樣的。例如:
http://jiangwenjun.vicp.net/mymusic/qqlove.mp3。其中“
http://jiangwenjun.vicp.net”是域名地址,“mymusic”
是服務(wù)器域名下的文件夾名稱(chēng),“qqlove.mp3”是音樂(lè )文件的名稱(chēng),從該文件名的后綴看出,音樂(lè )文件的格式是mp3。
網(wǎng)絡(luò )上的音樂(lè )文件有很多格式,常見(jiàn)的格式是:mp3、wav、wma、mid和rm,文件名的后綴就表示該文件的格式。Flash動(dòng)畫(huà)的格式是swf。
type="audio/mpeg"
該屬性用來(lái)申明播放器的類(lèi)型和播放模式,如果未申明播放器的類(lèi)型,瀏覽器默認用“Microsoft Windows media player”播放音樂(lè )
其中的“audio/mpeg”表示,可支持播放的模式是“聲音/視頻流”。
autostart="1"
該屬性用來(lái)設置播放器是否自動(dòng)加載媒體文件,并自動(dòng)開(kāi)始播放。autostart="1" 表示自動(dòng)開(kāi)始,autostart="0"表示不自動(dòng)開(kāi)始(需要手動(dòng)操作才能播放,這需要用鼠標去點(diǎn)擊媒體播放器面板上的播放按鈕)autostart="1" 和autostart="true"是等價(jià)的。
showstatusbar="0"
該屬性用來(lái)設置是否顯示播放器的操作工具欄或按鈕面板。showstatusbar="0" 表示不顯示,showstatusbar="1" 表示顯示。
loop="true"
該屬性用來(lái)設置是否自動(dòng)循環(huán)播放,loop="true"表示允許自動(dòng)循環(huán)播放,loop="false"表示不允許自動(dòng)循環(huán)播放(只播放一遍就停止)。true和false是瀏覽器支持的VB/VBS腳本語(yǔ)言的兩個(gè)邏輯值“真”和“假”,邏輯值為“真”時(shí),循環(huán)成立。
hidden="true"
該屬性用來(lái)設置播放器在網(wǎng)頁(yè)上(帖子里)是否可見(jiàn),hidden="true"表示隱藏播放器,不使用該屬性時(shí),默認顯示播放器。
有時(shí)候使用該屬性無(wú)法隱藏掉播放器,是因為瀏覽器的安全設置限制了VB腳本的有效性??梢栽?lt;EMBED>標識符里使用設置播放器顯示區域尺寸的方法隱藏掉播放器。如:width=0 height=0
隱藏播放器,播放背景音樂(lè )的實(shí)例:
<EMBED src="音樂(lè )文件的地址" width=0 height=0 type="audio/mpeg" autostart="1" showstatusbar="0" loop="true"></EMBED>