wzyh

四.图和文字放进框里的方法及注意点:

<table ......><tr><td>内容</td></tr></table>
将图和文字的代码从上到下按顺序代替上面的"内容"放到表格里.
代码安放的一些注意点:

1.竖向处理:,首先,表格属性里不写高 height ,这样可让内容自动撑高.
凡是要空行的地方可用换行标签<br>来设定,不够可以多加几个<br>,到满意为止,
也可用分段标签<p>......</P>,不够再加<br>,

2.横向处理:首先,在最后一层表格里写上文字图片离格线的距离属性: cellpadding= .不让内容靠边.
再强调一遍,放进去的所有内容的宽度不要大于框的内宽,为了美观还要它们小一点.
图片宽度好设定,文字一般也用<br>分行的方法来限定它的宽度

3.内容居中:将位置属性align=center放到最后一层表格的<td>标签里,框里的内容就会都居中了:
<table ......><tr><td align=center>内容</td></tr></table>


五.做表格最容易犯的错误

<table ......><tr><td>内容</td></tr></table>

音画帖往往做框用很多表格,里面又大框套小框的用很多表格,由于疏忽经常会出现少写或多写收尾</td></tr></table>,使得整个帖变形.
所以,做了几个表格,就必须有几组收尾标签,多一个少一个都不行.


[ 本帖最后由 wzyh 于 2007-12-21 00:31 编辑 ]

wzyh

用工具做代码贴

用一个实例讲一下利用FrontPage做贴的过程

 

实例:

 

一生的守侯 盼着天快黑　在梦里和你相对 没有那流言　没有那是非 爱变得纯粹 你吻着我的嘴　眼里留下的泪 滋润了玫瑰　爱的花蕊 咸的爱情不会虚伪 等到天亮后　梦破碎 难把你找回 恨自己为何不能爱你到绝对 好想陪你到白头　一生和你永相守 害怕梦醒后　你飞走 不明白相爱的人还是要分手 好想厮守到白头　永远相偎不分手 今生来世放弃所有 不愿错过爱的人　一生守候 　 　下载 编辑:

 

一、 打开FrontPage ， 选择设计模式， 如图1




二、 表格——插入——表格，出现下图对话框，修改大小，布局等，如图2，点确定，出现图3模式






三、 重复第2步，再插入个表格，如图4设置（注意指定高度和宽度为即将插入图片的高与宽），点确定后出现两表格如图5






四、 光标位于小表格中，插入——图片——来自文件（选择你要放入的图片），如图6




五、 光标位于大表格中，上下添加文字，字体，字号，字色的更改如图7，添加完毕如图8






六、 光标位于文字下，表格——插入——表格（设置如图9，关键是1行2列），点确定，出现图10式样






七、 右键点击右边的那列——插入单元格，设置如图11，点确定出现图12






八、 光标位于左边那列，点击最下端的代码，如图13，这时出现大片代码，别急，在这片代码中找到光标的位置，直接插入<*EMBED src= http://www.ts49z.com/grzy/zl/wodeyinyue/陈淑桦-一生守侯.MP3 width=191 height=30 type=audio/x-pn-realaudio-plugin controls="ControlPanel" autostart="1">，这是试听代码（使用时去＊）。




九、 回到设计模式，光标点击位于右边的上列，再点击代码格式，用样在大片代码当中找到光标的位置，插入<*A href=" http://www.ts49z.com/grzy/zl/wodeyinyue/陈淑桦-一生守侯.MP3" target=_blank><*FONT face="华文行楷" color="#33CCCC" size="4" >下载<*/FONT><*/A> 这是下载链接代码（使用时去＊），如图14




十、 再次回到设计模式，在右边的下列，添加文字

十一、 现在你就可以点击代码模式，把那些令你头痛的代码复制粘贴到论坛，就ok啦。

wzyh

各式各样的播放器

提醒各位兄弟注意!!!复制代码试贴时一定要将播放器设为手动!!!否则

一旦播放器多了会产生一片嘈杂的声音,而且延缓网页打开的速度,切记!!!

几款最常用的播放器效果与代码

代码如下
<EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0">

代码如下
<EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true">

代码如下
<EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0">

代码如下
<EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0">

重要提示：

1 .WIDTH代表播放器宽度，HEIGHT代表高度，后面的数值可依自己喜好进行调整。
2. AUTOSTART="TRUE" 这里TRUE代表自动播放，如果换成FALSE则代表手动播放。

wzyh

装饰美化你的播放器

有了基本的款式后，我们就可以根据自己的想象力，巧用HTML的表格，根据自己的图片素材，装饰美化自己的播放器啦。只要你有足够的创意，调整代码，就可以得到各式各样的播放器。这里抛砖引玉先介绍几款。

首先我们可以为黑色播放器加上一个边缘
(中间红色的部分为原黑色播放器代码)

　

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD><p  align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

wzyh

　

代码如下
　

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<p  align=center><EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

wzyh

还可以将播放器置于一个单独的表格里，并加上表格的透明特效，播放器上的花纹就是表格的底图。

　

　

　

代码如下:
<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)">
<p  align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>

wzyh

还可以利用动态的GIF背景做成动态播放器

 

<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 align=center background=http://img.mms.sohu.com/mms/1213/00/12500/p2.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<p align=center><EMBED style="FILTER: Xtray" src=http://www.26yy.com/music//520yya/0076/9.wma width=340 height=50 type=audio/mpeg volume="0" autostart="false" loop="1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

wzyh

一.歌曲的标记:


<EMBED SRC="音乐文件地址">

在论坛做帖常用格试如下：

<EMBED src="歌曲地址" width=300 height=40 type=audio/mpeg loop="-1" autostart="FALSE" volume="0">

二.说明：


1. 手动播放: 
<EMBED src="歌曲地址" width=300 height=40 type=audio/mpeg loop="-1" autostart="FALSE" volume="0">


2. 打开页面自动播放: 

<EMBED src="歌曲地址" width=300 height=40 type=audio/mpeg loop="-1" autostart="TRUE" volume="0">


三:常用属性如下：

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="整数" 和 HEIGHT="整数"
设定控制面板的高度和宽度。

ALIGN="center"

设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom >

CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板 　　
smallconsole 较小的面板 　　
playbutton 只显示播放按钮 　　
pausecutton 只显示暂停按钮 　　
stopbutton 只显示停止按钮 　　
volumelever 只显示音量调节按钮

例一：

<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>

作为背景音乐来播放，隐藏了播放器。

例二：

<EMBED SRC="midi.mid" loop=true width=280 height=40>

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

注明：可用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支持。

IE中的的背景音乐

代码如下：

<bgsound src="音乐文件地址" loop=#>

#=循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。

发个音乐要了解那么多？呵呵，大家大可不必，想知道的可以了解一下，其实把上面代码复制过去换一下歌曲地址就ok了。。。
同时注意根据需要将手动播放"FALSE"改为自动播放"TRUE"

三.REAL MEDIA播放器
1,代码

<EMBED src="音乐文件地址" width=500 height=400 type=audio/x-pn-realaudio-plugin autostart="FALSE" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>

2.代码:

简约型代码

<EMBED align=middle src=音乐文件地址 width=39 height=18 type=audio/x-pn-realaudio-plugin loop="infinite" volume="100" controls="PlayButton" autostart="FALSE">

[ 本帖最后由 wzyh 于 2007-12-21 21:46 编辑 ]

憧憬人生

一晚上发了这么多，楼主辛苦！

wzyh

代码

<EMBED style="FILTER: invert(); WIDTH: 400px; HEIGHT: 50px" src=歌曲地址 type=audio/mpeg ShowStatusBar="1" autostart="false" loop="true" volume="0">

 

代码:

<EMBED style="FILTER: Xray(); WIDTH: 400px; HEIGHT: 50px" src=http://mms.blog.xuite.net/cf/0e/13002692/blog_47432/dv/3615742/3615742.asx type=audio/mpeg ShowStatusBar="1" autostart="TRUE" loop="true" volume="0">

 

 

<EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/default.asp width=400 height=172 type=application/x-mplayer2 FileName="http://mms.blog.xuite.net/cf/0e/13002692/blog_47432/dv/3615742/3615742.asx" SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" AUTOSTART="false" PlayCount="1">