從零開始學習HTML語言音畫制作

非草 2009-12-01

展開全文

HTML的英語全稱為Hyper Text Markup Language，中文意思是超文本標識語言（簡稱為：超文本語言）。

它是計算機語言的最基礎、最簡單的部分。我們知道計算機最基本的識別文字（也叫語言）就是26個英文字母+10個阿拉伯數(shù)字+部分標點符號。論壇上的HTML音畫制做是不借助任何軟件的，所以就必須使用HTML語言（部分網(wǎng)站及專業(yè)論壇是不開放HTML設置的）。

初學者（包括偶）一打開HTML制式，看到的往往是一堆代碼，即便不暈也是丈二和尚，往往會在這個時期放棄學習，實際上你只要摸上規(guī)律，找到竅門，它是很簡單的，因為它的組成是有定律的、是固定的（不象愛情那么沒有規(guī)律、那么復雜，嘿嘿）。

下面我就從最基本的、最基礎東西開始，和大家共切磋（高手勿看，否則俺就緊張、害羞啦）

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

下面先講邊框：

邊框可以設置任意N層，你想要幾層就幾層，網(wǎng)上很協(xié)調美觀的邊框大部分都是專業(yè)人士制做（有些網(wǎng)站可以專門下載），你不要一看見一個漂亮邊框就認為樓主高不可攀，實際上大部分會員用的協(xié)調美觀的邊框都是共享的（當然，也有很大一部分高手是原創(chuàng)，例如大家比較熟悉的夜色迷離、白山岫水等高手），所以我在這里可以這樣說：網(wǎng)上的邊框是共享的，大家完全可以心安理得地去借用和復制，不用臉紅（但本壇支持原創(chuàng)）！哈哈，我是借用別人的邊框從來不臉紅的人。

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

<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]之間來回打幾次，系統(tǒng)就自動給你寫好了，別泄密哦）

其中：border =邊框粗細 width= 邊框寬度 height =邊框高度 cellspacing=單元格間距 cellpadding=邊框間距 borderColor=邊框顏色 background =插入的背景（這幾個格式你可要背過了啊，如果也和我一樣記憶力不好，可以復制到你的文件夾里）

下面是帖子內容的基本格式（這些您可要記住了，如記憶力不好，可復制到文件夾里）

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

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

<CENTER><FONT face=宋體 color=#e4dc9b size=4>皮爾卡丹時尚論壇</FONT></CENTER>

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

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

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

代碼2（無限制的flash的代碼）

代碼3（大型flash )

代碼4（雙層flash的代碼）

常用特效
1。透明

style="FILTER: Alpha(opacity=100,style=2)"

2。倒影

3蝴蝶飛舞

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

圖片加透明FDLASH格式：

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

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

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

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

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

說明：AutoStart=true　表示是否要音樂文件傳送完就自動播放，TRUE是要，F(xiàn)ALSE是不要，默認為true

Loop=true　表示設定播放重復次數(shù)，LOOP=3表示重復3次，true表示無限次播放，F(xiàn)ALSE播放一次即停止。

為讓大家有個直觀的認識，就我自己的一個成品帖子，做一下實例演示：

（帖子地址：http://www./bbs/dispbbs.asp?boardID=2&ID=32&page=1）

1、紅色部分是邊框；

2、藍色部分是內容；

3、黑色部分是結尾

4、紫色部分是音樂

1、紅色邊框部分：

<TABLE cellSpacing=15 cellPadding=0 width=570 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=0>

A、<TABLE =開始 <TABLE> =結尾（這兩個是絕對格式，否則就成亂碼了）

B、cellSpacing=15 =單元格間距（可以任意設置寬度）

C、cellPadding=0 =邊框間距

D、width=570 =邊框寬度

E、background =插入的背景格式

F、*http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg* =背景圖片

G、border=0> = 邊框粗細

2、藍色內容部分：

<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P>
<P align=center><IMG src="http://www./UploadFile/2004-12/200412618938565.gif"></P>
<P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P>
<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=http://www./UploadFile/2004-12/2004126172826197.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://mtv./upload/2004482345353317.swf width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>

A、（過渡指令碼，我們就這么叫吧）

<TBODY>
<TR>
<TD>

B、（分隔線圖片、GIF圖片）

<P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P>
<P align=center><IMG src="http://www./UploadFile/2004-12/200412618938565.gif"></P>

C、背景圖片

<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=http://www./UploadFile/2004-12/2004126172826197.jpg border=8>

D、單層FLASH

<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://mtv./upload/2004482345353317.swf width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false"

E、本單元結尾

</TD></TR></TBODY></TABLE>

3、黑色結尾部分（略，可系統(tǒng)自動結尾）

</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>

4、紫色音樂部分：

<EMBED src=http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true">

A、<EMBED src= =開始

B、音樂地址：

http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3

C、播放器大小（隱藏格式）

width=0 height=0

D、自動重復播放格式

type=audio/mpeg Loop="true" AutoStart="true">

200710141259221555[1].s