html模式音画帖制作浅析_派派后花园

用户中心 游戏论坛 社区服务
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
« 返回列表
阅读：12471 回复：111

[版块公告] html模式音画帖制作浅析

 刷新数据 楼层直达
冰城浪人

ZxID：1705325

0鲜花 0鸡蛋

等级: 派派贵宾
呒鍅講述旳蕜
举报 只看楼主 使用道具 楼主   发表于: 2008-12-28 0
— 本帖被 若相惜。 执行加亮操作(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重新编辑 ]
本帖最近评分记录： 共 5 条评分 派派币 +18
隐藏
收藏 新鲜事

相关主题

回复 引用 新鲜事
顶端
酱油二块五

ZxID：1611080

0鲜花 0鸡蛋

等级: 文学大师
弓凛   0/1梅林   0/1王哈   0/1旧剑   0/2
举报 只看该作者 沙发   发表于: 2008-12-29 0
这么复杂 我要哭啊

楼主留言：

这只是基本 我看了N天 还得套用 还有很多那

回复 引用 新鲜事
顶端
忧郁摩天轮

ZxID：1705302

0鲜花 0鸡蛋

等级: 内阁元老
Without Love.....
举报 只看该作者 板凳   发表于: 2009-01-01 0
重复贴啊，小T发过了。。。。。


你看看，就标题不一样而已~

http://www.houdao.com/read.php?tid=143844

楼主留言：

那就让版主删除扣分...

本帖最近评分记录： 共 1 条评分 派派币 +5
隐藏
回复 引用 新鲜事
顶端
wdawv000

ZxID：1657644

0鲜花 0鸡蛋

等级: 职业撰稿
三蛋以消失 看到这号回复是小h
举报 只看该作者 地板   发表于: 2009-01-03 0
妈妈哎   太难了

难道在这个板块这么难发- -#

楼主留言：

其实 ...如果看的明了 不用这么麻烦 哎 可惜不会ABC就得套用



小H是谁?
回复 引用 新鲜事
顶端
小美．

ZxID：2265768

0鲜花 0鸡蛋

等级: 派派贵宾
配偶: supershe
销声匿迹，大隐于市。
举报 只看该作者 4楼  发表于: 2009-01-03 0
看不懂，太复杂
萬.花.從.中.過。片.葉.不.沾.身!

     
回复 引用 新鲜事
顶端
miniloveix

ZxID：1619019

0鲜花 0鸡蛋

等级: 派派贵宾
配偶: sugar宝
关于猴岛，我做到问心无愧！
举报 只看该作者 5楼  发表于: 2009-01-04 0
这个好象`不是电脑教程版吧`！
回复 引用 新鲜事
顶端
、Smoking

ZxID：1821107

0鲜花 0鸡蛋

等级: 文坛巨匠
春香曰 : ﹎情人無處吥洅⺌.梦龙無法取鮘.﹎﹖
举报 只看该作者 6楼  发表于: 2009-01-08 0
太难了~一般的人都看不太懂。。。
搞掉简单的来就好了
回复 引用 新鲜事
顶端
26862776

ZxID：2079409

0鲜花 0鸡蛋
等级: 略知一二
当天空出现第一缕曙光,我曾幼稚的以为看到了希望!
举报 只看该作者 7楼  发表于: 2009-01-08 0
我学校就右教这个!!必修颗之一!!但我没听~
回复 引用 新鲜事
顶端
╰つ万念成空

ZxID：1598586

0鲜花 0鸡蛋

等级: 派派贵宾
配偶: ヤ鉺環ヤ
举报 只看该作者 8楼  发表于: 2009-01-08 0
学这个是头疼的事  总是乱 慢慢来吧
回复 引用 新鲜事
顶端
yu5565656

ZxID：1915792

0鲜花 0鸡蛋
等级: 牙牙学语
举报 只看该作者 9楼  发表于: 2009-01-09 0
牛人呀，不过我学过，懂那么一点点!   
回复 引用 新鲜事
顶端
wang_rrrr

ZxID：787105

0鲜花 0鸡蛋

等级: 热心会员
行到水穷处，坐看云起时。
举报 只看该作者 10楼  发表于: 2009-01-09 0
偶很纠结啊  貌似什么也没弄清楚  
回复 引用 新鲜事
顶端
゛臉紅紅....

ZxID：704295

492688鲜花 250鸡蛋

等级: 内阁元老
配偶: 淡淡。懒懒的
把每一次都当作是最后一次。
举报 只看该作者 11楼  发表于: 2009-01-10 0
我哭啊···真难啊···这么大一串呐····

回复 引用 新鲜事
顶端
转身：离开、

ZxID：2654880

0鲜花 0鸡蛋

等级: 文学大师
最美德、情歌。
举报 只看该作者 12楼  发表于: 2009-01-10 0
嗯，不看了，一定很难！
飘过的射下来炖汤, 路过的嘛就拦路抢劫,打酱油的打烂酱油瓶，闪过的嘛，打烂双腿。
回复 引用 新鲜事
顶端
happylove11

ZxID：1328382

0鲜花 0鸡蛋

等级: 专栏作家
态度决定一切
举报 只看该作者 13楼  发表于: 2009-01-10 0
真是详细。。。辛苦了。LZ
回复 引用 新鲜事
顶端
周锦文

ZxID：134697

0鲜花 0鸡蛋

等级: 派派贵宾
配偶: 吴静颜
穆穆清风至
举报 只看该作者 14楼  发表于: 2009-01-13 0
  呵呵

  那 慢慢来 一点一点的来

  

欢迎大家到手机区淘宝。
  诺基亚的个性字体。。多种字体贡您体验
回复 引用 新鲜事
顶端
云易飞

ZxID：576345

0鲜花 0鸡蛋

等级: 内阁元老
配偶: 雾影
C和我说，我们总认为明天之后还是明天是理所当然的。
举报 只看该作者 15楼  发表于: 2009-01-13 0
头都晕了，还不如直接发代码的的模式给我们套用啊。。。。

楼主留言：

如果发代码的模式.上面的HTLM代码全部不显示 本人也是刚刚学习 都从别地方抄袭的
回复 引用 新鲜事
顶端
玥影依然

ZxID：767476

0鲜花 0鸡蛋

等级: 家喻户晓
原来,寂寞时是自己的手指数脚指；原来，思念时是连呼吸也会心痛
举报 只看该作者 16楼  发表于: 2009-01-13 0
这个看的晕死了
能不能搞个版让大家套套
回复 引用 新鲜事
顶端
yangan_h

ZxID：1014308

0鲜花 0鸡蛋

等级: 文学俊才
路遥知马力，日久见人心。。我讨厌说我在线时间短的人！
举报 只看该作者 17楼  发表于: 2009-01-15 0
楼主  你懂吗？

楼主留言：

一点点 但是我懂怎么套用啦 嘎嘎
为人民服务
回复 引用 新鲜事
顶端
小喵crystal

ZxID：502273

0鲜花 0鸡蛋

等级: 家喻户晓
举报 只看该作者 18楼  发表于: 2009-01-15 0
好复杂。。。
∞
❤  就算，眼前的这个男人，千般好，万般好，处处是优点。
    他不爱你，这个缺点，你永远改变不了。
∞

回复 引用 新鲜事
顶端
梦、倾城

ZxID：2413321

0鲜花 0鸡蛋

等级: 禁止发言
举报 只看该作者 19楼  发表于: 2009-01-15 0
htm是一种网页文件...
回复 引用 新鲜事
顶端
« 返回列表
发帖 回复