—
本帖被 若相惜。 执行加亮操作(2009-05-13)
—
html模式音画帖制作浅析
一：背景
原代码如下：
<TABLE align=center background="图片地址" border=0 cellPadding=300 cellSpacing=10 borderColor=#ffff00 width="100%"><TBODY><TR><TD>
帖子内容，文字或图片.....
</TD></TR><-4己用PS将图改小了再用。
HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。
举个简单的例子，一个让用户输入姓名的HTML表单(Form)。示例代码如下：
<form action="http://www.admin5.com/html/asdocs/html_tutorials/yourname.asp" method="get">
请输入你的姓名：
<input type="text" name="yourname">
<input type="submit" value="提交">
</form>
演示示例
学习HTML表单(Form)最关键要掌握的有三个要点：
表单控件(Form Controls)
Action
Method
先说表单控件(Form Controls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。比如上面的例句里，input type= "text"就是一个表单2
表格的底色，与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。
cols="2"
表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。
一，文字基本设制
基本代码如下：
<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>
align=center 表示字体居中，可选值为居右（right）居左（left）
color=颜色代码 具体颜色代码可参照：颜色选取＜＜点击查看
载入音乐
基本语法：
<EMBED SRC="音乐文件地址">
常用属性如下：
src="your.mid"
设定 midi 档案及路径，可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。
loop="true"
是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。
HIDDEN="true"
是否完全隐藏控制画面，true 为是，no 为否 (内定)。
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
VOLUME="0-100"
设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定
WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")
ALIGN="center"
设定控制面板和旁边文字的对齐方式，%input type="checkbox" name="fruit" value ="apple">苹果<br>
<input type="checkbox" name="fruit" value ="orange">桔子<br>
<input type="checkbox" name="fruit" value ="mango">芒果<br>
演示示例
用checked表示缺省已选的选项。
<input type="checkbox" name="fruit" value ="orange" checked>桔子<br>
演示示例
表单控件(Form Control)：单选框(input type="radio")
使用单选框，让用户在一组选项里只能选择一个。示例代码：
<input type="radio" name="fruit" value = "Apple">苹果<br>
<input type="radio" name="fruit" value = "Orange">桔子<br>
<input type="radio" name="fruit" value = "Mango">芒果<br>
演示示例
用checked表示缺省已选的选项。
<input type="radio" name="fruit" value = "Orange" checked>桔子<br>
演示示例
表单控件(Form Control)：下拉框(select)
下拉框(Select)既可以用做单选，也可以用做复选。单选例句如下：
<select name="fruit" >
<option value="apple">苹果
<option value="orange">桔子
<option value="mango">芒果
</select>
演示示例
如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。例句：
<select name="fruit" multiple>
演示示例
用户还可以用size属性来改变下拉框(Select)的大小。
演示示例
表单控件(Form Control)：多行输入框(textarea)
多行输入框(textarea)主要用于输入较长的文本信息。例句如下：
<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>
其中cols表示textarea的宽度，rows表示textarea的高度。
演示示例
表单控件(Form Control)：密码输入框(input type="password")
密码输入框(input type="password")主要用于一些保密信息的输入，比如密码。因为用户输入的时候，显示的不是输入的内容，而是黑点符号。。例句如下：
<input type="password" name="yourpw">
演示示例
表单控件(Form Control)：提交(input type="submit")
通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件。例句如下：
<input type="submit" value="提交">
演示示例
表单控件(Form Control)：图片提交(input type="image")
input type=image 相当于 input type=submit，不同的是，input type=image 以一个图片作为表单的提交按钮，其中 src 属性表示图片的路径。
<input type="image" src ="images/icons/go.gif"
alt = "提交" NAME="imgsubmit">
HTML字符实体(Character Entities)
有些字符在HTML里有特别的含义，比如小于号<就表示HTML Tag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？
这就要说到HTML字符实体(HTML Character Entities)了。
一个字符实体(Character Entity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。
比如，要显示小于号，就可以写<或者<。
用实体(Entity)名字的好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。
注意：Entity是区分大小写的。
如何显示空格
通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用 表示空格。
最常用的字符实体(Character Entities)
显示结果 说明 Entity Name Entity Number
显示一个空格
< 小于 < <
> 大于 > >
& &符号 & &
" 双引号 " "
其他常用的字符实体(Character Entities)
显示结果 说明 Entity Name Entity Number
© 版权 © ©
® 注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
添加透明flash方法自己学着套用一步步修改.
代码如下：
<TABLE cellSpacing=15 cellPadding=0 width=460 background=图片地址1 border=3>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=10 cellPadding=0 width=460 background=图片地址2 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=13 cellPadding=0 width=450 background=图片地址3 border=1>
<TBODY>
<TR>
<TD>
<TABLE height=550 cellSpacing=0 cellPadding=0 width=450 background=图片地址4 border=0>
<TBODY>
<TR>
<TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=center src=flash地址 width=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED><EMBED align=left src=flash地址 width=550 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
说明：粉红字就是插入透明flash的代码，在这里我连续插入了两种flash特效。把FLASH放在图片里面，这样图片就必需作为背景才行，不足之处就在于图片往往较大，而论坛显示范围有限，作为背景的图片常常无法显示全图。所以建议大家在用这种格式的时候最好是选取一些较小的图，也或者自己用PS将图改小了再用。
插入音乐
我们通常在在帖子结束前插入音乐，其代码是<EMBED SRC=“音乐地址”>
常用的代码：
AutoStart=true 表示是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为true
Loop=true 表示设定播放重复次数，LOOP=3表示重复3次，true表示无限次播放，FALSE播放一次即停止。
width=宽度 height=高度 可以设定控制播放器面板的大小，如果都设置为0就可以把播放器隐藏了。
VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。
HIDDEN=TRUE 隐藏控制面板
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
ALIGN="center"
设定控制面板和旁边文字或图片的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子
CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板
smallconsole 较小的面板
playbutton 只显示播放按钮
pausecutton 只显示暂停按钮
stopbutton 只显示停止按钮
volumelever 只显示音量调节按钮
例一：
<EMBED SRC="音乐地址" autostart=true hidden=true loop=true>
作为背景音乐来播放，隐藏了播放器。
例二：
<EMBED SRC="音乐地址" loop=true width=145 height=60>
出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。
在论坛做帖常用格试如下：
一：
<embed src=音乐网址 type=audio/x-pn-realaudio-plugin （或者用 type=audio/mpeg）controls=ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=40></embed>
说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。
二：
<bgsound src="音乐文件地址" loop=3>
说明：一般用来插入wav wma mid mp3等格试的音乐文件。
三.视频
<embed src=视频网址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>
四.FLASH动画的方法与添加透明flash 相同。
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=center src=flash地址 width=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>
[ 此帖被冰城浪人在2009-04-09 15:24重新编辑 ]
我哭啊···真难啊···这么大一串呐····
