親愛的LOVE3同學(xué)：鑒于您多次詢問如夢發(fā)的帖是如何制作的再弄個簡單的教程，現(xiàn)在用最簡單，最通俗的口語化語言，手把手教小天使如何使用HTML代碼發(fā)簡單的貼以及音樂圖片制作知識。當(dāng)然，電腦的知識是無止境的，我也不是高手，也和大家一樣有太多需要學(xué)習(xí)的東西，我僅僅是將我所知道的，我所會的全部知識毫無保留的和大家分享。同時也期盼眾桐油們能夠提供其它更好的發(fā)漂亮音畫帖的方法，以便加以改進(jìn)。
要發(fā)HTML貼，必備是音樂 圖片（音樂圖片平時都會找吧，百度呀嘿嘿我常用的，下面還推薦了一些網(wǎng)站）：
百度：http://image.baidu.com/
搜搜圖片：http://image.soso.com/
圖片大寶庫：http://www.dabaoku.net/
景象圖片：http://www.viewstock.com/WelCome/WelcomePage.aspx
千龍圖片：http://photo.qianlong.com/
Google 圖片：http://images.google.com/
CCN 圖片：http://www.ccnpic.com/
還有好多可以幫你找圖片的網(wǎng)站，在這里我就不一一列出來了。我每次發(fā)帖都會在百度上搜索相關(guān)的圖片，然后再保存至本地電腦，再上傳到SOGUA網(wǎng)站的個人相冊（空間無限），可能有很多人也使用51，你也可以上網(wǎng)到那里不過要記得不要留51的水印，因為桐網(wǎng)的水印太丑
，如果漂亮些，這部分的工作可以省略……
記得要發(fā)HTML貼的時候，必須首先要點代碼狀態(tài)下粘貼上代碼（如下圖）：
現(xiàn)在開始學(xué)習(xí)發(fā)帖了哦（
不準(zhǔn)打瞌睡更不準(zhǔn)嫌煩啦，你要知道我發(fā)這帖更煩啦）
第一步：點發(fā)表新帖（跟我們平時發(fā)帖一樣）然后找到下面的表格圖標(biāo)（在第三排第五個就是），點擊如下圖，選1乘1表格
第二步：選完1乘1表格后，會看到一個長框框，用鼠標(biāo)選定框框，然后拖動如下圖大�。ù笮‰S便你，自己喜歡多大就多大）
第三步：點代碼（看到?jīng)]，現(xiàn)在這個表格在“設(shè)計”里面對吧，點它鄰居代碼，還不知道在哪？？看我上面發(fā)的第一張圖，謝謝呀）
這時你會看到以下內(nèi)容：（千萬別暈，是不是有點看不懂？沒關(guān)系哦，我第一次看頭也暈，有點耐心哦，謝謝啦）
<table style="WIDTH: 43.4%; HEIGHT: 196px" cellSpacing=0 cellPadding=0 border=1>
<tbody>
<tr>
<td> </td></tr></tbody></table>
先來解釋下里面的一些東東的意思哦（里面紅色的0、0、1是可以隨便更改的）
WIDTH: 43.4%; HEIGHT: 196px：表格大小
cellSpacing：邊框與內(nèi)置邊框的寬度
cellpadding：文本與表框的距離用，值越大，表示輸入的文字離邊框越遠(yuǎn)
border：邊框大小，值越大，表示邊框越寬（或叫厚）
了解大概的意思就好了，不用背這些哦，我一會會再給一些相應(yīng)用語解釋
繼續(xù)
框框的雛形已經(jīng)出來，現(xiàn)在我們就簡單學(xué)習(xí)一下如何在里面加背景顏色（黑色）和邊框的顏色（橙色）先加背景吧，在上面代碼的基本上加入
<table style="WIDTH: 43.4%; HEIGHT: 196px" cellSpacing=3 cellPadding=2 bgColor=#000000 border=4>
<tbody>
<tr>
<td></td></tr></tbody></table>
bgColor=#000000（6個零就是黑顏色的代碼）“bgColor”就是指背景顏色（很簡單吧，就是在代碼里面將背景顏色等于黑色就行了）這時你再點設(shè)計查看，是不是剛剛的表格變成了下面的這樣（如果你看到你的表格也變成下面的這樣說明已成功一半了曬
）
再繼續(xù)
第四步：改邊框的顏色（需再回到代碼狀態(tài)呀）在第三步代碼的基本上加入borderColor=#ff9900其中borderColor就是指邊框顏色，后面的#ff9900是橙色的代碼
<table style="WIDTH: 43.4%; HEIGHT: 196px" borderColor=#ff9900 cellSpacing=3 cellPadding=2 bgColor=#000000 border=4>
<tbody>
<tr>
<td></td></tr></tbody></table>
加完borderColor邊框顏色之后你再點下設(shè)計，看看你的表格框框有沒有變成下面的這樣（如果還沒弄成這樣，啪啪……打）
第五步：插入圖片（如果上面都完成了，說明你跟成功就差四分之一啦哈再堅持一會哦）我找了張圖片對著圖點右鍵，點復(fù)制，然后鼠標(biāo)回到框內(nèi)，點粘貼，如果想讓圖片居中、居左或居右顯示就點上面第一排第幾個（自己數(shù)先，你平時發(fā)帖怎么將文字居中的曬，因這現(xiàn)在的框框小，根本看不出是居中還是居左或居右）
第五步：加入文字或音樂（像平時一樣添加就好啦）
love3以及看了本帖的桐油們注意啦，現(xiàn)在布置作業(yè)啦：按上面的五步發(fā)個有邊框、背景顏色、圖片、音樂的帖子，只要不是用代碼直接發(fā)的，每人獎勵桐幣500
（不給我錢還要倒貼555555555……）
順便提供一下簡單視頻
［此帖子已被 Θ傲氣dё如夢 在 2008-3-14 21:37:34 編輯過］
Html是英文 Hyper Text Markup Language 的縮寫，中文意思是“超文本標(biāo)志語言”，用它編寫的文件(文檔)的擴(kuò)展名是.html或.htm，它們是可供瀏覽器解釋瀏覽的文件格式。您可以使用記事本、寫字板或 FrontPage Editor 等編輯工具來編寫Html文件。Html語言使用標(biāo)志對的方法編寫文件.
1.<*p>.....<*/p>
<*p>標(biāo)志對是用來創(chuàng)建一個段落，在此標(biāo)志對之間
加入的文本 將按照段落的格式顯示在瀏覽器上。
另外， <*p>標(biāo)志還可以使用align屬性， 它用來說明對齊方式，語法是：<*p align=""><*/p>。 align可以是Left(左對齊)、 Center(居中)和Right(右對 齊)三個值中的任何一個。如<p align="Center"> <*/p>表示標(biāo)志對中的文本使用居中的對齊方式。align 表示位置
2.<*br>是一個很簡單的標(biāo)志，它沒有結(jié)束標(biāo)志，因為它用來創(chuàng)建一個回車換行，
3.<*table>表格(為了大家能夠更好的理解以下我會使用非標(biāo)準(zhǔn)語言解釋)<*table>表格(我們可以把他理解為桌面或一個工作面)<*table>開始，<*/table>結(jié)束
4. <*tr>說明表的一個行，表有多少行就有多少個<*tr>(簡單理解為橫向)
5. <*td>則填充(簡單的理解為縱向)
6. <*th>說明表的列數(shù)和相應(yīng)欄目的名稱，有多少個欄就有多少個<*th>
7. cellpadding=文本與表框的距離用(使用數(shù)字)
8. <*font><*/font>它可以對輸出文本的字體大小、其語法通常由 size(字體大小號碼)
9. color 顏色常量名
10. <*img>標(biāo)志對的src屬性賦值在圖片中應(yīng)用
11. <*hr>標(biāo)志是在Html文檔中加入一條水平線，它可以直接使用
12. <*body><*/body>是Html文檔的主體部分
13. <*bgcolor=...>背景顏色通常使用 <*body bgcolor="...."> 就是主體背景顏色(通常我們說的大背景顏色)
14. <*body text="....">設(shè)置主體文本顏色 <*body link="...."> 設(shè)置鏈接顏色。
15. <*border="邊框大小">表示邊框
16. <*background=> 背景通常使用為背景圖片的連接地址
17. <*borderColorLight=#顏色>邊框相臨兩邊的顏色及內(nèi)置相對兩邊的顏色(左相臨及對應(yīng)右相臨)
18. <*borderColorDark=#顏色>邊框相臨兩邊的顏色及內(nèi)置相對兩邊的顏色19. cellSpacing=邊框與內(nèi)置邊框的寬度20. width=寬度 height=高度
邊框和背景顏色可用下圖中的代碼替換，找你自己喜歡的顏色呀
網(wǎng)頁顏色選擇器 ：
http://www.ww77.net/colour.htm
顏色表
| #000000 | #2F0000 | #600030 | #460046 | #28004D | |||||
| #272727 | #4D0000 | #820041 | #5E005E | #3A006F | |||||
| #3C3C3C | #600000 | #9F0050 | #750075 | #4B0091 | |||||
| #4F4F4F | #750000 | #BF0060 | #930093 | #5B00AE | |||||
| #5B5B5B | #930000 | #D9006C | #AE00AE | #6F00D2 | |||||
| #6C6C6C | #AE0000 | #F00078 | #D200D2 | #8600FF | |||||
| #7B7B7B | #CE0000 | #FF0080 | #E800E8 | #921AFF | |||||
| #8E8E8E | #EA0000 | #FF359A | #FF00FF | #9F35FF | |||||
| #9D9D9D | #FF0000 | #FF60AF | #FF44FF | #B15BFF | |||||
| #ADADAD | #FF2D2D | #FF79BC | #FF77FF | #BE77FF | |||||
| #BEBEBE | #FF5151 | #FF95CA | #FF8EFF | #CA8EFF | |||||
| #d0d0d0 | #ff7575 | #ffaad5 | #ffa6ff | #d3a4ff | |||||
| #E0E0E0 | #FF9797 | #FFC1E0 | #FFBFFF | #DCB5FF | |||||
| #F0F0F0 | #FFB5B5 | #FFD9EC | #FFD0FF | #E6CAFF | |||||
| #FCFCFC | #FFD2D2 | #FFECF5 | #FFE6FF | #F1E1FF | |||||
| #FFFFFF | #FFECEC | #FFF7FB | #FFF7FF | #FAF4FF | |||||
| #000079 | #000079 | #003E3E | #006030 | #006000 | |||||
| #000093 | #003D79 | #005757 | #01814A | #007500 | |||||
| #0000C6 | #004B97 | #007979 | #019858 | #009100 | |||||
| #0000C6 | #005AB5 | #009393 | #01B468 | #00A600 | |||||
| #0000E3 | #0066CC | #00AEAE | #02C874 | #00BB00 | |||||
| #2828FF | #0072E3 | #00CACA | #02DF82 | #00DB00 | |||||
| #4A4AFF | #0080FF | #00E3E3 | #02F78E | #00EC00 | |||||
| #6A6AFF | #2894FF | #00FFFF | #1AFD9C | #28FF28 | |||||
| #7D7DFF | #46A3FF | #4DFFFF | #4EFEB3 | #53FF53 | |||||
| #9393FF | #66B3FF | #80FFFF | #7AFEC6 | #79FF79 | |||||
| #AAAAFF | #84C1FF | #A6FFFF | #96FED1 | #93FF93 | |||||
| #B9B9FF | #97CBFF | #BBFFFF | #ADFEDC | #A6FFA6 | |||||
| #CECEFF | #ACD6FF | #CAFFFF | #C1FFE4 | #BBFFBB | |||||
| #DDDDFF | #C4E1FF | #D9FFFF | #D7FFEE | #CEFFCE | |||||
| #ECECFF | #D2E9FF | #ECFFFF | #E8FFF5 | #DFFFDF | |||||
| #FBFBFF | #ECF5FF | #FDFFFF | #FBFFFD | #F0FFF0 | |||||
| #467500 | #424200 | #5B4B00 | #844200 | #642100 | |||||
| #548C00 | #5B5B00 | #796400 | #9F5000 | #842B00 | |||||
| #64A600 | #737300 | #977C00 | #BB5E00 | #A23400 | |||||
| #73BF00 | #8C8C00 | #AE8F00 | #D26900 | #BB3D00 | |||||
| #82D900 | #A6A600 | #C6A300 | #EA7500 | #D94600 | |||||
| #8CEA00 | #C4C400 | #D9B300 | #FF8000 | #F75000 | |||||
| #9AFF02 | #E1E100 | #EAC100 | #FF9224 | #FF5809 | |||||
| #A8FF24 | #F9F900 | #FFD306 | #FFA042 | #FF8040 | |||||
| #B7FF4A | #FFFF37 | #FFDC35 | #FFAF60 | #FF8F59 | |||||
| #C2FF68 | #FFFF6F | #FFE153 | #FFBB77 | #FF9D6F | |||||
| #CCFF80 | #FFFF93 | #FFE66F | #FFC78E | #FFAD86 | |||||
| #D3FF93 | #FFFFAA | #FFED97 | #FFD1A4 | #FFBD9D | |||||
| #DEFFAC | #FFFFB9 | #FFF0AC | #FFDCB9 | #FFCBB3 | |||||
| #E8FFC4 | #FFFFCE | #FFF4C1 | #FFE4CA | #FFDAC8 | |||||
| #EFFFD7 | #FFFFDF | #FFF8D7 | #FFEEDD | #FFE6D9 | |||||
| #F5FFE8 | #FFFFF4 | #FFFCEC | #FFFAF4 | #FFF3EE | |||||
| #613030 | #616130 | #336666 | #484891 | #6C3365 | |||||
| #743A3A | #707038 | #3D7878 | #5151A2 | #7E3D76 | |||||
| #804040 | #808040 | #408080 | #5A5AAD | #8F4586 | |||||
| #984B4B | #949449 | #4F9D9D | #7373B9 | #9F4D95 | |||||
| #AD5A5A | #A5A552 | #5CADAD | #8080C0 | #AE57A4 | |||||
| #B87070 | #AFAF61 | #6FB7B7 | #9999CC | #B766AD | |||||
| #C48888 | #B9B973 | #81C0C0 | #A6A6D2 | #C07AB8 | |||||
| #CF9E9E | #C2C287 | #95CACA | #B8B8DC | #CA8EC2 | |||||
| #D9B3B3 | #CDCD9A | #A3D1D1 | #C7C7E2 | #D2A2CC | |||||
| #E1C4C4 | #D6D6AD | #B3D9D9 | #D8D8EB | #DAB1D5 | |||||
| #EBD6D6 | #DEDEBE | #C4E1E1 | #E6E6F2 | #E2C2DE | |||||
| #F2E6E6 | #E8E8D0 | #D1E9E9 | #F3F3FA | #EBD3E8 |
呵呵 有點看不懂 太長了
小姑娘不錯來學(xué)學(xué)
|
［此帖子已被 iixcn 在 2008-3-14 21:44:33 編輯過］
放框不好看吧
iixcn恩不錯
只是只是……
我怎么看也不是這效果邁
看不到什么？？？圖片？視頻？？
人之初,性本善...
樓豬同學(xué)一直是個活雷鋒
呵呵
|
整的再花哨也沒用 歌一定要好聽。。。
心情驛站:
嘿嘿!好玩!!
教下你老婆，3Q
試帖賺錢~音樂就用我翻唱的傾國傾城~不知道能否聽到？
|
［此帖子已被 jt345 在 2008-3-16 9:04:33 編輯過］
試試��！
［此帖子已被 love3 在 2008-3-16 11:53:26 編輯過］
哪里不行呀
求求你們啦，不要試帖把音樂全弄成是播放好不？娘啦
現(xiàn)在是三首一起播放中
怎么不是黑色，為什么？ |
算了
不是黑色也可以
總算會弄了
謝謝如夢
怎么不是黑色，為什么？
<p align=center>
<table style="WIDTH: 55.84%; HEIGHT: 255px" borderColor=#ff9900 cellSpacing=3 cellPadding=2 bgColor=#000000 border=4>
因為你只加了邊框顏色沒有加背景顏色bgcolor呀
可以了
知道哪里的錯了
謝謝
常用的參數(shù)設(shè)定及注解：
width="400"
表格寬度，接受絕對值（如 500）及相對值（如 80%）。
border="10"
表格邊框的厚度。
cellspacing="2"
表格格線的厚度
cellPadding=5 表格格線內(nèi)厚度
align="CENTER"
表格的擺放位置（水平），可選值為：左： left, 右： right, 居中： center
valign="TOP".
表格內(nèi)內(nèi)容的對齊方式（垂直），可選值為： top, middle, bottom。
background="背景圖片網(wǎng)址"
表格的背景圖片，與 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色，與 background 不要同用
bordercolor="#CF0000"
表格邊框顏色
bordercolorlight="#00FF00"
表格邊框向光部分的顏色
bordercolordark="#00FFFF"
表格邊框背光部分的顏色，使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。
一般的表格代碼：
<TABLE align=center background="背景圖片網(wǎng)址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>帖子的文章加圖片</TD></TR></TBODY></TABLE>
注意：前邊用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都會使帖子出錯。
----------------------------------抓狂的分界線--------------------------------
之前說的只是加背景和邊框顏色，然后在框框里面加圖片，其實還可以用另外一種加背景圖片，這樣可以在背景圖片上寫字，就用background="背景圖片網(wǎng)址" 記得這個background不能跟bgcolor同用哦
下面的圖我就是加了一個background=http://images2.sogua.com/229/2293201/20083132155211665.jpg替換了之前的bgcolor=#000000
<table style="WIDTH: 43.4%; HEIGHT: 196px" borderColor=#ff9900 cellSpacing=3 cellPadding=2 background=http://images2.sogua.com/229/2293201/20083132155211665.jpg border=4>
| 現(xiàn)在跟之前的不同就是可以在圖片上寫字嘿嘿 |
Θ傲氣dё如夢:
樓上的，是把播放器放里框框里面呀
如夢辛苦了。。
嘿嘿。。
Yesterday once more
我的第一次喲！ |
［此帖子已被 一品天柱 在 2008-3-17 14:06:12 編輯過］
Yesterday once more Yesterday Once More Those were such happy times and not so long ago Every shing-a-ling-a-ling that they're starting to sing When they get to the part It was songs of love that I would sing to them
我的第一次喲！ |
可以呀
一品天柱:
而且如夢簽名照中的桐網(wǎng)大印怎么不見了？
天柱是說我現(xiàn)在這張嗎？？？這張因為地址不是桐網(wǎng)的，用的是SOGUA里的
http://images2.sogua.com/229/2293201/200711710362952044.jpg
［此帖子已被 Θ傲氣dё如夢 在 2008-3-17 21:46:56 編輯過］
有意見啦……如夢沒有解決偶的實際問題就跑掉之
怎么就變那么長的呢
有意見啦……如夢沒有解決偶的實際問題就跑掉之
怎么就變那么長的呢
趕如夢走吧你
啥啥啥？？？？
怎么變得長了呀？
你在框框里面加了字，不長才怪呢
還有啥問題先
完了，恩這么一說
明之偶也待不下了，肯定被恩的一大批粉絲攆走
另：你的不也是加字了邁，怎么沒有變化
還有那個什么邊框=“數(shù)字”，數(shù)字怎么設(shè)置呢
如夢啦，我就是想試試啊 |
［此帖子已被 一品天柱 在 2008-3-18 15:45:18 編輯過］
如夢也贊個先
［此帖子已被 曉.莊 在 2008-5-4 3:16:11 編輯過］
| 歡迎光臨 桐城網(wǎng) (http://3jys.com/) | Powered by Discuz! X3.4 |
