好多朋友想學(xué)HTML制帖,但對(duì)代碼不熟悉,,特精選一組代碼,只要相應(yīng)修改圖片,、文字資料,、音樂(lè)地址,馬上可以做出個(gè)性的音畫(huà)帖,。
代碼如下: <table align=center width=90% border=5 bordercolor=邊框顏色(如:#000000) background=背景圖片地址><tr><td> <center><img src="頭圖圖片地址"></center> </td></tr><tr><td> <font color=#990066>內(nèi)容</font> </td></tr><tr><td> <center><EMBED style="FILTER: xray()" src="音樂(lè)地址" width=300 height=50 ShowStatusBar="1" type=audio/mpeg volume="0" autostart="true" loop="-1"></center> <center><A href="可供下載的音樂(lè)地址(同上)" target=_blank><FONT size=4 color=#8484ff>DOWNLOAD</FONT></A></center> </td></tr></table> 1:邊框顏色,,按照你的頭圖圖片的顏色搭配和諧的邊框顏色,。 2:背景圖片,就是內(nèi)容處的背景圖片,,最好使用無(wú)縫的壁紙,。 3:頭圖圖片,給文字加上配圖效果吧,,使文字更加得生動(dòng),。 4:內(nèi)容,關(guān)閉顯示原代碼,,在文字框中直接寫(xiě)上你要的文字,。 5:音樂(lè)地址,這里指的是播放音樂(lè)的地址,。 6:供下載音樂(lè)地址,,好聽(tīng)的音樂(lè)當(dāng)然大家分享,給的下載地址叫大家下載吧,,地址同上 (1)全屏代碼: <TABLE style="LEFT: -125px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=10 width="100%"> <TBODY> <TR> (2)加圖片代碼:(下面是1張圖代碼,,有5張圖就復(fù)制5份代碼) <P align=left><IMG alt="" src="這里加圖片地址" </A></P> (3)給作品加背景音樂(lè)代碼
————————————————————————————————————————————————————
音畫(huà)帖制作概述:(適用于有一定PS制圖基礎(chǔ)的朋友)
顧名思義就是以音樂(lè)和圖畫(huà)來(lái)表達(dá)意境的帖子。根據(jù)主題需要表達(dá)的意思,,可以在帖子中配一定的FLASH動(dòng)畫(huà)及適量的文字內(nèi)容,,用于襯托主題帖,使其錦上添花更加完美,。 一,、音畫(huà)帖主題的確定: 1、音畫(huà)帖的主題多種多樣,,多是根據(jù)自己的嗜好和當(dāng)時(shí)的需求來(lái)決定的,。常規(guī)的音畫(huà)帖多以生日祝福帖、節(jié)日喜慶帖,、影視創(chuàng)意帖,、人物留念帖等作為主題的。 2,、根據(jù)自己所需確定主題內(nèi)容,,這樣就可以在主題思路下進(jìn)行下一步的素材收集了,切記主題一定要明確簡(jiǎn)明,。 二,、素材的收集: 1、常規(guī)下素材的收集分為主題素材,、背景素材,、前景素材、FLASH素材,、音樂(lè)素材等,。 2,、主題素材是制作音畫(huà)帖的關(guān)鍵所在,此帖的成敗與否多半在于此,,主題素材多以生動(dòng)的人物、花卉為主,,再配以醒目色調(diào)使帖子活靈活現(xiàn),。 3、其次是背景素材的收集,,背景素材要根據(jù)主題素材來(lái)確定,,關(guān)鍵一點(diǎn)要與主題素材能夠完美結(jié)合為好,可以是單個(gè)圖片,,也可以多個(gè)圖片合成背景,,在此建議以多個(gè)背景圖合成背景為上,這樣及避免了與其它作品的重復(fù)又豐富了背景內(nèi)容,。其中色彩,、景色一定要和主題匹配,這樣你的作品基本算是完成了一半,。 4,、前景素材,多以花卉,、枝葉,、形狀、文字內(nèi)容等為主,,主要起到畫(huà)龍點(diǎn)睛的作用,。 5、FLASH素材,,此素材一定要與帖子所要表達(dá)的內(nèi)容相符,,在單帖使用中盡量不要超過(guò)2個(gè),所占版面也不要過(guò)大,,以點(diǎn)綴為主,,不然將會(huì)適得其反。 6,、音樂(lè)素材是帖子完成后最為關(guān)鍵的一步,,其份量在音畫(huà)帖中占到一半的比例。再好的圖片制作沒(méi)有相應(yīng)的音樂(lè)來(lái)匹配,,充其量只能算是個(gè)好圖而已,,要想完全表達(dá)音畫(huà)的意境必須要有好的音樂(lè)的襯托。 三,、PS圖片的制作: 1,、在完成各素材的收集后,,可進(jìn)行音畫(huà)圖的制作了。在這要說(shuō)明一點(diǎn),,PS圖片的制作要有一定的基礎(chǔ),,初學(xué)者一定要了解PS軟件中各工具的位置及常規(guī)的使用方法,這樣才能在以后的圖片制作中得心應(yīng)手,。 2,、新建文件圖層,常規(guī)有(寬×高)1024×768,,1000×650,,1024×N,1000×N等,,寬度一般根據(jù)自己顯示器來(lái)設(shè)置即可,,高度就要根據(jù)你所作圖片的內(nèi)容自己確定了,在此就不多言,。 3,、確定好了圖片尺寸,那么即開(kāi)始進(jìn)行背景層的制作了,,在制作圖的過(guò)程中最為重要的一步就是“復(fù)制圖層”,,再者就是制作過(guò)程中進(jìn)行PSD文件的保存,這樣可以幫助你對(duì)所有圖層的恢復(fù),,及有效的防止制作中意外丟失文件,。也就是說(shuō)在對(duì)每一張圖片處理以前一定要先對(duì)其進(jìn)行圖層復(fù)制,而后原圖層不動(dòng)只對(duì)復(fù)制后圖層進(jìn)行處理,。 4,、主題圖、背景圖,、前景圖之間的關(guān)系:從清晰度來(lái)說(shuō),,主題圖清晰度最好,背景圖可適當(dāng)模糊一下,,用以把主題圖凸顯,,而前景圖只作為整張圖的襯托之用,切記不要過(guò)多,。從所占比例來(lái)講,,根據(jù)不同帖子主題圖所占比例有所不同,這就不一一闡述了,。 5,、音畫(huà)圖在制作手法上,由于每個(gè)人接觸PS深度不同,,所用方法也不一樣,,但不外乎這么幾點(diǎn)(背景圖合成構(gòu)思,,主題圖摳圖、羽化,、調(diào)色,、擺放,各圖層調(diào)整,、圖文排列,、主體文字設(shè)計(jì)等),這就要求我們多看,、多問(wèn)、多練習(xí),,只有見(jiàn)多才能識(shí)廣,,只有多練才能創(chuàng)新。 四,、PS圖片的切片與上傳: 1,、一張圖片制作完成一般要進(jìn)行網(wǎng)絡(luò)的上傳,由于各網(wǎng)站上傳空間有所限制,,一張完整的大圖是難以上傳到所要的地方,。PS的切片功能在此就幫助了我們,良好的切片可以使網(wǎng)絡(luò)運(yùn)轉(zhuǎn)速度正常,,較少了卡澀,。 五、FLASH的添加: 1,、FLASH帖子的代碼:<P align=center><EMBED style="LEFT: 600px; WIDTH: 350px; POSITION: absolute; TOP: 0px; HEIGHT: 250px" src=動(dòng)畫(huà)網(wǎng)址 width=1000 height=900 type=application/octet-stream wmode="transparent" quality="high"></EMBED></P> 2,、注:代碼中各數(shù)字是用于調(diào)整FLASH在帖子中的位置的,你可以在發(fā)表時(shí)對(duì)每個(gè)數(shù)字進(jìn)行修改來(lái)看看SLASH的變化,,從中細(xì)心領(lǐng)會(huì),,在此就不一一說(shuō)明了。 六,、音樂(lè)的添加: 1,、音樂(lè)帖子的代碼:<P align=center><EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showcontrols="1" showdisplay="0" filename="音樂(lè)網(wǎng)址" autoplay="false"></EMBED></P> 2、不管是FLASH還是音樂(lè),,一個(gè)網(wǎng)站其原代碼是不變得,,你所要得效果內(nèi)容等只是把其中的音樂(lè)地址更換一下即可完成。 七,、完整音帖畫(huà)代碼: 1,、顯示全屏代碼:現(xiàn)在的數(shù)字表示帖子在論壇中的實(shí)際位置,適用于1000×600的音畫(huà)單帖,。 <TABLE id=table1 style="MARGIN-TOP: 120px; LEFT: -220px; MARGIN-BOTTOM: 40px; WIDTH: 1000px; POSITION: relative; TOP: 40px" cellSpacing=0 cellPadding=0 width=1000 border=0> <TBODY> <TR> <TD> </TD></TR> <TR> <TD> 2,、顯示圖片代碼:這里要說(shuō)明的是,,你有幾個(gè)圖片就要幾個(gè)完整的圖片代碼就是了,但每個(gè)圖片的寬高尺寸一定要和實(shí)際相符,,這里的150表示高度,,1000表示寬度。 <TABLE height=150 cellSpacing=0 cellPadding=0 width=1000 background=圖片網(wǎng)址 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE height=150 cellSpacing=0 cellPadding=0 width=1000 background=圖片網(wǎng)址 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE height=150 cellSpacing=0 cellPadding=0 width=1000 background=圖片網(wǎng)址 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> <TABLE height=150 cellSpacing=0 cellPadding=0 width=1000 background=圖片網(wǎng)址 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE> 3,、FLASH代碼:前面已經(jīng)說(shuō)過(guò),,在此就不多言了。 <P align=center><EMBED style="LEFT: 600px; WIDTH: 350px; POSITION: absolute; TOP: 0px; HEIGHT: 250px" src=動(dòng)畫(huà)網(wǎng)址 width=1000 height=900 type=application/octet-stream wmode="transparent" quality="high"></EMBED></P> 4,、音樂(lè)代碼:前面已經(jīng)說(shuō)過(guò),,在此就不多言了。 <P align=center><EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showcontrols="1" showdisplay="0" filename="音樂(lè)網(wǎng)址" autoplay="false"></EMBED></P> 5,、這些就是代碼的后綴了,,使用時(shí)一定要完整,缺一不可,。 <BR></TD></TR></TBODY></TABLE><BR><BR><BR><BR>
—————————————————————————————————— 最近,,好多博友都問(wèn)音畫(huà)怎么作,這里我教大家制作一個(gè)簡(jiǎn)單的音畫(huà)過(guò)程,?!秷D片加上升文字》這里的文字你可以是詩(shī)句、日志內(nèi)容等等,。 首先要準(zhǔn)備好素材,。 我們先看下面的代碼,我按代碼里所要求的素材講,,這樣大家會(huì)看的清楚,。 <TABLE height=400 cellPadding=1 width=450 align=center background=圖片背景地址 order=3 table="0"> <TBODY> <TR> <TD> <MARQUEE style="WIDTH: 445px; HEIGHT: 120px" scrollAmount=1 direction=up height=120> <DIV align=center><FONT face=楷體_GB2312 color=#ff000 size=6><BR><BR><BR><BR><BR><BR><BR><BR><BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR></FONT></DIV></FONT></MARQUEE> <EMBED style="LEFT: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed> 從上面的代碼中我們可以看出,是有三部分代碼組成的,。 第一部分: <TABLE height=400 width=400 align=center background=背景圖片地址 border=0> <TBODY> <TR> <TD> <DIV align=right twffan="done"> <MARQUEE scrollAmount=1 scrollDelay=100 direction=down beha 第二部分: <MARQUEE style="WIDTH: 445px; HEIGHT: 120px" scrollAmount=1 direction=up height=120> <DIV align=center><FONT face=楷體_GB2312 color=#ff000 size=6><BR><BR><BR><BR><BR><BR><BR><BR><BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR></FONT></DIV></FONT></MARQUEE> 第三部分: <EMBED style="LEFT: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed> (這是一個(gè)隱藏播放器代碼) 看懂了嗎,?那我們就開(kāi)如準(zhǔn)備。 一,、準(zhǔn)備背景圖片 說(shuō)明:背景圖片最好是存在自己的相冊(cè)里,,那你要事先把圖片上傳到自己的相冊(cè)里待用。(傳圖片大家都會(huì)的,,這里就不講了,。)那第一部分代碼中的“背景圖片地址”怎么查找。 1,、在登陸狀態(tài)下→ 2,、點(diǎn)擊相冊(cè)→ 3、看到你選中的圖片雙擊→ 4、點(diǎn)擊右鍵→ 5,、點(diǎn)擊屬性 → 6,、把地址(URL)后面的地址復(fù)制,粘貼到第一部分代碼中的“背景圖片地址”,。 二,、準(zhǔn)備圖片上升的文字內(nèi)容,你自己選定,。但文字前后面〈BR〉是換行的意思,。你只要添加字體調(diào)整即可。 三,、準(zhǔn)備好一首MP3或wma格式的音樂(lè)或歌曲,。復(fù)制,粘貼到第三部分代碼中的“歌曲地址”,。 我這里準(zhǔn)備好三個(gè)部分的素材: 背景圖片地址: http://image20.360doc.com/DownloadImg/2010/12/1921/7795909_1.jpg 文字內(nèi)容: 太湖美呀太湖美,,美就美在太湖水水上有白帆哪啊,水下有紅菱哪啊,,水邊蘆葦青,水底魚(yú)蝦肥,,湖水織出灌溉網(wǎng),,稻香果香繞湖飛,哎咳唷,,太湖美呀太湖美,。太湖美呀太湖美,美就美在太湖水,,紅旗映綠波哪啊,,春風(fēng)湖面吹哪啊,水是豐收酒,,湖是碧玉杯,,盛出深情獻(xiàn)出愛(ài),捧給祖國(guó)報(bào)春暉,,哎咳唷,,太胡美呀太湖美。 歌曲地址: http://218.56.9.124/music/taihu.mp3
下面我們把這三部分添加到代碼中: <TABLE height=400 cellPadding=1 width=450 align=center background=http://image20.360doc.com/DownloadImg/2010/12/1921/7795909_1.jpg border=3 table="0"> <TBODY> <TR> <TD> <MARQUEE style="WIDTH: 445px; HEIGHT: 120px" scrollAmount=1 direction=up height=120> <DIV align=center><FONT face=楷體_GB2312 color=#ff000 size=6><BR><BR><BR><BR><BR><BR><BR>太湖美呀太湖美<BR>美就美在太湖水<BR>水上有白帆哪啊<BR>水下有紅菱哪啊<BR>水邊蘆葦青<BR>水底魚(yú)蝦肥<BR>湖水織出灌溉網(wǎng)<BR>稻香果香繞湖飛<BR>哎咳唷<BR>太湖美呀太湖美<BR>太湖美呀太湖美<BR>美就美在太湖水<BR>紅旗映綠波哪啊<BR>春風(fēng)湖面吹哪啊<BR>水是豐收酒<BR>湖是碧玉杯<BR>盛出深情獻(xiàn)出愛(ài)<BR>捧給祖國(guó)報(bào)春暉<BR>哎咳唷<BR>太胡美呀太湖美<BR></FONT></DIV></FONT></MARQUEE> <EMBED style="LEFT: 1px; HEIGHT: 0px" src=http://218.56.9.124/music/taihu.mp3 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed> 我們把三個(gè)部分都添好后把代碼粘貼到日志或自定義模塊.就會(huì)出現(xiàn)下面的效果了.
★ 置入博客首頁(yè)的方法: 1. 進(jìn)入快捷工具欄(博客首頁(yè)左上角)→ 2. 點(diǎn)裝扮博客工具欄→ 3. 點(diǎn)設(shè)置首頁(yè)內(nèi)容→ 4. 點(diǎn)添加自定義模塊→ 5. 復(fù)制上述語(yǔ)法後粘貼上→ 6. 點(diǎn)確定→ 7. 將模塊移到想要顯示的位置→ 8. 點(diǎn)保存修改(博客首頁(yè)右上角),,即可,。 ★ 置入日志的方法: 1. 進(jìn)入日志→ 2. 點(diǎn)寫(xiě)日志 → 3. 點(diǎn)日志編輯界面的<>按鈕→ 4. 復(fù)制上述語(yǔ)法後粘貼上→ 5. 再點(diǎn)<>按鈕→ 6. 編輯你的日志→ 7. 點(diǎn)發(fā)表日志,即可。
|
|
來(lái)自: 在水之末 > 《圖片音畫(huà)》