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：15379949

2292鲜花 0鸡蛋

等级: 热心会员
举报 只看该作者 111楼  发表于: 2012-11-24 0
有点复杂，有待学习
本帖最近评分记录： 共 1 条评分
隐藏

回复 引用 新鲜事
顶端
陌路下雪天°

ZxID：21650894

2222鲜花 0鸡蛋
等级: 派派新人
举报 只看该作者 110楼  发表于: 2012-11-24 0
大神啊，我脑袋都要涨破了，太有挑战力了TAT
回复 引用 新鲜事
顶端
翰家小妞

ZxID：13793945

1111鲜花 0鸡蛋

等级: 派派贵宾
新围脖：http://weibo.com/2301344107   求关注互粉……
举报 只看该作者 109楼  发表于: 2011-03-24 0
太复杂了~~我想知道为什么不给弄个效果看看啊···
大量求文，满足以下要求：
①古代言情/穿越架空（不要耽美）
②女主开始废材，穿越后（重生后）变得十分强大
③男主腹黑强大，宠爱女主，1V1
④备注：最好是女主倾城角色，男主也是美男
⑤回复者请按以下格式：书名/作者/内容简介/附带小说链接（最好是论坛里有的）
⑥只要按我要求推荐的，每个推荐按照5-20派币不等奖励。
求文链接：https://www.paipai.fm/r7414749/
回复 引用 新鲜事
顶端
路小透。

ZxID：335738

1666鲜花 4鸡蛋

等级: 内阁元老
10.1上任，10.6生日，11.10周年
举报 只看该作者 108楼  发表于: 2009-05-12 0
啊，看着就好难。。。有心无力啊
【品书家族成员登记簿】品书欢迎你～（来登记送红包咯)
派派书评组 、推荐组 2015起航招募！做全宇宙最牛X的小说品鉴人！
回复 引用 新鲜事
顶端
zzsxiaobai

ZxID：5050171

0鲜花 0鸡蛋

等级: 禁止发言
配偶: 夏目玲子丶
举报 只看该作者 107楼  发表于: 2009-05-09 0
  哦也、

  老大辛苦； 、
回复 引用 新鲜事
顶端
βs╲ァ尐孩

ZxID：6345084

0鲜花 0鸡蛋

等级: 明星作家
这家伙很赖,什么都没留下
举报 只看该作者 106楼  发表于: 2009-05-08 0
看过去太有难度了`` 哎自己脑子不好使``慢慢研究``
回复 引用 新鲜事
顶端
sjdawja3

ZxID：3432256

0鲜花 0鸡蛋

等级: 才华横溢
有
举报 只看该作者 105楼  发表于: 2009-04-30 0
我不行了！~郁闷了！~看的我眼睛疼！~太副扎了！   
人这一生、在意的也就那么几个。
回复 引用 新鲜事
顶端
a2678688

ZxID：2173086

0鲜花 0鸡蛋

等级: 小有名气
乌鲁奇奥拉·希佛
举报 只看该作者 104楼  发表于: 2009-04-30 0
很好很强大~~~~~~~~....................
回复 引用 新鲜事
顶端
子颜

ZxID：2725961

0鲜花 0鸡蛋

等级: 职业撰稿
我.并不是.....
举报 只看该作者 103楼  发表于: 2009-04-28 0
详细呀..
回复 引用 新鲜事
顶端
xx125520

ZxID：5560196

0鲜花 0鸡蛋
等级: 读书识字
举报 只看该作者 102楼  发表于: 2009-04-27 0
不得不顶
回复 引用 新鲜事
顶端
xx125520

ZxID：5560196

0鲜花 0鸡蛋
等级: 读书识字
举报 只看该作者 101楼  发表于: 2009-04-27 0
好运　占了１００楼
回复 引用 新鲜事
顶端
xx125520

ZxID：5560196

0鲜花 0鸡蛋
等级: 读书识字
举报 只看该作者 100楼  发表于: 2009-04-27 0
这么高的楼
回复 引用 新鲜事
顶端
dnghtty

ZxID：3222394

0鲜花 0鸡蛋
等级: 略知一二
★不再考试★
举报 只看该作者 99楼  发表于: 2009-04-26 0
看不懂啊
回复 引用 新鲜事
顶端
布拉格de吻

ZxID：6064346

0鲜花 0鸡蛋

等级: 脱颖而出
-----我是阿布，請大家多多关照-----
举报 只看该作者 98楼  发表于: 2009-04-26 0
有点长
耐尨
回复 引用 新鲜事
顶端
布拉格de吻

ZxID：6064346

0鲜花 0鸡蛋

等级: 脱颖而出
-----我是阿布，請大家多多关照-----
举报 只看该作者 97楼  发表于: 2009-04-26 0
顶···
回复 引用 新鲜事
顶端
葞點

ZxID：1692225

0鲜花 0鸡蛋

等级: 明星作家
昨天是已知数,今天是变数,明天是未知数.
举报 只看该作者 96楼  发表于: 2009-04-25 0
我还是比较适合去玩傻瓜式的哦！55555555555
~你~要~想~我~哦！
回复 引用 新鲜事
顶端
阳聪

ZxID：2255361

0鲜花 0鸡蛋
等级: 寒窗墨者
山小凉~~
举报 只看该作者 95楼  发表于: 2009-04-24 0
字好多~~我先回复了在看~~
回复 引用 新鲜事
顶端
邪恶的小慕慕

ZxID：4919917

0鲜花 0鸡蛋

等级: 博览群书
世界這麽贓, 妳有什麽資咯說悲傷
举报 只看该作者 94楼  发表于: 2009-04-24 0
可以从这电脑上上传不？
回复 引用 新鲜事
顶端
邪恶的小慕慕

ZxID：4919917

0鲜花 0鸡蛋

等级: 博览群书
世界這麽贓, 妳有什麽資咯說悲傷
举报 只看该作者 93楼  发表于: 2009-04-24 0
好麻烦
回复 引用 新鲜事
顶端
« 返回列表
发帖 回复