簡(jiǎn)單音畫帖子制作 2006-12-16 19:26
分類:博客教程字號(hào):
大大
中中 小
音畫帖子制作,常用的有三種方法:
1. 使用全代碼制作.
2. 使用一些軟件制作.(比如:FrontPage2003等)
3. 使用論壇的一些基本功能(主要是表格功能)制作.
這里是用在線編輯器來(lái)制作帖子.在線編輯器的地址:
http://www.gdcic.net/nds/deditor.html這網(wǎng)址可以加入網(wǎng)頁(yè)瀏覽器的收藏夾里保存好備用。
第一步: 熟 悉 設(shè) 置
要使用編輯器,就一定要先熟悉一些常用的設(shè)置:首先打開上述網(wǎng)址,出現(xiàn)一個(gè)編輯器頁(yè)面。看看下面有一組設(shè)
置, "普通"是設(shè)計(jì)狀態(tài), "預(yù)覽"是預(yù)覽狀態(tài), "HTML"是代碼狀態(tài).我們一般是
在"普通"設(shè)計(jì)狀態(tài)下編帖.
第二步: 編 輯 制 作
好了,準(zhǔn)備工作做好了,我們開始實(shí)際操作了:先點(diǎn)擊"普通"按鈕,進(jìn)入編輯區(qū),注意,你現(xiàn)在就進(jìn)入
了"普通"設(shè)計(jì)狀態(tài)了。
(一) 加 邊 框
1. 點(diǎn)擊
插入表格按鈕,彈出一個(gè)對(duì)話框,點(diǎn)確定,就出現(xiàn)這樣的一層 邊框:
2. 因?yàn)槭嵌鄬舆吙?,所以,我們?cè)購(gòu)?fù)制幾層這樣的邊框:
鼠標(biāo)放在這個(gè)邊框的邊緣處,(出現(xiàn)一個(gè)十字標(biāo)記),右擊--復(fù)制,然后
在邊框外空的地方點(diǎn)一下,再把鼠標(biāo)放進(jìn)表
格內(nèi)最*左邊的位置,(鼠標(biāo)進(jìn)去后,可以用退格鍵試試,把多余的空格退掉,免得邊框內(nèi)有空格,邊框會(huì)變高。)
右擊---粘貼,就出現(xiàn)雙層邊框。重復(fù)這樣的操作,做成一個(gè)七層邊框如下:
(二) 加 背 景 圖 片
剛才的邊框設(shè)計(jì)是在"普通"狀態(tài)下進(jìn)行的,現(xiàn)在的背景圖片是要在“HTML”代
碼狀態(tài)下進(jìn)行.
1. 點(diǎn)擊下面的"HTML"按鈕,進(jìn)入代碼狀態(tài),出現(xiàn)的是這樣的一段代碼:
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>
2. 在這里,我們可以知道一些簡(jiǎn)單的代碼知識(shí):
邊框的顏色----borderColor=#cccccc
單元間距----cellSpacing=2
單元邊距----cellPadding=3
表格寬度----width="100%"
背景顏色----bgColor=#ffffff
邊框粗細(xì)----border=1
3. 我們先要設(shè)置的是背景圖片,所以,我們把原來(lái)代碼里第一組中的"bgColor=#ffffff "刪去,改為"background=
圖片地址".記得這地址后面要留有一個(gè)空格,否則圖片將無(wú)法顯示.
這里的"background"就是背景圖片地址的意思,后面的
圖片地址,就是 我要加的最外層的背景圖片地址.
(背景圖片1)
4. 接下來(lái),把代碼里第二組中的""bgColor=#ffffff "刪去,改為"background=
圖片地址".
這是加上第二層邊框的背景圖片:
(背景圖片2)
5. 以同樣的方法加上其他幾層邊框的背景圖片:
(3)
(4)
(5)
(6)
(7)
6. 好了,背景圖片設(shè)置好了,接下來(lái)就是設(shè)置邊框的大小了.如果你剛才介紹的幾個(gè)代碼熟悉的話,可以在代碼狀
態(tài)里把這些數(shù)字按照你自己的意思稍作修改就行.如果覺(jué)得不是很清楚的話,我們就回到"Design"設(shè)計(jì)狀態(tài)里去修
改.
7. 點(diǎn)擊Design,選中最外層的邊框,(鼠標(biāo)放在這一層邊框的邊緣部分,點(diǎn)擊左鍵),邊框外就出現(xiàn)九個(gè)小方塊,然后
點(diǎn)擊按鈕,彈出一個(gè)表格設(shè)置的對(duì)話框,我們把它設(shè)置為:"邊框粗細(xì)=0","單元間距=30","單元邊距=30","對(duì)齊方式
=默認(rèn)",然后點(diǎn)確定.同樣的方法選中第二層邊框,設(shè)置這一層的邊框?yàn)?"邊框粗細(xì)=0","單元間距=8","單元邊距
=8","對(duì)齊方式=右對(duì)齊",然后點(diǎn)確定.
第三層邊框的設(shè)置為:"邊框粗細(xì)=0","單元間距=10","單元邊距=10","對(duì)齊方式=右對(duì)齊","背景顏色=黑色",然后
點(diǎn)確定.
第四層邊框的設(shè)置為:"邊框粗細(xì)=0","單元間距=2","單元邊距=2","對(duì)齊方式=右對(duì)齊",然后點(diǎn)確定.
第五層邊框的設(shè)置為:"邊框粗細(xì)=0","單元間距=8","單元邊距=8","對(duì)齊方式=右對(duì)齊",然后點(diǎn)確定.
第六層邊框的設(shè)置為:"邊框粗細(xì)=0","單元間距=2","單元邊距=2","對(duì)齊方式=右對(duì)齊",然后點(diǎn)確定.
第七層邊框的設(shè)置為:"邊框粗細(xì)=0","單元間距=2","單元邊距=2","對(duì)齊方式=右對(duì)齊",然后點(diǎn)確定.
好了,邊框的設(shè)置到此結(jié)束.我們現(xiàn)在見(jiàn)到的,就是下面這樣一個(gè)多層邊
框(如果不滿意它的寬度的話,可以按照自己的意思再選中邊框
修改):
(三) 加 圖 文 內(nèi) 容
漂亮的外框做好了(如果你想速成的話,可以直接借用別人的整套邊框 素材,這樣可以省卻上面幾步操作;但如
果你想自己創(chuàng)作,自己來(lái)制作邊框的話,就必須得這樣一步步去完成)。下面就簡(jiǎn)單了,我們只要把自己準(zhǔn)備原
始資料復(fù)制進(jìn)去就可以了。如果文字和里面的圖片大小不合適的話,你都可以選中之后,再進(jìn)行文字和圖片的編
輯。
(另:如果引用圖片時(shí)留下藍(lán)色線條的話,可以選中圖片,點(diǎn)擊
去掉
超級(jí)鏈接,就能把這藍(lán)色線條去掉)
制作加背景及邊框
的音樂(lè)圖文帖
正文
正文
沉默是金歡迎您
對(duì)了,可別忘了給帖子配上一段合適的曲子哦~~~
方法:在帖子代碼最后加上一段:
<EMBED src=音樂(lè)屬性地址 width=0 height=0 type="audio/x-pn-realaudio-
plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">
最后一步:如果你不是很放心的話,可以先點(diǎn)"預(yù)覽"先看看效果。滿意了再將代碼全部復(fù)制后,進(jìn)到你的博客帖子編輯器里,點(diǎn)一下下面的“代碼”字樣,進(jìn)入代碼區(qū),粘貼好后,再點(diǎn)一下下面的“代碼”字樣,就回到了“設(shè)計(jì)”狀態(tài)。如果是“網(wǎng)易博客”的編輯器,就再點(diǎn)左上方“切換到預(yù)覽狀態(tài)”就可以觀看你的帖子效果了。
如果行了,點(diǎn)“切換到編輯狀”返回編輯,填上“文章標(biāo)題”、“標(biāo)簽”、“類別”。點(diǎn)開左下方的“摘要”字樣,填上帖子摘要。好了,一切就緒。點(diǎn)擊左下方“發(fā)表日志”就OK了。如果,系統(tǒng)彈出對(duì)話說(shuō)過(guò)濾了有害代碼,請(qǐng)修改后再發(fā),這時(shí)你再點(diǎn)擊一次“發(fā)表日志”就行了。