音畫貼,顧名思義就是有圖片和音樂的BBS帖子。當(dāng)然有些音畫貼里還可以顯示Falsh動畫和動態(tài)樣式文字。因為Falsh動畫種往往已經(jīng)包含了畫面配音(音樂或歌曲),所以,如果在帖子里引用顯示falsh動畫,則無需在帖子里另外包含音樂或歌曲文件了。
音畫貼的基本要素是圖片、音樂和文字,其中,除了文字,圖片和音樂這兩個要素一般都是以文件的形式存在的。所以在制作音畫貼的時候,只需要在特定的顯示位置引用圖片或音樂文件的地址(URL)及文件名就行了。文字可以在利用圖像文件編輯器加工處理圖片時疊加到圖片上,使圖片變成有文字的圖片;而不需要放到圖片里的文字,則可以直接寫在帖子里。
在BBS上發(fā)表自己手工制作的音畫貼,必須要用HTML源代碼的編輯狀態(tài)和提交方式來實現(xiàn),如果BBS沒有提供使用HTML源代碼編輯和提交帖子的功能,則無法發(fā)表手工制作的音畫貼。
西陸網(wǎng)站的所有論壇都支持HTML源代碼編輯和提交帖子,還有現(xiàn)在流行的大多數(shù)動網(wǎng)論壇也支持HTML源代碼編輯帖子,所以,學(xué)會手工制作音畫貼,一般情況下可以在網(wǎng)絡(luò)上絕大多數(shù)的論壇里發(fā)表自己的音畫貼作品。當(dāng)然,也可以制作出樣式各異的圖文網(wǎng)頁。
『每一課程兩題』
第一題、如何讓帖子內(nèi)容在網(wǎng)頁里居中顯示?
<DIV align=center><CENTER>要顯示的圖片或文字</CENTER></DIV>
<DIV>名叫“定位標(biāo)識符”,它有一個屬性叫align,將這個屬性設(shè)置成center或者middle,被標(biāo)識的網(wǎng)頁就會顯示在瀏覽器的中間(即左右居中顯示)位置。</DIV>表示被控制居中顯示的效果到此結(jié)束。也就是說<DIV align=center>表示開始居中顯示,而</DIV>表示結(jié)束居中顯示。
語法實例:<DIV align=center>要居中顯示的圖片或文字</DIV>
<CENTER>名叫“居中控制標(biāo)識符”,它沒有屬性,默認(rèn)將被標(biāo)識的網(wǎng)頁要素顯示在頁面的中間(即左右居中顯示)位置。</CENTER>表示被控制居中顯示的效果到此結(jié)束。也就是說<CENTER>表示開始居中顯示,而</CENTER>表示結(jié)束居中顯示。
語法實例:<CENTER>要居中顯示的圖片或文字</CENTER>
備注:
<DIV>和<CENTER>都是HTML標(biāo)識語言(用來制作網(wǎng)頁的一種明文語言代碼)的基本標(biāo)識符,使用的基本原則如下:
1、不區(qū)分大小寫,大寫與小寫是等價的。<DIV>等同于<div>。
2、必須成對使用,既要標(biāo)識顯示效果開始,也要標(biāo)識顯示效果結(jié)束。被標(biāo)識的要素,放在開始和結(jié)束之間。<DIV align=center>要居中顯示的圖片或文字</DIV>
3、不同的標(biāo)識符可以嵌套使用,但不能相互騎跨。<div><center></center></div>是正確的,而<div><center></div></center>是錯誤的。錯誤的標(biāo)識,會加倍消耗內(nèi)存資源,影響網(wǎng)頁顯示或刷新的速度。
第二題、如何在帖子里顯示圖片?
<IMG src=URL>
<IMG>名叫“圖片標(biāo)識符”,是專門用來在網(wǎng)頁里顯示圖片的標(biāo)識符。它最重要的一個屬性是src,應(yīng)該給這個屬性設(shè)置圖片的位置,“URL”表示一個有效的包含文件名的網(wǎng)絡(luò)地址,也就是圖片文件在網(wǎng)絡(luò)上所在的位置。
例如:http://image2.sina.com.cn/sms/sinapic/27124406-index.gif,這是新浪網(wǎng)首頁上的一張圖片的URL,這個圖片的文件名是“27124406-index.gif”。如果你想在帖子里顯示這個圖片。
語法實例:<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
<IMG>這個標(biāo)識符還有若干個屬性,不同的屬性用來修飾和控制圖片顯示的效果,最常用的典型屬性是:
border=n (n代表任意一個數(shù)值)
該屬性用來給圖片設(shè)置顯示邊框,border=0表示圖片無邊框顯示。n的數(shù)值大小決定圖片顯示時邊框的寬度。
如:<IMG border=2 src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
width=n(n代表任意一個數(shù)值,最大值不應(yīng)超過顯示器當(dāng)前分辨率的最大象素)
該屬性用來給圖片設(shè)置控制顯示的寬度,width=500表示圖片顯示的寬度為500象素。
如:<IMG width=100 src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
備注:
1、一個有效的URL應(yīng)該包括正確的網(wǎng)絡(luò)地址(位置)和圖片文件名。如果用正確的標(biāo)識個語法,在網(wǎng)頁上顯示出來的卻是一個小叉叉(俗稱膠布),說明src屬性的URL不是有效的。
2、標(biāo)識的屬性應(yīng)該寫在開始標(biāo)識符的尖括弧,若有多個屬性,可以連續(xù)寫入,但屬性與屬性之間,應(yīng)該用空格來間隔。如:<IMG src=URL border=0 width=300>
3、URL指向的圖片位置必須是網(wǎng)絡(luò)上的,所以加工之后的圖片必須首先上傳到網(wǎng)上才能引用。“src=d:/myimage/123456.gif”這個地址肯定是錯誤的,因為你的電腦的D盤,在網(wǎng)上是無法共享的,如果圖片還在你的電腦硬盤里,指向你電腦磁盤的URL就是無效的。
總結(jié):
在帖子里發(fā)一張圖片,并且讓圖片顯示在網(wǎng)頁居中的位置。
源代碼如下:
<DIV align=center><CENTER>
<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
</CENTER>
</DIV>