中畫網

標題: HTML語言音畫制作 [打印本頁]
作者: 常樂    時間: 2008-9-24 17:51
標題: HTML語言音畫制作
HTML的英語全稱為Hyper Text Markup Language，中文意思是超文本標識語言（簡稱為：超文本語言）。
它是計算機語言的最基礎、最簡單的部分。我們知道計算機最基本的識別文字（也叫語言）就是26個英文字母+10個阿拉伯數字+部分標點符號。論壇上的HTML音畫制做是不借助任何軟件的，所以就必須使用HTML語言（部分網站及專業論壇是不開放HTML設置的）。

初學者（包括偶）一打開HTML制式，看到的往往是一堆代碼，即便不暈也是丈二和尚，往往會在這個時期放棄學習，實際上你只要摸上規律，找到竅門，它是很簡單的，因為它的組成是有定律的、是固定的。
準備工作：（了解最起碼的html語法）
1.<p>.....</p>
<p>標志對是用來創建一個段落，在此標志對之間加入的文本 將按照段落的格式顯示在瀏覽器上。另外，<p>標志還可以使用align屬性，
它用來說明對齊方式，語法是：<p align=center></p> align可以是Left(左對齊)、 Center(居中)和Right(右對齊)三個值中的任何一個。
</p>表示標志對中的文本使用居中的對齊方式。align 表示位置
2.<br>是一個很簡單的標志，它沒有結束標志，因為它用來創建一個回車換行.
3.<table>表格(我們可以把他理解為桌面或一個工作面)<table>開始，</table>結束
4. <tr>說明表格的一個行，表有多少行就有多少個<tr>(簡單理解為橫向)
5. <td>則填充(簡單的理解為縱向)
6. cellpadding=文本與表框的距離用(使用數字)
7. <font></font>它可以對輸出文本的字體大小、其語法通常由 size=字體大小號碼) color =顏色常量名，face=選用的字體
8. <img>標志對的src屬性賦值在圖片中應用
9. <hr>標志是在Html文檔中加入一條水平線，它可以直接使用
10. <body></body>是Html文檔的主體部分
11. <bgcolor=...>背景顏色通常使用
<body bgcolor="....">就是主體背景顏色(通常我們說的大背景顏色)
12. <body text="....">設置主體文本顏色
<body link="...."> 設置鏈接顏色。
13. <border="邊框大小">表示邊框
14. <background=> 背景通常使用為背景圖片的連接地址
17. <borderColorLight=#顏色>邊框相臨兩邊的顏色及內置相對兩邊的顏色(左相臨及對應右相臨)
18. <borderColorDark=#顏色>邊框相臨兩邊的顏色及內置相對兩邊的顏色
19. cellSpacing=邊框與內置邊框的寬度
20. width=寬度 height=高度

HTML語言音畫最基本的構成就是四個部分：
邊框
圖片（內容）
音樂
FLASH

下面先講邊框：

邊框可以設置任意N層，你想要幾層就幾層，網上很協調美觀的邊框大部分都是專業人士制做（有些網站可以專門下載），你不要一看見一個漂亮邊框就認為樓主高不可攀，實際上大部分會員用的協調美觀的邊框都是共享的，所以我在這里可以這樣說：網上的邊框是共享的，大家完全可以心安理得地去借用和復制，不用臉紅（但本壇支持原創）！哈哈，我是借用別人的邊框從來不臉紅的人。

下面是一個七層邊框的實例介紹，圖片可以任意換，只要你覺著好看就行：

<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background= 圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width="100%" borderColorLight=#055b56 background=圖片地址 border=0>
<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>
藍色部分是結尾，

（我偷偷的告訴你一個小竅門：做完邊框和內容后，結尾部分不用自己寫，在Design格式[也就是第一個格式 Design]與HTML格式[ HTML]之間來回打幾次，系統就自動給你寫好了，別泄密哦）

其中：border =邊框粗細 width= 邊框寬度 height =邊框高度 cellspacing=單元格間距 cellpadding=邊框間距 borderColor=邊框顏色 background =插入的背景 （這幾個格式你可要背過了啊，如果也和我一樣記憶力不好，可以復制到你的文件夾里）
作者: 常樂    時間: 2008-9-24 17:54
HTML語言音畫最基本的構成就是四個部分：
邊框
圖片（內容）
音樂
FLASH

下面先講邊框：

邊框可以設置任意N層，你想要幾層就幾層，網上很協調美觀的邊框大部分都是專業人士制做（有些網站可以專門下載），你不要一看見一個漂亮邊框就認為樓主高不可攀，實際上大部分會員用的協調美觀的邊框都是共享的，所以我在這里可以這樣說：網上的邊框是共享的，大家完全可以心安理得地去借用和復制，不用臉紅（但本壇支持原創）！哈哈，我是借用別人的邊框從來不臉紅的人。

下面是一個七層邊框的實例介紹，圖片可以任意換，只要你覺著好看就行：

<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=圖片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=圖片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=0 cellPadding=3 width=\"100%\" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=0 cellPadding=15 width=\"100%\" background= 圖片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=0 cellPadding=3 width=\"100%\" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=0 cellPadding=15 width=\"100%\" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width=\"100%\" borderColorLight=#055b56 background=圖片地址 border=0>
<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>
藍色部分是結尾，

（我偷偷的告訴你一個小竅門：做完邊框和內容后，結尾部分不用自己寫，在Design格式[也就是第一個格式 Design]與HTML格式[ HTML]之間來回打幾次，系統就自動給你寫好了，別泄密哦）

其中：border =邊框粗細 width= 邊框寬度 height =邊框高度 cellspacing=單元格間距 cellpadding=邊框間距 borderColor=邊框顏色 background =插入的背景 （這幾個格式你可要背過了啊，如果也和我一樣記憶力不好，可以復制到你的文件夾里）
作者: 常樂    時間: 2008-9-24 17:55
下面是帖子內容的基本格式（這些您可要記住了，如記憶力不好，可復制到文件夾里）


1、貼圖片格式（支持jpg、gif等格式），紅色代碼是圖片居中命令：

< align=center> <IMG src=\"內容圖片地址\"></P>

2、貼普通字體格式，藍色代碼為字的顏色、紅色代碼為字的大小（最大為了7，最小為1），其他運動字體的格式，另行講解：

<CENTER><FONT face=宋體 color=#e4dc9b size=4>千成論壇</FONT></CENTER>

3、貼FLASH格式（紅色代碼分別是寬度與高度）：

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=380 height=270 type=application/x-shockwave-flash quality=\"high\" wmode=\"transparent\"></EMBED>

另外為大家介紹三種flash 的代碼

代碼1（普通的flash的插入代碼）


<EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src=地址 type=application/x-shockwave-flash width=330 wmode=\"transparent\" quality=\"high\"></EMBED>
代碼2（無限制的flash的代碼）


<EMBED style=\"LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px\" align=right src=地址 width=400 height=300 type=application/octet-stream wmode=\"transparent\" quality=\"high\" ;;></EMBED>

代碼3（大型flash )

<TR><TD><EMBED style=\"LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 10px; HEIGHT: 1500px\" align=right src=地址 width=500 height=1500 type=application/octet-stream wmode=\"transparent\" quality=\"high\" ;;></EMBED></TD>

代碼4（雙層flash的代碼）


<EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode=\"transparent\" quality=\"high\"><EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode=\"transparent\" quality=\"high\">


常用特效
1。透明


style=\"FILTER: Alpha(opacity=100,style=2)\"
2。倒影


< align=center><FONT style=\"FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px\"><IMG src=\"圖片地址\"><FONT id=ew style=\"FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px\"><IMG src=\"圖片地址\"></P></FONT></FONT>
3蝴蝶飛舞


<MARQUEE behavior=alternate direction=up height=300 width=110><img src=http://bbs.mz99.com/attachments/dvbbs/2004-6/20046733350553.gif></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=250 width=110><img src=http://bbs.mz99.com/attachments/dvbbs/2004-6/20046733350553.gif></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=300 width=110><img src=http://bbs.mz99.com/attachments/dvbbs/2004-6/20046733350553.gif></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=250 width=110><img src=http://bbs.mz99.com/attachments/dvbbs/2004-6/20046733350553.gif></MARQUEE>
發貼前別忘了把自動修正的小勾除掉自動修正

圖片加透明FDLASH格式：

<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=圖片><TBODY><TD><EMBED src=透明網址 width=500 height=375 type=application/x-shockwave-flash quality=\"high\" menu=\"false\" wmode=\"transparent\"></embed></table></center>

發貼前別忘了把自動修正的小勾除掉自動修正

貼音樂格式（紅色部分為播放器的大小，設置為0就隱藏了播放器）：

1.背景音樂（適合　mid wma等格式）
<bgsound src=音樂網址 Loop=-1>

2.音頻（適合MP3 WMA RM等很多格式）
<embed src=網址 AutoStart=true Loop=true width=400 height=40>

3.視頻
<embed src=視頻網址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>

說明：AutoStart=true　表示是否要音樂文件傳送完就自動播放，TRUE是要，FALSE是不要，默認為true

Loop=true　表示設定播放重復次數，LOOP=3表示重復3次，true表示無限次播放，FALSE播放一次即停止。
加入圖片代碼：

一、單純的一張圖片
< align=center><IMG src=http://www.citychinese.com/bbs/showimg.asp?BoardID=48&filename=2005-1/2005123222611331.jpg></P>
二、加框有一層FLASH的圖片
<P align=center>
<TABLE height=450 cellSpacing=0 cellPadding=0 width=500 background=http://www.mypcera.com/photo/hua/26/12.jpg border=2 bortercolor=\"000000\"><TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/6.swf width=500 height=400 type=application/x-shockwave-flash wmode=\"transparent\" menu=\"false\" quality=\"high\" tybe=\"application/x-shockwave-flash\"> </P></TD></TR></TBODY></TABLE>
加框用兩層FLASH的圖片
<P align=center>
<TABLE height=450 cellSpacing=0 cellPadding=0 width=500 background=http://www.mypcera.com/photo/hua/26/12.jpg border=1 bortercolor=\"#000000\">
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://hlm.nease.net/swf/red/liu.swf width=500 height=250 type=application/x-shockwave-flash wmode=\"transparent\" menu=\"false\" quality=\"high\" tybe=\"application/x-shockwave-flash\"> <BR><BR><EMBED align=right src=http://imgfree.21cn.com/free/flash/6.swf width=500 height=450 type=application/x-shockwave-flash wmode=\"transparent\" menu=\"false\" quality=\"high\" tybe=\"application/x-shockwave-flash\"> <BR></P></TD></TR></TBODY></TABLE>

三、兩個FLASH上下排列的圖片：
<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=http://www.xiangfan.org/htdocs/dvbbs/attachments/dvbbs/2004-6/200462095452492.jpg border=1 bortercolor=\"#000000\">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=150 type=application/x-shockwave-flash tybe=\"application/x-shockwave-flash\" quality=\"high\" menu=\"false\" wmode=\"transparent\"> <BR><BR><EMBED src=http://www.cn898.net/bg/9.swf width=400 height=150 type=application/x-shockwave-flash tybe=\"application/x-shockwave-flash\" quality=\"high\" menu=\"false\" wmode=\"transparent\"></P></TD></TR></TBODY></TABLE>
四、下上移動的圖片們：
<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor=\"#000000\" border=\"1\">
<P align=center><IMG src=\"http://www.citychinese.com/bbs/showimg.asp?BoardID=48&filename=2005-1/2005123223220885.jpg\"></P>
<P align=center><IMG src=\"http://www.citychinese.com/bbs/showimg.asp?BoardID=48&filename=2005-1/2005123222341671.jpg\"></P>
<P align=center><IMG src=\"http://www.citychinese.com/bbs/showimg.asp?BoardID=48&filename=2005-1/200512322407387.jpg\"></P>
</MARQUEE></center>
五、左右移動的圖片們：（要有個背景喲）
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width=\"100%\">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading=\"0\">
<TBODY>
<TR>
<TD>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/bihe.jpg___2004511215822101.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/by.jpg___2004511215822766.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/htys.jpg___2004511215822890.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/hyxq.jpg___2004511215822564.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/lty.jpg___2004511215822316.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/zyh.jpg___2004511215916227.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/yannian.jpg___200451121591787.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/xbh.jpg___2004511215917981.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/mdqg.jpg___20045112203661.jpg\"></P>
<P align=center><IMG src=\"http://bbs.esong.cn/attachments/dvbbs/2004-5/mlsx.jpg___20045112203201.jpg\"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>
六：圖片霧化效果：
(使用時必須去掉\"HTML\"旁邊\"自動修正\"的鉤.)
<center><TABLE cellSpacing=0 cellPadding=0 width=450 background=http://www.cn898.net/bbs/attachments/dvbbs/20044244514090780.jpg border=0>
<TBODY>
<TR>
<TD style=\"FILTER: Alpha(opacity=100,style=2)\" width=400 background=http://xjli.zj05.com/attachments/dvbbs/2004-9/2004969311654.jpg height=320><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=400 height=320 type=application/x-shockwave-flash quality=\"high\" wmode=\"transparent\"></EMBED></TD></TR></TBODY></TABLE></CENTER>
[ 本帖最后由 常樂 于 2008-9-24 17:57 編輯 ]
作者: 常樂    時間: 2008-9-24 17:57
七：圖片倒影效果：
(使用時必須去掉\"HTML\"旁邊\"自動修正\"的鉤.)
< align=center><FONT style=\"FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px\"><IMG src=\"http://www.smba-china.com/upload/upfile/2004430154320.gif\"><FONT id=ew style=\"FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px\"><IMG src=\"http://www.smba-china.com/upload/upfile/2004430154320.gif\"></P></FONT></FONT><BR><BR>
八：圖片向左右相反的方向移動的效果：
<MARQUEE width=200 height=50><IMG src=\"http://www.mtxsnow.net/attachments/dvbbs/2004361972445799.gif\"><IMG src=\"http://www.snsn.net/user/zn/attachments/dvbbs/2004-6/2004615135733903.gif\"><IMG src=\"http://www.mtxsnow.net/attachments/dvbbs/2004361972445799.gif\"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src=\"http://851.vicp.net/bbs/attachments/dvbbs/2004-4/20044895834296.gif\"><IMG src=\"http://www.snsn.net/user/zn/attachments/dvbbs/2004-6/200461612563116.gif\"><IMG src=\"http://851.vicp.net/bbs/attachments/dvbbs/2004-4/20044895834296.gif\"></MARQUEE><BR><BR>
加入背景音樂代碼：
<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP=\"TRUE\" AUTOSTART=\"TRUE\"></EMBED>


所用元素：<EMBED></EMBED>
參數：
src：音樂文件的URL；
hidden：=true為不可見，=false反之；
type：指定音頻類型；
LOOP：是否循環播放，注意其值置于小角雙引號中；
AUTOSTART：是否自動播放，其值同上。


插入單張ＦＬＡＳＨ：

< align=center><EMBED align=center src=http://flash.crcstar.com/upload/20044161110320.swf width=400 height=300 type=application/octet-stream wmode=\"transparent\" quality=\"high\" ></P>
使用舉例說明步驟:
一.選邊框.
現選兩層的邊框,代碼如下:;
< ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD>加入內容</td></tr></tbody></table></td></tr></tbody></table>

二.選內容.現邊框有一層FLASH圖片,代碼如下:
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/attachments/dvbbs/2004-6/200462095958665.jpg border=1 bortercolor=\"#000000\">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode=\"transparent\" menu=\"false\" quality=\"high\" tybe=\"application/x-shockwave-flash\"> </P></TD></TR></TBODY></TABLE>
三.把邊框里加入內容這四個字刪掉,換成圖片代碼.
為了明顯,我用藍色表示邊框,用綠色表示圖片內容部分:
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/attachments/dvbbs/2004-6/200462095958665.jpg border=1 bortercolor=\"#000000\">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.forshine.net/flash/32.swf width=400 height=300 type=application/x-shockwave-flash wmode=\"transparent\" menu=\"false\" quality=\"high\" tybe=\"application/x-shockwave-flash\"> </P></TD></TR></TBODY></TABLE>
</td></tr></tbody></table></td></tr></tbody></table>


四、實際使用可沒有顏色的,就是默認黑色..
就是:<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<P align=center><TBODY><TR><TD><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/attachments/dvbbs/2004-6/200462095958665.jpg border=1 bortercolor=\"#000000\">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode=\"transparent\" menu=\"false\" quality=\"high\" tybe=\"application/x-shockwave-flash\"> </P></TD></TR></TBODY></TABLE>
</td></tr></tbody></table></td></tr></tbody></table>
五.把你整合好的代碼,復制下來,點發言框下方的HTML模式,(如果你是跟貼的話,先點貼子最上方的回復貼子,就可以看到HTML了 ),把代碼復制到發言框內,點發表.


六.修飾你的代碼:這些貼子的圖和邊框寬度,一定不合你的意,怎么辦?就把邊框（寬度width=480)（高度height=300)改大或小一點,(提示：論壇寬度在450以內，如果超過，會削掉右邊部分）直到你滿意為止,圖片地址可以換上你喜歡的那個圖片.怎么樣,不錯吧.


七.想一想,既然可以加入圖片,那么是不是也可以用同樣的方法加入文字?加入音樂?呵呵,對了,就都放在內容部分,在邊框代碼<td></td>之間,即可.動手試看看吧~~
[ 本帖最后由 常樂 于 2008-9-24 17:59 編輯 ]
作者: wumetv    時間: 2008-9-25 07:22
真的不錯哦，在這學習了解
作者: henry0138    時間: 2008-9-25 12:06
原來制作邊框很多來自共享，我還以為自己制的簡單邊框而難為呢。太好的教材。
作者: 精致外貿    時間: 2008-9-25 21:31
我要慢慢的學習，謝謝老師！！！！！！！！！！！！！
作者: CHUNSS    時間: 2008-9-29 10:17
看似復雜 我得好好學習！
作者: 與你做伴    時間: 2008-10-5 12:41
學習~~謝謝~~
作者: 一劍飄香紅    時間: 2008-10-5 17:07
很好的教材
作者: 西伯里亞之美    時間: 2008-10-6 18:03
很有用喲。感謝版主了！
作者: 大笨笨    時間: 2008-10-7 13:00
我想學~~~慢慢來！多指教！
作者: 西伯里亞之美    時間: 2008-10-7 23:47
感謝了！再看一遍，加深理解！
作者: 上山人    時間: 2008-10-8 09:48
太難了
作者: ﹎依舊驕傲＂    時間: 2008-10-8 14:46
先支持下 慢慢學·····
作者: 玫兒    時間: 2008-10-30 19:28
謝謝知足老師這么詳細的教材，多謝多謝！
作者: ssophia    時間: 2009-8-13 10:27
好教材！收下慢慢看！
作者: 待續。    時間: 2009-8-19 17:25
這個好
作者: 林林6668    時間: 2009-8-20 23:44
老袋大了。。
作者: 流年似水    時間: 2009-8-21 01:48
我要慢慢的學習，謝謝老師
作者: lusha    時間: 2009-8-26 21:41
收藏啦 好好學習
作者: 蔣勝兵    時間: 2009-9-14 23:38
看了密密麻麻的代碼就暈，， 代碼后面加效果圖片就好辨別了



歡迎光臨 中畫網 (http://www.nujv.cn/) Powered by Discuz! X3.4
主站蜘蛛池模板： 夜鲁鲁鲁夜夜综合视频欧美| 久久婷婷色综合一区二区| 欧美久久综合性欧美| 色狠狠色狠狠综合一区| 伊人亚洲综合网| 久久本道综合久久伊人| 国产精品无码久久综合| 色噜噜狠狠成人中文综合| 欧美伊人久久大香线蕉综合| 伊人久久亚洲综合影院| 熟女少妇色综合图区| 狠狠色狠狠色综合日日不卡| 国产成人亚洲综合无码| 国产亚洲综合成人91精品| 色88久久久久高潮综合影院| 亚洲国产欧美国产综合一区| 精品久久人人做人人爽综合| 久久综合鬼色88久久精品综合自在自线噜噜 | 亚洲综合国产精品第一页| 99久久综合国产精品免费| 久久天堂AV综合合色蜜桃网| 亚洲综合一区二区精品导航| 婷婷丁香五月天综合东京热| 亚洲AV综合色区无码一区爱AV| 色综合久久久久久久久五月| 精品第一国产综合精品蜜芽| 狠狠色丁香久久综合婷婷| 成人综合激情| 久久综合视频网站| 精品第一国产综合精品蜜芽| 久久青青草原综合伊人| 国产综合色在线精品| 久久久久久久综合狠狠综合| 国产成人综合一区精品| 狠狠综合久久AV一区二区三区| 婷婷国产天堂久久综合五月| 亚洲中文字幕无码久久综合网| 伊伊人成亚洲综合人网7777| 激情五月激情综合网| 国产成人亚洲综合无码| 亚洲中文字幕无码久久综合网|