超人钢铁之躯在线观看:分享】【音画教程】学做音画贴子从基本代码开始(适合初学者)

来源:百度文库 编辑:九乡新闻网 时间:2024/05/03 12:41:56

【音画教程】学做音画贴子从基本代码开始(适合初学者)
HTML语言说明(从最基本代码开始认识)
是表格的起始符,与
成对使用
borderColor=#7a1f56 边框的颜色
cellSpacing=10 表格格线的厚度
cellPadding=0 边框的距离
width="100%" 表格宽度,分绝对值(如 80)及相对值(如 80%)
border=10 表格边框的厚度,不同浏览器有不同的内定值,故请指明
行,与成对使用
列,与成对使用
背景
borderColor=#ffff00 width="100%">

帖子内容,文字或图片.....

的参数设定(常用):
gn="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercol
orlight="#00FF00" bordercolordark="#00FFFF" cols="2">
注解:
width="400"
表格宽度,接受绝对值(如 80)及相对值(如 80%)。
border="1"
表格边框的厚度,不同浏览器有不同的内定值,故请指明。
cellspacing="2"
表格格线的厚度
align="CENTER"
表格的摆放位置(水平),可选值为: left, right, centervalign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。
background="myweb.gif"
表格的背景图片,与 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色,与 background 不要同用bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor
将会失效。
cols="2"
表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。  帖图基本格式如下:

称图形标记,主要用来插入图形标记。
的一般参数设定:
例如 alt="Logo of PenPals Garden" lowsrc="pre_logo.gif"> src="logo.gif"
图片来源,接受 .gif, .jpg 及 .png 格式,前两者通行已久,后者则由 96 年开始发展,
于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称,否则 必须
加上正确的路径,相对或绝对均可。
width=自然数 height=自然数
设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小,
以免失真,若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的
宽和高要成正比例,图片最好是改小不改大,以免失真。)hspace=自然数 vspace=自然数
设定图片边沿空白,以免文字或其它图片贴近。hspace 是设定图片左右的空间, 是设定
图片上下的空间,高度采用 pixels 作单位。
border=自然数
图片边框厚度
align="top"
调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底部、 左右等,
可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline,
absmiddle, absbottom,
texttop 表示图片和文字依顶线对齐,
baseline 表示图片对齐到目前文字行底线值,
absmiddle 表示图片对齐到目前文字行绝对中央,
absbottom 表示图片对齐到目前文字行绝对底部,(绝对底部是指它考虑到比如 y 、g、q
等字的下边)。
alt="Logo of PenPal Garden"
这是用以描述该图形的文字,若使用文字浏览器,由于不支持图片,这些文字 将会代替图
片被显示。若支持图片的浏览器,当鼠标移至图片上该文字也会显示。
lowsrc="pre_logo.gif" 设定先显示低解析度的图片,若加入的是一张很大的图片,下载要很
长的时间,这张低 解析度的图片会先被显示以免浏览者失去兴趣,通常是原图的黑白版本
载入音乐
基本语法:

常用属性如下:
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"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、
left、right、texttop、middle、absmiddle、absbottom
CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板
smallconsole 较小的面板
playbutton 只显示播放按钮
pausecutton 只显示暂停按钮
stopbutton 只显示停止按钮
volumelever 只显示音量调节按钮
例一:

作为背景音乐来播放,隐藏了播放器。
在论坛做帖常用格试如下:
一:
autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1">

说明:一般用来插入mp3 rm ra ram asf mid 等音乐文件,如果要隐藏播放器,把width
和height的数值改成0或者1就可以了。
二:
说明:一般用来插入wav wma mid mp3等格试的音乐文件。
文字设制

插入文字


align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看
face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等
size=字体大小,这里的最大值为7 取值越大文字就越大
HTML的英语全称为Hyper Text Markup Language,中文意思是超文本标识语言
简称为:超文本语言)。
它是计算机语言的最基础、最简单的部分。我们知道计算机最基本的识别文字
也叫语言)就是26个英文字母+10个阿拉伯数字+部分标点符号。论坛上的HTML
音画制做是不借助任何软件的,所以就必须使用HTML语言(部分网站及专业论坛
是不开放HTML设置的)。
初学者(包括偶)一打开HTML制式,看到的往往是一堆代码,即便不晕也是丈二
和尚,往往会在这个时期放弃学习,实际上你只要摸上规律,找到窍门,它是很简
单的,因为它的组成是有定律的、是固定的。
准备工作:(了解最起码的html语法)
1.

.....


标志对是用来创建一个段落,在此标志对之间加入的文本 将按照段落的格式显示
在浏览器上。另外,

标志还可以使用align属性,
它用来说明对齐方式,语法是

align可以是Left(左对齐)、 Center(居中)
和Right(右对齐)三个值中的任何一个。

表示标志对中的文本使用居中的对齐方式。align 表示位置
2.
是一个很简单的标志,它没有结束标志,因为它用来创建一个回车换行.
3.
表格(我们可以把他理解为桌面或一个工作面)
开始,
结束
4. 说明表格的一个行,表有多少行就有多少个(简单理解为横向)
5. 则填充(简单的理解为纵向)
6. cellpadding=文本与表框的距离用(使用数字)
7. 它可以对输出文本的字体大小、其语法通常由 size=字体大小号码) color =颜色
常量名,face=选用的字体
8. 标志对的src属性赋值在图片中应用
9.
标志是在Html文档中加入一条水平线,它可以直接使用
10. 是Html文档的主体部分
11. 背景颜色通常使用
就是主体背景颜色(通常我们说的大背景颜色)
12. 设置主体文本颜色
设置链接颜色。
13. 表示边框
14. 背景通常使用为背景图片的连接地址
17. 边框相临两边的颜色及内置相对两边的颜色(左相临
及对应右相临)
18. 边框相临两边的颜色及内置相对两边的颜色
19. cellSpacing=边框与内置边框的宽度
20. width=宽度 height=高度
HTML语言音画最基本的构成就是四个部分:
边框
图片(内容)
音乐
FLASH
一、制作边框(把以下代码先复制到源代码状态)
15/11420883_9.jpg>


>

=10 width="100%" borderColorLight=#000000 background=http://image28.360doc.com/DownloadImg/2011/05/0
315/11420883_7.jpg border=1>



15/11420883_9.jpg>


BODY>

5/11420883_8.jpg border=0>



音画教材


切换到编辑栏里看效果
音画教材
二、边框的基本格式及说明





bordercolorlight=亮边框颜色 border=边框的厚度 width="网页宽度" background=
第二层边框图片地址>















音画教材






说明:
:表格的起始符。任意一个表格的开始都必须以它开头,且必须有终止符
。cellspacing:cellpadding:width:background::表体的起始符。
紧跟在之后,表示表体开始。必须有结尾符,放在
之前。
:tr的作用是规定表格的行,其中,t是table,r是row(行)。有多少组tr,这
张表格就有多少行。紧跟在之后。必须有终止符。:td的作
用是规定表格的列,t是table,d可理解为down(向下)。有多少组td,这张表格
就有多少列。第一个紧跟在之后。终止符为。td与tr配合构成单元格
。border:此属性定义表格的边框。比如,border=1,表示表格边框的粗细为1个
像素(默认值),为0表示没有边框。
表格的背景图。其值为一个有效的图片地址。也有此属性。同时设置背景色
和背景图不冲突,也建议这么做,这样,当图片不能显示时,表格的外观依然是
好看的。表格的宽度。取值从0开始,默认以像素为单位,与显示器的分辨率的像
素是一致的。800×600的显示分辨率下,如果表格设置成1000个像素的宽度,那么,
得出的效果将导致IE的横向滚动条出现,只有通过滑动它才能看到表格最右边的内
容,所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使
用百分比,如widht="100%",这种赋值法有个好处:表格的宽度将根据可显示的宽
度来自我调整宽度。
用来指定单元格内容与单元格边界之间的空白距离的大小。
单元格间距,用来指定表格与各单元格之间的空隙。
三、 自己制作边框
选择好素材:

1、制作表格:
化为HTML模式,查看代码:
border=2 heihgt="">




3、修改边框颜色代码:
点击以下网页,选择颜色代码:
http://www.ymy00.com/Article/ShowArticle.asp?ArticleID=563
代码如下:
border=1>



读者音画教材

4、添加背景图片:
(1)、第一层边框:
加上背景图片代码及地址,把border=1改为border=0,把cellSpacing
=2的2修改得大一点,比如20,数越大,边框越宽




读者音画教材

转为“编辑”模式看效果:
读者音画教材
这是第一层边框。
(2)、第二层边框:
把第一层的上半部分复制并修改:



效果如下
(3)、第三层边框:



效果如下:
(4)、前三层边框:














读者音画教材



转换“编辑”看效果:
读者音画教材
(5)、多层边框:
第四层代码与第二层一样,第五层代码与第一层一样,第六层代码与
第二层一样……(图片可以更换)




















82AB border=0 background=http://image28.360doc.com/DownloadImg/2011/05/0315/11420883
_2.jpg>













读者音画教材







读者音画教材
这是七层边框的制作。朋友们可以继续制作更多层边框,图片地址也可以
自己更换。这样,各种漂亮的边框就制作成功了!
四、宽屏边框的的制作
为了网页的美观大方,制作边框时往往会选择宽屏,只要在第一层的中,增加以下红
色代码即可: