财经社区女性社区汽车社区军事社区文学社区社会社区娱乐社区游戏社区个人空间
上一主题:过下财不如过下人 下一主题:长发轻扬的精美音画帖——鹤乡摄影
思梦涵手工制作音画贴简易教程(四)
[楼主] 作者:凡花必痴  发表时间:2007/04/11 14:26
点击:1078次

思梦涵手工制作音画贴简易教程(四)

虽然是简易教程,涉及的内容和技巧却一点都不能简化。过于简化的结果,就是让从头开始才认识HTML标识符的人消化不良。但若不简化,时间和效率就成很问题,既不能在预定的时间内完成“速成”的计划,想必也会吓住对HTML超文本制作未入门的人,使其看着那些乱七八糟的“洋代码”望而却步。

网络论坛里的音画贴,看上去很华丽,再配上优美的音乐和煽情的文字,令观众和读者耳目一新,甚至为之有所感触。其实,这不过是音画贴作为一种稍具艺术性的表现方式,充分利用了人的视觉、听觉感知的同时,激发其自我想象力,以达到魅惑人心的目的。师傅龙在田野曾告诉俺:“音画贴不过是网上的闲情男人用来泡妞的一种庸俗老套的把戏”,这句话虽然有点偏激,但还是有一定道理的。有五年以上网络经历的人,大概都记得上个世纪八九十年代,刚有了OICQ和EMaill的那些年,网络上到处充斥着各式各样的贺卡,逢年过节、网友生日,一张制作精美的虚拟卡片,被你发给他,又被他转发给她。最后因为过于泛滥,其中的情色内容和形式成为污染网络环境的公害,大量无效重复的信息成为消耗网络资源的垃圾。
曾有人说“第一个用花儿比喻女人的人是天才,第二个人是庸才,第三个人是蠢才”。音画贴大概就是第三代的图文卡片。

制作音画贴在很大程度上,犹如女人化妆。与其说会化妆的女人知道怎样用脂粉使自己变得更加漂亮,还不如说会化妆的女人其实知道不化妆的自己是啥样子。铅华褪尽,显露本相,若把音画贴华美的装饰去掉,剩下的信息有多少精髓呢?

构成音画贴内容的三大要素是图片、文字和音乐,这些也应该是真正体现音画贴创作者聪明才智的要素,而制作页面的技巧,作为实现三大要素可视、可听、可读的形式,倒是应该位居第四。如果从这个意义上来说,你只要学会了在网络上显示图片、排版文字,播放音乐,就意味着已经掌握了制作音画贴的实质性技术。

令人遗憾的是,让人不得不首先花费最多时间和精力的,偏偏就是音画贴这种表现形式。制作音画贴的技巧越来越成了一种可以在人前炫耀的“技术”,而音画贴里的内容反倒被忽略或视若无睹。

『每一课程两题』

(一)如何让文字样式各异,大小随意。
语法:<FONT face="字体"  size="字号" color="颜色">被自定义字体样式、大小和特定颜色的文字</FONT>
<FONT></FONT>标识符用来定义文字的样式、文字的大小和颜色,该标识必须成对使用。如果只有定义而没有结束定义,将导致定义之后的所有文字继承被自定义的特性。

<FONT>标识有三个基本属性:

face="字体"  该属性用来定义文字的字体样式,字体名称必须是服务器上的操作系统可识别的。一般操作系统可识别的字体名称是黑体、宋体,仿宋_GB_2312,楷体_GB2312和隶书,默认字体是汉字为“宋体”。英文字母为“Arial”。假如设置face="华文彩云",必须要保证西陆论坛的Web服务器的系统里有这个字体,否则这个定义就是无效的,文字将被以系统默认的字体(宋体)显示出来。

size="字号"  该属性用来定义文字的字号大小,计算机上可显示的中文字大小有三种标准,一种是西方人的标准“磅”,一种是与操作系统和显示其分辨率无关的“像素”,还有一种就是中国人的标准“号”。习惯上采用中国标准,用0-9这十个数字代表字号,“0”号字最大,依次减缩,“9”号字最小。但是西陆论坛的文字编辑器并不采用这个标准,在西陆论坛里发贴,采用“增强模式”编辑文字,允许设置文字大小,但只提供了1-7这七个数字,而且是数字越大字号越大。

color="颜色"  该属性用来定义文字的显示颜色。颜色代码与设置网页背景和表格背景的代码一样。
color=Red,color=#ffff00,color=RGB(0,255,255),这三种设置方法都是合法的。

现在的网页制作技术和规范日益国际标准化,几乎所有的网站都开始使用CSS样式标准,制作网页的人最深切的体验便是,在自己的电脑上设置

好的字体样式和大小,将网页上传到网络上浏览时居然面目全非,原来设置的字体样式和大小全都变了样子。这正是因为非标准化的设置被CSS样式脚本所覆盖的结果。

所以,学会用CSS样式标准定义字体样式和大小也很有必要
语法:style="font-family:方正琥珀;font-size:18px;font-color:#000000">
设置网页字体的CSS样式标识也有三个基本属性,style=""这是基本语法。在""里面设置属性的语法是:
font-family:方正琥珀;   
font-size:18px;
font-color:#000000;
每个属性不用“=”赋值,而是用“:”赋值,属性之间不用空格间隔,而是用“;”间隔或结束。其中的“size:18px”表示文字的尺寸是18像素(利用像素控制文字的大小,可以在屏幕上显示非常大的文字,比如:size:180px),如果写成“size:18p”,则表示文字的大小是18磅。
定义文字的CSS样式标识,只能写入<BODY>、<TD>、<P>和<FONT>等标识符,作为其属性使用,而不能单独使用定义文字样式:
例如:
<BODY style="font-family:方正琥珀;font-size:18px;font-color:#000000;">
<TD style="font-family:方正琥珀;font-size:18px;font-color:#000000;">
<P style="font-family:方正琥珀;font-size:18px;font-color:#000000;">
<FONT style="font-family:方正琥珀;font-size:18px;font-color:#000000;">
以上四个定义,都是合法的。
定义文字的CSS样式标识,还可以在文字定义标识中与其它属性混合使用。
例如:<FONT face="楷体_BG2312" style="font-size:18px;" color=#000000>这个定义也是合法的。

附加:音画贴里的文字排版的问题。
音画贴里文字主要有两种排版形式,一种是诗歌,还有一种是短文。无论哪种排版形式,都需要划分段落、换行和低格缩进。

<P></P>这一对标识符,用来划分文章或诗歌的段落。语法:<P>一段文字</P>。在分段标识符里可以设置段落文字的行距,是得整篇文字显得更美观,不拥挤。语法:<P line-height:150%一段文字</P>,“150%”表示文字的行距相当于文字行高度的一倍半。

<BR>这是一个单独使用的标识符,用来将文字换行。用法:只需要在一行文字的最后写一个<BR>。<BR>还能多次连续换行,写几个<br>就换几行,有时候可以用<BR><BR>代替<P>划分文章的段落。

&nbsp;这也是一个单独使用的特殊标识符,它代表一个字节的空格,因为一个汉字等于两个字节,文章段落中需要首行缩进两个汉字是,可使用连续的四个“&nbsp;”。


(二)如何在网页中播放音乐
语法:<EMBED src="音乐文件的地址" type="audio/mpeg" autostart="1" showstatusbar="0" loop="true"></EMBED>
<EMBED></EMBED>这一对标识符,用来在网页上播放音乐或Flash动画。但是播放那个音乐和播放动画使用的属性是不同的。
播放音乐的<EMBED>标识符无需先用<OBJECT>控制,就可在网页里使用。事实上可将该标识符看作是一个媒体播放器,它的基本属性如下:

src="音乐文件的地址" 
用src属性设定音乐文件在网络上所在的真实地址(URL),一般是“域名+目录文件夹名称+文件名”,引用地址的原则和方法与显示图片的语法是一样的。例如:
http://jiangwenjun.vicp.net/mymusic/qqlove.mp3>。其中“http://jiangwenjun.vicp.net”是域名地址,“mymusic”

是服务器域名下的文件夹名称,“qqlove.mp3”是音乐文件的名称,从该文件名的后缀看出,音乐文件的格式是mp3。
网络上的音乐文件有很多格式,常见的格式是:mp3、wav、wma、mid和rm,文件名的后缀就表示该文件的格式。Flash动画的格式是swf。

type="audio/mpeg"
该属性用来申明播放器的类型和播放模式,如果未申明播放器的类型,浏览器默认用“Microsoft Windows media player”播放音乐
其中的“audio/mpeg”表示,可支持播放的模式是“声音/视频流”。

autostart="1"
该属性用来设置播放器是否自动加载媒体文件,并自动开始播放。autostart="1" 表示自动开始,autostart="0"表示不自动开始(需要手动操

作才能播放,这需要用鼠标去点击媒体播放器面板上的播放按钮)autostart="1" 和autostart="true"是等价的。 

showstatusbar="0"
该属性用来设置是否显示播放器的操作工具栏或按钮面板。showstatusbar="0" 表示不显示,showstatusbar="1" 表示显示。

loop="true"
该属性用来设置是否自动循环播放,loop="true"表示允许自动循环播放,loop="false"表示不允许自动循环播放(只播放一遍就停止)。true

和false是浏览器支持的VB/VBS脚本语言的两个逻辑值“真”和“假”,逻辑值为“真”时,循环成立。

hidden="true"
该属性用来设置播放器在网页上(帖子里)是否可见,hidden="true"表示隐藏播放器,不使用该属性时,默认显示播放器。
有时候使用该属性无法隐藏掉播放器,是因为浏览器的安全设置限制了VB脚本的有效性。可以在<EMBED>标识符里使用设置播放器显示区域尺寸的方法隐藏掉播放器。如:width=0 height=0

隐藏播放器,播放背景音乐的实例:
<EMBED src="音乐文件的地址" width=0 height=0 type="audio/mpeg" autostart="1" showstatusbar="0" loop="true"></EMBED>

点击查看原图

本帖地址:http://club.xilu.com/feelingbk/msgview-950438-136588.html[复制地址]
上一主题:过下财不如过下人 下一主题:长发轻扬的精美音画帖——鹤乡摄影
 [2楼]  作者:学海无涯qs  发表时间: 2007/04/11 19:28 

回复:我原来准备删除这个的,没想到......
这么快就有人把你的那个删除了。
我看那个后面有你的两个跟帖,是不是你修改主帖,又被系统删除了。
假如是那样,你可千万不要修改这个了!

※※※※※※
学海无涯qs
 [3楼]  作者:思梦涵  发表时间: 2007/04/11 19:34 

回复:两天不见,我们大家望眼欲穿呢
我倒觉得什么形式并不重要,重要的是传达人的心意。一个制作精良的帖子,更显作者真纯的本意,至于拿来做什么用,仁者见仁,智者见智。
 [4楼]  作者:心碎片片雪  发表时间: 2007/04/11 22:37 

花痴,这一节看起来简单,用起来好难,不知道将这几个字符插在那里?
音乐的那个也是?
 [5楼]  作者:帅水兔  发表时间: 2007/04/11 22:46 

几天不见~~~想S俺了

去哪儿了?QQ上也不见你……你知不知道思念一个人的滋味???点击查看原图

 [6楼]  作者:学海无涯qs  发表时间: 2007/04/11 22:49 

思梦涵手工制作音画贴简易教程(1~4)

音画贴图教程及部分选帖-----[学海无涯qs]


※※※※※※
学海无涯qs
 [7楼]  作者:学海无涯qs  发表时间: 2007/04/11 23:15 

回复:拨云见物 茅塞顿开
初看网页的代码,总是让人云里雾里,不知道从何下手。
即使是学了些代码的知识,也往往在运用时,伤尽脑筋。
看了花痴老师的教程,使人茅塞顿开,有一种拨云见物、豁然开朗的感觉。
问题在于花老师从最基础讲起,从大家最关心的、最实用的进行剖析。
花老师从众多的代码概念中,提纲携领、选出最精华的部分,可谓独具匠心。
再次感谢老师为此付出的心血!我们一定会努力学习,以不辜负老师的期望。

※※※※※※
学海无涯qs
 [8楼]  作者:秋中飘逸  发表时间: 2007/04/12 07:42 

回复:很好:)
感谢您,不要删除,很好!!收藏了
 [9楼]  作者:梦思涵  发表时间: 2007/04/12 10:38 

回复:交作业:颐和春色
颐和春色
庭院深深   锁几多春色
廊映余晖   诉十分闲愁
枯树吐蕊   解百千烦忧
花香沁人   显万象生机
点击查看原图
 [10楼]  作者:梦思涵  发表时间: 2007/04/12 10:47 

回复:几个问题
1、还是没搞懂 center和align=center(左右居中),valign=middle(上下居中)的关系和应用。
2、cellSpacing=n 和cellPadding=n的实际应用,所以作业中的边框零乱
3、下方为何多出了一条蓝色,不知道原因。
4、基本实现了设计初衷,色彩没有进行搭配,主要为尝试编码。 5、音乐时断时续,是代码的问题还是链接的问题?
 [11楼]  作者:学海无涯qs  发表时间: 2007/04/12 12:19 

回复:成功之作!

我想你的原形基本上应该是下面的样子——
颐和春色
庭院深深   锁几多春色
廊映余晖   诉十分闲愁
枯树吐蕊   解百千烦忧
花香沁人   显万象生机
点击查看原图


※※※※※※
学海无涯qs
 [12楼]  作者:学海无涯qs  发表时间: 2007/04/12 12:29 

回复:基本看法

1、你在修改时,把西陆编辑器强加上的所有<br>去掉;

2、下面的蓝色小条,是你的音乐播放器引起的,你把他从表格里拿出来,放到整个表格外面的最后,就可以了;

3、音乐时断时续,主要是音乐地址的链接不太通畅,换一个好一些的地址,就会解决。

我看到这些,其他问题,请花痴老师解答。



※※※※※※
学海无涯qs
[楼主]  [13楼]  作者:凡花必痴  发表时间: 2007/04/12 12:44 

俺将你的源代码逐行批注了!

<DIV align=center><CENTER>
<br>
***(多余的<br>,应在发帖时去掉代码行之间的空行,或者发贴后立即修改,从源代码中予以删除,下同。)
<TABLE border=0 width=600 bgcolor=red cellSpacing=3 cellPadding=12>
***(最外层的表格宽度600像素,红色背景,表内单元个中元素距离边框线3像素,内嵌表格四周边框之外空出12像素)
<TR><TD border=0 width=500 bgcolor=yellow valign=middle align=center>
***(width=500是错误的,如果表格是只有一行一列的矩形框,单元格的宽度就是表格的宽度。)
***(valign=middle align=center表示单元格中所有元素-内嵌表格、图片、文字等,全都上下左右居中显示)
<table border=0 width=600 bgcolor=blue  cellSpacing=6 cellPadding=6>
***(这个表格是嵌套在外层表格的<TD>单元格里面的,其宽度比单元格容器大了100像素。)
<br>
***(多余的<br>
<tr><td border=0 width=400 bgcolor=black valign=middle align=center>
***(很明显,这个表格也是只有一行一列的矩形框,为何单元格的宽度要比表格宽度小了200像素?>
***(valign=middle align=center定义将使得下行代码定义得表格,在该单元格里上下左右居中显示)
<table border=0 width=600 bgcolor=green cellSpacing=6 cellPadding=6>
***(装入该表格得单元格的宽度只有400像素,该表格有被定义为600像素宽。)
<tr><td height=28 align=center>
***(该单元格的高度只有28像素,应该定义属性valign=middle使得其中的文字上下居中)
<FONT face="华文彩云" size="10" color=yellow>颐和春色</FONT>
***(size="10"赋值错误,中国没有10号字,且西陆论坛最大支持7号字)
<br>
<br>
***(多余的两个<br>,肯定是你的源代码在这里空了两行)
<MARQUEE scrollAmount=2 scrollDelay=240 direction=up width=520 height=130>
<CENTER><FONT face="华文中宋" size="5" color=yellow>庭院深深&nbsp; &nbsp;锁几多春色<br>廊映余晖&nbsp; &nbsp;诉十分闲愁<br>枯树吐蕊&nbsp; &nbsp;解百千烦忧<br>花香沁人&nbsp; &nbsp;显万象生机</FONT></CENTER>
</MARQUEE>
***(文字样式定义正确,&nbsp;空格标识符和<br>换行标识符的使用,无可挑剔)
<br>
</td></tr>
<br>
***(多余的<br>,在表格行与行之间的<br>是无效的,<BR>在单元格里使用,用于对可显示文字的换行,<BR>不能使得标识代码换行)
<tr><td width=90%><img border=0 alt="点击查看原图" style="CURSOR: hand" onclick="window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:if(this.width>screen.width*0.7)this.style.width=screen.width*0.7;" src=http://pic.tiexue.net/pics/2007_4_7_80196_5180196.jpg>
***(西陆自动给图片添加了代码,这些代码是用来让鼠标改变图片显示尺寸的。修改帖子是可以删除它们,让你的网页显示和刷新更快)
************************************
简化结果:
<tr><td width=90%><img border=0 src=http://pic.tiexue.net/pics/2007_4_7_80196_5180196.jpg>
************************************

<table border=0 width=600 bgcolor=blue  cellSpacing=6 cellPadding=6>
<br>
***(这里的<br>还是多余,却少了<tr><td>的定义标识符)
<EMBED src=http://www.swanrec.com/downfile/%e5%a6%86%e5%8f%b0%e7%a7%8b%e6%80%9d%ef%bc%88%e6%b4%9e%e7%ae%ab%ef%bc%89.mp3 width="0" height="0" type="audio/mpeg" autostart="1" showstatusbar="0" loop="true"></EMBED>
<br>
</td></tr></table>
***(隐藏的音乐播放器无需放在一个表格或者表格的单元格里,放在表外的任何位置都可以。你的做法会导致帖子里多出一条颜色,正是这个装播放器的表格)
<br>
***(多余的<br>)
</td></tr>
***(这里多出来了</td></tr>,数一数你的表格行,给它们配对,显然这两个是多余出来的)
<br>
</td></tr></table>
</TD></TR></TABLE></CENTER>
<br>
***(多余的<br>)
</DIV>

 [14楼]  作者:学海无涯qs  发表时间: 2007/04/12 13:20 

回复:专业水准!
让依葫芦画瓢者汗颜。痛感学习中来不得半点含混,也许会蒙混过关,可能将贻害大方。这里,不但学习了代码知识,更学习了您严谨的治学精神,这样的财富会终身受用的。
再谢老师的批复!

※※※※※※
学海无涯qs
[楼主]  [15楼]  作者:凡花必痴  发表时间: 2007/04/12 14:10 

因为你急于求成,阅读理解教程有点粗枝大叶
思梦涵

实例源代码如下:

<DIV><CENTER>
<TABLE borderColor=#000000 cellSpacing=3 cellPadding=12 width=600 border=1>
<TBODY>
<TR><TD vAlign=center align=middle width=600 bgColor=yellow border="0">
<TABLE cellSpacing=13 cellPadding=60 width=588 bgColor=red border=0>
<TBODY>
<TR><TD>
<TABLE borderColor=#ffffff cellSpacing=10 cellPadding=6 width=480 bgColor=#000000 border=1>
<TBODY>
<TR><TD vAlign=center align=middle><FONT style="FONT-SIZE: 180px; FONT-FAMILY: 华文彩云" color=#ffffff>思梦涵</FONT> </TD></TR>
</TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</CENTER></DIV>
<EMBED src=http://www.swanrec.com/downfile/%e5%a6%86%e5%8f%b0%e7%a7%8b%e6%80%9d%ef%bc%88%e6%b4%9e%e7%ae%ab%ef%bc%89.mp3 width=0 height=0 type=audio/mpeg loop="true" showstatusbar="0" autostart="1"></EMBED>

 [16楼]  作者:思梦涵  发表时间: 2007/04/12 14:22 

回复:知徒莫如师

我是怕你“跑了”。谢谢你花了这么大的精力批改,我好感动哦。晚上回来继续学习

 [17楼]  作者:梦思涵  发表时间: 2007/04/12 20:42 

回复:有些仍然不太懂,文字意思懂,但意义不懂

<DIV><CENTER>
<TABLE borderColor=#000000 cellSpacing=3 cellPadding=12 width=600 border=1>

borderColor=#000000 和bgcolor是等价的吗?边框为1、象素为600。cellSpacing=3该属性用来设置表格单元格中内容与表格边框的距离:是指黄色单元格与表格边框的距离吗?cellPadding=12该属性用来设置表格与外层容器的边距,能形象的讲是指那种颜色与那种颜色的距离吗?

 

<TBODY>
不知道什么意思

<TR><TD vAlign=center align=middle width=600 bgColor=yellow
border="0">

<TR><TD表示表格内的单元格,单元格的内容左右居中、象素600、背景为黄色、没有边框

 

<TABLE cellSpacing=13 cellPadding=60 width=588 bgColor=red border=0>
单元格中嵌套的一个表格,象素为588(为什么少了12呢?与cellPadding=12 )是什么关系不懂、背景为红色、没有边框的表格

<TBODY>
<TR><TD>
<TABLE borderColor=#ffffff cellSpacing=10 cellPadding=6 width=480 bgColor=#000000 border=1>
单元格内嵌套的一个表格,象素为480(也不懂什么意思)、背景为#000000色、边框宽度为1

<TBODY>
<TR><TD vAlign=center align=middle><FONT style="FONT-SIZE: 180px; FONT-FAMILY: 华文彩云" color=#ffffff>思梦涵</FONT> </TD></TR>

表格内的单元格,文字左右上下居中,颜色#ffffff、字号为FONT-SIZE: 180px、字体为华文彩云、颜色为color=#ffffff色。

</TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</CENTER></DIV>
<EMBED src=http://www.swanrec.com/downfile/%e5%a6%86%e5%8f%b0%e7%a7%8b%e6%80%9d%ef%bc%88%e6%b4%9e%e7%ae%ab%ef%bc%89.mp3 width=0 height=0 type=audio/mpeg loop="true" showstatusbar="0" autostart="1"></EMBED>
播放器的属性、音乐自动开始、不显示播放器的工具栏、象素宽度为0、象素高度为0、音乐自动循环播放、隐藏播放器。

 [18楼]  作者:梦思涵  发表时间: 2007/04/12 20:56 

回复:还是有不懂的地方

<DIV align=center><CENTER>
<br>
***(多余的<br>,应在发帖时去掉代码行之间的空行,或者发贴后立即修改,从源代码中予以删除,下同。)懂了
<TABLE border=0 width=600 bgcolor=red cellSpacing=3 cellPadding=12>
***(最外层的表格宽度600像素,红色背景,表内单元个中元素距离边框线3像素,内嵌表格四周边框之外空出12像素)好像不太懂,试试看
<TR><TD border=0 width=500 bgcolor=yellow valign=middle align=center>
***(width=500是错误的,如果表格是只有一行一列的矩形框,单元格的宽度就是表格的宽度。)
***(valign=middle align=center表示单元格中所有元素-内嵌表格、图片、文字等,全都上下左右居中显示)懂了
<table border=0 width=600 bgcolor=blue  cellSpacing=6 cellPadding=6>
***(这个表格是嵌套在外层表格的<TD>单元格里面的,其宽度比单元格容器大了100像素。)懂了,要小于表格外层12以上,为588以下
<br>
***(多余的<br>
<tr><td border=0 width=400 bgcolor=black valign=middle align=center>
***(很明显,这个表格也是只有一行一列的矩形框,为何单元格的宽度要比表格宽度小了200像素?>懂了,要与表格的象素相同,为588
***(valign=middle align=center定义将使得下行代码定义得表格,在该单元格里上下左右居中显示)
<table border=0 width=600 bgcolor=green cellSpacing=6 cellPadding=6>
***(装入该表格得单元格的宽度只有400像素,该表格有被定义为600像素宽。)懂了,也应该是588
<tr><td height=28 align=center>
***(该单元格的高度只有28像素,应该定义属性valign=middle使得其中的文字上下居中)懂了
<FONT face="华文彩云" size="10" color=yellow>颐和春色</FONT>
***(size="10"赋值错误,中国没有10号字,且西陆论坛最大支持7号字)懂了
<br>
<br>
***(多余的两个<br>,肯定是你的源代码在这里空了两行)懂了
<MARQUEE scrollAmount=2 scrollDelay=240 direction=up width=520 height=130>
<CENTER><FONT face="华文中宋" size="5" color=yellow>庭院深深&nbsp; &nbsp;锁几多春色<br>廊映余晖&nbsp; &nbsp;诉十分闲愁<br>枯树吐蕊&nbsp; &nbsp;解百千烦忧<br>花香沁人&nbsp; &nbsp;显万象生机</FONT></CENTER>
</MARQUEE>
***(文字样式定义正确,&nbsp;空格标识符和<br>换行标识符的使用,无可挑剔)
<br>
</td></tr>
<br>
***(多余的<br>,在表格行与行之间的<br>是无效的,<BR>在单元格里使用,用于对可显示文字的换行,<BR>不能使得标识代码换行)懂了
<tr><td width=90%><img border=0 alt="点击查看原图" style="CURSOR: hand" onclick="window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:if(this.width>screen.width*0.7)this.style.width=screen.width*0.7;" src=http://pic.tiexue.net/pics/2007_4_7_80196_5180196.jpg>
***(西陆自动给图片添加了代码,这些代码是用来让鼠标改变图片显示尺寸的。修改帖子是可以删除它们,让你的网页显示和刷新更快)
************************************
简化结果:
<tr><td width=90%><img border=0 src=http://pic.tiexue.net/pics/2007_4_7_80196_5180196.jpg>懂了
************************************

<table border=0 width=600 bgcolor=blue  cellSpacing=6 cellPadding=6>
<br>
***(这里的<br>还是多余,却少了<tr><td>的定义标识符)明白
<EMBED src=http://www.swanrec.com/downfile/%e5%a6%86%e5%8f%b0%e7%a7%8b%e6%80%9d%ef%bc%88%e6%b4%9e%e7%ae%ab%ef%bc%89.mp3 width="0" height="0" type="audio/mpeg" autostart="1" showstatusbar="0" loop="true"></EMBED>
<br>
</td></tr></table>
***(隐藏的音乐播放器无需放在一个表格或者表格的单元格里,放在表外的任何位置都可以。你的做法会导致帖子里多出一条颜色,正是这个装播放器的表格)明白
<br>
***(多余的<br>)
</td></tr>
***(这里多出来了</td></tr>,数一数你的表格行,给它们配对,显然这两个是多余出来的)明白,看了你的批注,明白了代码要每种设置逐行写
<br>
</td></tr></table>
</TD></TR></TABLE></CENTER>
<br>
***(多余的<br>)
</DIV>

[楼主]  [19楼]  作者:凡花必痴  发表时间: 2007/04/12 20:57 

回复:一片片雪妹妹的问题!
我不想说我是只鸡
点击查看原图

我不想说我很清洁,
我不想说我很安全,
可是我不能拒绝人们的误解,
看看紧闭的圈数数刚下的蛋,
等待被扑杀的危险.

吃我的肉我没意见,
拿我的蛋我也情愿,
可是我不能容忍被当作污染,
想想命运的苦擦擦含泪的眼,
人的心情我能理解.

一样的鸡肉,一样的鸡蛋,
一样的我们咋就成了传染源,
禽流感,很危险,
谁让咱有个鸟类祖先.

孩子他爹已经被处决,
孩子他哥抓去做实验,
这年头做只鸡比做人还艰难,
就算熬过今天就算过了明天,
后天估计也得玩儿完.

一样的鸡肉,一样的鸡蛋,
一样的我们却已不值一钱,
一样得吃肉,一样得吃饭,
人不能没有鸡的世界.

一样的鸡肉,一样的鸡蛋,
一样的我们却过不了本命年,
一样得吃肉,一样得吃饭,
人不能没有鸡的世界.

2005年过去了,
希望一切不美好都能过去,
愿天下所有的小鸡 小鸭 小朋友们都能健康成长,
愿世界充满健康和平,人不能没有鸡的世界!

实例源代码如下:

<DIV><CENTER>
<TABLE borderColor=#000000 cellSpacing=3 cellPadding=20 width=640 border=1>
<TBODY>
<TR><TD vAlign=center align=middle width=640 bgColor=yellow border="0">
<TABLE cellSpacing=13 cellPadding=40 width=620 bgColor=red border=0>
<TBODY>
<TR><TD>
<TABLE borderColor=#ffffff cellSpacing=8 cellPadding=6 width=580 bgColor=#000000 border=1>
<TBODY>
<TR><TD vAlign=center align=middle>
<FONT SIZE=7; face=华文行楷 color=#ffffff>我不想说我是只鸡</font></TD></TR>
<TR><TD vAlign=center align=middle>
<IMG src=http://img109.icxo.com/20063/2006315119533-16.jpg width=520>
</TD></TR>
<TR><TD Align=center><MARQUEE scrollAmount=1 scrollDelay=350 direction=up width=320 height=180>
<CENTER>
<P align=left  style="FONT-SIZE:18px;FONT-FAMILY:宋体;">
我不想说我很清洁,<br>
我不想说我很安全,<br>
可是我不能拒绝人们的误解,<br>
看看紧闭的圈数数刚下的蛋,<br>
等待被扑杀的危险.</P>
<P align=left  style="FONT-SIZE:18px;FONT-FAMILY:宋体;">
吃我的肉我没意见,<br>
拿我的蛋我也情愿,<br>
可是我不能容忍被当作污染,<br>
想想命运的苦擦擦含泪的眼,<br>
人的心情我能理解.</P>
<P align=left  style="FONT-SIZE:18px;FONT-FAMILY:宋体;">
一样的鸡肉,一样的鸡蛋,<br>
一样的我们咋就成了传染源,<br>
禽流感,很危险,<br>
谁让咱有个鸟类祖先.</P>
<P align=left  style="FONT-SIZE:18px;FONT-FAMILY:宋体;">
孩子他爹已经被处决,<br>
孩子他哥抓去做实验,<br>
这年头做只鸡比做人还艰难,<br>
就算熬过今天就算过了明天,<br>
后天估计也得玩儿完.</P>
<P align=left  style="FONT-SIZE:18px;FONT-FAMILY:宋体;">
一样的鸡肉,一样的鸡蛋,<br>
一样的我们却已不值一钱,<br>
一样得吃肉,一样得吃饭,<br>
人不能没有鸡的世界.</P>
<P align=left  style="FONT-SIZE:18px;FONT-FAMILY:宋体;">
一样的鸡肉,一样的鸡蛋,<br>
一样的我们却过不了本命年,<br>
一样得吃肉,一样得吃饭,<br>
人不能没有鸡的世界.</P>
<P align=left  style="FONT-SIZE:18px;FONT-FAMILY:宋体;">
2005年过去了,<br>
希望一切不美好都能过去,<br>
愿天下所有的小鸡 小鸭 小朋友们都能健康成长,<br>
愿世界充满健康和平,人不能没有鸡的世界!</P>
</CENTER></MARQUEE>
</TD></TR>

</TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</CENTER></DIV>

<EMBED src="http://www.ncfz.com/uploadfile/2006-1/200612415423088704.mp3>" width=0 height=0 type=audio/mpeg loop="true" showstatusbar="0" autostart="1"></EMBED>

[楼主]  [20楼]  作者:凡花必痴  发表时间: 2007/04/12 21:26 

最后错懂了!

明白,明白了代码要每种设置逐行写

这个明白是错误的!代码中标识符的属性设置不是逐行的。

浏览器窗口包含网页,网页包含表格,表格包含单元格,单元格包含文字。包含与被包含的关系的“父子关系”,在父层次里设置的特性,被包含的子层次会自动继承,除非在子层次重新设置其属性,其特性才会不同于父层。而一旦重新设置了子层次的特性,包含在子层次的孙层次就会继承它的上一层中的设置。


 

[楼主]  [21楼]  作者:凡花必痴  发表时间: 2007/04/12 21:49 

你的钻劲很适合做这类工作!

问:borderColor=#000000 和bgcolor是等价的吗?

答:前者设置表格边框的颜色,后者设置表格背景的颜色!

问:<TBODY>不知道什么意思?

答:表格本来有表头和主体两部分,<TBODY></TBODY>是定义表格主体部分的标识符。<tr><td></td></tr>定义的单元格就应该包含在表格的主体内,即<TBODY>和</TBODY>。在网页上画表,一般都将表头省略,所以也可将表的主体标识省略。

问:单元格内嵌套的一个表格,也不懂什么意思?

答:表格内的单元格,就是表格的网格(格子),网页上允许在表格的任意一个格子里再画表格,这就叫做单元格里嵌套表格,即大表套小表。<TD></TD>之间就是一个单元格。

问:定义了cellPadding=12,表格的宽度有何就少了12像素?

答:看实例的画面,最中间的黑色区域, 白色的细线条,是用border=1和bordercolor=#fffffff画出来的,黑色的矩形框只之所以四周有很宽的红色边,是因为黑表格外面的红色背景的表格设置了cellPadding=60,这使得黑色表格的边框之外,距离外层表格的边框有60像素的空白。黑表格的白色边框线之所以不在黑色表格的最边缘,是因为在定义黑色表格是使用了cellSpacing=10

[楼主]  [22楼]  作者:凡花必痴  发表时间: 2007/04/12 21:56 

你怎么躲在角落里偷偷地想俺!

喊俺也不大点声!点击查看原图

再这么没出息,俺就成了如风美丽的相公了!点击查看原图

点击查看原图

 [23楼]  作者:梦思涵  发表时间: 2007/04/12 22:40 

好像明白点儿了,再看看这个:小小读书郎(劳驾老师或老哥帮忙换个音乐)
小小读书郎
小呀小儿郎
读书读断肠
不怕头发掉
不怕两眼花
只为考上好学校
父母少花叁万捌
点击查看原图
 [24楼]  作者:思梦涵  发表时间: 2007/04/12 22:58 

回复:你理解错了
我的意思是说,写的时候逐行写,不会忘记或者多了、少了代码。我明白包含的关系,不因为换行儿改变
 [25楼]  作者:思梦涵  发表时间: 2007/04/12 23:17 

回复:我想给绿色的表格加个白色的边框,怎么成这样了?
小小读书郎
小呀小儿郎
读书读断肠
不怕头发掉
不怕两眼花
只为考上好学校
父母少花叁万捌
点击查看原图
 [26楼]  作者:思梦涵  发表时间: 2007/04/12 23:19 

回复:我给自己挖了一个坑,你还推我一把!!
思梦涵手工制作音画贴简易教程(四)
[楼主]  [27楼]  作者:凡花必痴  发表时间: 2007/04/12 23:54 

看来消化功能强大了

<table border=2 width=90% bordercolor= white bgcolor=green cellPadding=12>

因为你设置了cellSpacing=12  所以绿色表格的边框线外面就多了12像素的边距。

点击查看原图       点击查看原图

 [28楼]  作者:学海无涯qs  发表时间: 2007/04/13 14:16 

思梦涵手工制作音画贴简易教程(1~4)



音画贴图教程及部分选帖-----[学海无涯qs]


※※※※※※
学海无涯qs

精彩推荐>>

  简捷回复 [点此进入编辑器回帖页]  文明上网 理性发言
 推荐到西陆名言:
签  名:
作  者:
密  码:
游客来访 
注册用户 提 交

0.24743604660034