★一周学会用代码做音画贴★
（游子制作　供初学者参考） 　 　　音画作品可以用网页软件制作或使用代码编辑，两者都必须略懂html语法．不懂英语而且上了年纪记忆力较差能不能学做音画网页呢？能！只要你会执行选择、复制、删除、保存和另存为等操作，采用＂套用标签代码的方法＂，一周就可以制作简单的音画网页．从套用标签代码入门之后，再找html语法来学习，就可以迎刃而解，创造出精采的作品．
套　用　代　码　学　习　目　录
◆ 学习前准备及套用代码的练习。◆ 代码编辑练习框使用说明。
◆ 学习表格标签做图框。◆ 常用文字设置标签代码。
◆ 如何在图片上插入文字。◆ 特效文字设置标签代码。
◆ 图形设置（贴图）标签代码。◆ 如何套用移动标签。
◆ 套用多媒体标签贴Flash.和歌曲。◆ 学习做一个完整的音画贴．
各种HTML标签代码实例。◆学做空间贴和超链接
一，学习前准备及套用代码的练习。
先认识一下HTML是什么？HTML是一种用来制作超文本文档的简单标签语言，它可以加入文字、图片、声音、动画、影视等内容，可以从一个文件跳转到另一个文件，与世界各地主机的文件连接．网络规格定一对小尖括弧　< 和 >　作为HTML标签专用符号，通过WWW浏览器显示出效果，当浏览器阅读到< 时，就会解读和执行标签内的各项指令并输出各种内容。这些指令符号用HTML标签名字，属性内容与属值构成．
HTML标签公式：
<标签名字 属性内容:属值>
......

◆第一行是首标签，开始执行标签内的设定指令（即属性内容与属值），一条标签可设置多条指令。
◆第二行是尾标签，结束设定指令
（一）先在电脑D区建一个命名为＂学习代码＂的文件夹，内存放一些记事本备用。
（二）记事本复制地方：开始菜单→所有文件→附件→＂记事本＂．
（三）打开HTML代码编辑练习框后保存在＂学习代码＂文件夹备用．
（四）打开一网音画txt上传后保存在＂学习代码＂文件夹备用．
（五）没有学过英文的还要学认26个英文字母，读音准不准无关系．
（六）编辑操作基本功练习：
１，做一张空白网页。
用表格标签和文字标签做成的空白网页代码：
◆用鼠标将上面代码全部刷黑，击点复制再粘贴到空白记事本中，关闭文本，任意用英文命名↙
◆重新打开代码文本，击点记事本左上角［文件］，选击［另存为］↙
◆在弹出另存为窗口下面［文件名］任意用英文和数字输入名称，如：a101.html↙
◆第二项［文件类形］选击［所有文件］之后按［保存］↙
◆这时立即出现一张可以在本机浏览的空白网页．
◆可以再次打开代码记事本，用其它更多的文字替换原来的说明文字．再执行上述操作．
２，做一张可以到处链接的网页。
用定位、表格、特效文字、常用文字和二条媒体设置等标签编成的音画贴代码示例：
◆复制上面代码粘贴到空白记事本中，关闭文本，用英文命名；t201．txt↙
◆打开【一网论坛免费音画TXT上传】。上传空间贴txt格式文件．↙
◆击点［浏览］，选择＂学习代码＂文件夹内的　t201．txt文件，双击打开，按［上传］↙
◆上传成功，复制文件地址，这就是网页地址，可以用各种方式传播．↙
举例一，将网页地址直接通过邮箱、短讯、QQ等发送给亲友浏览．网页地址如下：
http://up.gz1w.com/201002/a2e1e37222948ec3abedf2fbc1505293.txt
举例二，用超链接标签代码可以将网页在论坛、QQ和博客发表，代码　如下：
举例三，用网页贴代码可以将网页在址在一些论坛直接发表运行显示效果，代码如下：
返回到目录链接到编辑框
代码编辑练习框使用说明。
e 　 ◇ 套用代码编辑练习框◇[使用方法说明] 　　　　游子制作
0000
［返回到目录］
常用字体：
宋体　隶书　黑体　幼圆 华文新魏　华文行楷
华文彩云　楷体_GB2312
方正姚体　仿宋_GB2312
常用颜色代码表：
#FF0000
#0000FF
#FFFF00
#000000
#00FFFF
#FF00FF
#D2B48C
#FFD700
#808000
#8A2BE2
可以在这里上传TXT文件
[代码编辑练习框使用说明]
◆完整地复制要学习的代码。
◆先将代码粘贴到空白记事本中。也可直接粘贴到编辑框，但操作较难。
◆修改各种属性内容和属值，比如字体，字号和文字颜色的代码等等。
◆修改文字内容，文字可以单行，也可多行。
◆再将修改完毕的代码复制粘贴到“编辑练习框”．
◆按【运行代码】，浏览代码效果．
◆按【复制代码】，可将代码粘贴到空白记事本存档。也可以删除。
◆如果编辑出错或要重新练习，可以用鼠标将代码刷黑后击键盘删除键。
键盘删除键[Delete]位于键盘中间的功能小区。
◆代码中要修改数值，一定要用英文输入法。
◆【另存代码】是将代码转换成网页保存，具体操作方法：
（１）代码编辑完成运行效果正常，可按【另存代码】。
（２）在弹出的保存HTML文档窗口,选定保存到学习代码的文件夹。
（３）文件名最好用英文和数字，后辍为html，如a101.html 。
（４）击点［保存］，代码立即变成网页保存在学习代码的文件夹中。
（５）打开网页用鼠标右击选‘查看源文件’可复制作品的代码。
将代码贴做成空间贴的方法
用html代码编成的作品，要再做成空间贴，才能要拿到博客上发表。方法如下：
（１）将编好了的代码复制粘贴到空白记事本。
（２随便用英文和数字重命名，后辍为txt格式文件，如：a101.txt。
（３）到可以上传txt格式文件的空上传。
我是在【老人坊网站上传的】。（要先注册）
也可到不用注册的【一网论坛免费音画TXT上传】。
（４）将取得的网页文件地址贴到下面超链接代码中“网页文件地址”即可发表。
超链接标签代码模式：
说明文字
超链接标签代码实例：
欢迎您！启步学代码．
显示效果：
欢迎您！启步学代码．
［返回到目录］［链接到编辑框］
三，学习表格标签做图框．
学习表格标签做图框． 　　音画贴的图框是用表格标签做成的．图框的背景可用颜色，也可用图片，一般宽度５００－６００，全屏宽度８００－９００，高度设定１００即可，随着插入内容增多会自动而延伸．
 
全屏颜色背景图框代码模式：





全屏颜色背景图框实例代码：
 
图片作背景图框的代码模式：





图片作背景图框的实例代码：
 
２，图片背景图框：
显示效果：
插入文字和图片等内容
说明：
◆论坛发贴时，注意将第一行全屏代码中的水平定位语句style="LEFT: 0px．改为：style="LEFT: -220px
◆在代码框中练习修改背景的颜色或背景的图片地址，做一张你称意的图框．
查看更多背景素材
［返回到目录］［链接到编辑框］
四，常用文字设置标签代码。
我们要在页面上显示下面四行文字，就要用文字设置标签。
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
显示效果：
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
标签剖析：
◆说明：
第一行是文字首标签。
第二行是要显示的文字内容。
第三行是文字尾标签。
◆标签名字　font　文字设置。
◆属性内容１face=字体:属值选用一种字体可以是隶书，也可用华文行楷等其它字体。
◆属性内容２size=5:字号：属值参数1-7,1号最小，7号最大。
◆属性内容３color=文字颜色:属值可以是#FF0000（红色），也可以用#0000FF（蓝色）等其它颜色。
如果要更大的字号，可以套用css样式表字号语句style=font 代替常用字号语句size。例如：
显示效果：
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
文字标签内容不变，只修改各项属值参数，效果就不一样：
显示效果：
东风
同一条代码标签，只要修改各项属值参数，就可变化多端。 比如上面文字标签三要素改变了，效果就不一样。试作练习：选 择英文输入法，用鼠标将代码中字号200刷黑，击删除键，改 填为300;同法将颜色代码0000ff改为ff0000，运行代码看效果。
返回到目录链接到编辑框
如何在图片上插入文字。
一，发表文章的代码
说明：
这篇代码主要是用一条颜色背景的表格标签和一条文字设置标签编成的，各项属性内容的属值参数可自行修改。为了突出标题，在标题文字增加了居中和标题文字标签，即　和

。
标题文字标签 参数1-7,1最大，7最小。
行首要缩一个空格位，可用一个空格代码 。也可用一种快速方法：开启王码输入法，将输入法工具条的半角（半月形）改为全角（全圆月形），打击键盘空格键即可。
行尾如果要过行，应设一个过行代码
，二个
过行代码等于过段，即下面空一行。
显示效果：
守住一颗宁静的心
生活是一望无际的大海，人便是大海上的一叶小舟。大海没有风平浪静的时候，所以，人总是有欢乐也有忧愁。当无名的烦恼袭来，失意与彷徨燃烧着每一根神经，但是，朋友，别忘了守住一颗宁静的心，痛苦将不再有。
。。。。。。
二，在信纸图片插入文字的代码
说明：
１，第一条表格标签是贴信纸图片，宽度和高度必须按原来的大小。
２，第二条表格标签是设置文字插入范围。
３，信尾加一条居左设置标签，令树名和日期位置居左。
显示效果：
尊敬的领导：
您好!
很冒昧占用您宝贵的时间，感谢您在百忙之中读完我的 自荐 信。我是一名来自xx学院环境工程专业2007届的应届本科毕业生，在将要结束大学生活，掀开人生新的一页之时，我怀着无比激动的心情向您毛遂 自荐 ，接受您的挑选与考验。
乘风破浪、展鸿鹄之志;谨言慎行、做立业之人。虽没有名牌大学的光环，但我有较扎实的理论知识和不怕困难吃苦耐劳的精神。回首大学生活，充实的学习完善了我的知识结构，不断的思索和学习使我一步步地走向成熟。请给我一个机会，我将还您一个满意的回报!
最后，祝贵公司事业蒸蒸日上，祝您身体健康，万事如意。
此致
敬礼！
自荐人：xx　自200*年**月**日
三，用文字依原始样式显示标签的图片插入文字的代码
说明：
在图片上插入文字，如果图片较小文字不多时，可用文字依原始样式显示标签，即输入文字时先设这条首标签

文字输入完毕输入这条尾标签

。
◆用表格标签贴图片背景。
◆根据图片花边大约宽度，加大表格的单元格衬距宽度cellpadding=60。
◆用键盘上的空格键和回车键调整文字的位置。
显示效果：
冬梅大姐： 　　　祝您生日快乐！ 　　　　　　　小妹春兰 　　　　　　　2010/01/08
返回到目录链接到编辑框
三，特效文字设置标签代码。
所谓特效文字就是在文字标签代码行中套用CSS样式表的滤镜属性语句，使文字产生立体阴影和光晕重叠等特殊效果。
在文字的边外加光辉效果代码：
显示效果：
如画江山
滤镜修饰的文字阴影果代码：
显示效果：
网络世界
滤镜修饰的文字阴影效果代码
显示效果：
春风
显示效果：
七律　长征(1935.10)
红军不怕远征难，万水千山只等闲。
五岭逶迤腾细浪，乌蒙磅礴走泥丸。
金沙水拍云崖暖，大渡桥横铁索寒。
更喜岷山千里雪，三军过后尽开颜。
请注意：在修改编辑输入数字时，一定要用英文输入法。
返回到目录链接到编辑框
第三天贴图片即图形设置标签代码。
做音画贴要在图框内插入图片，必须在网上取来图片地址，方法是：标鼠对着图片击右键，在弹出下拉菜单中选最下行的＂属性＂，在弹出的窗口选中部的地址（URL），把地址完整的复制下来就可用了。“图片地址”样式：
http://www.igosc.com/Upfile/gzzphoto/ltphoto/22.jpg
贴图代码模式（１）：

BR>

BR>BR> 贴图代码实例（１）：
 
贴图代码模式（２）：


贴图代码实例（２）：
 
学习套用css样式表语句，贴羽化图片．
贴羽化图片（椭圆形）的代码模式：


贴羽化图片代码实例（椭圆形）：
 
贴羽化图片代码实例(X矩形）：
说明：
◆贴X矩形羽化图片和贴椭圆形羽化图片的代码是同一样的，只是羽化形式语句参数不同，即将代码中套用css语句：style="FILTER: alpha(opacity=100,style=2)" 的 style=2改为 style=3．也就是style=2为椭圆形，style=3为X矩形．
◇ 击点打开更多的风景图片素材◇
 
返回到目录链接到编辑框
如何套用移动标签代码。
移动标签名称：
移动内容：文字或图片
仅用移动标签名称，没有其它属性内容，系统默然从右向左移动．
文字走马灯式向左走的代码：


我和你，缘分长，天涯各一方。为梦想，寻万里，相聚诗歌网。


 
 
显示效果： 我和你，缘分长，天涯各一方。为梦想，寻万里，相聚诗歌网。
 
多张图片从右向左走的代码：
显示效果：

◆提示：在代码框中更换＂图片地址＂，运行效果成功，就是一个作品了．
 
文字或图片要用其它移动速度和移动方向，就必须在移动标签中加入速度和方向指令，即移动属性内容及属值．
图片左右来回移动的代码模式：

移动对象：文字内容


图片左右来回移动的代码实例：
显示效果：
图片左右来回移动

◆提示：在代码框中更换＂图片地址＂，运行效果成功，就是一个作品了．
 
多行文字从下向上移动的代码实例：
提示：
◆第一行代码

是居左定位．可改换为居中或居右，
◆居中的代码：

◆居右的代码：

◆在这个代码中设置有文字依原有形式显示指令．
◆在代码框中更换文字内容，运行效果成功，就是一个作品了．
返回到目录链接到编辑框
套用多媒体标签贴Flash.和歌曲代码。
图片加叠Flash动画代码模式：

这里插入内容

图片加叠Flash动画代码：
图片加叠Flash动画效果：
',1)">
 
贴Flash歌曲的代码模式：

贴Flash歌曲的代码实例：
 
播放器贴歌的代码模式：

播放器贴歌曲的代码实例：
◆提示：如果要隐藏播放器，将代码中播放器宽度和播放器高度均设为"0",即可．
◇ 查看背景音乐素材◇
返回到目录链接到编辑框
学习做一个完整的音画贴．
完整的音画贴的代码模式：
完整的音画贴的代码实例：
返回到目录链接到编辑框
学做空间贴和超链接
学习空间贴和超链接
音画贴做好后，可以在论坛上选用html模式发表．也可以做成空间贴，到其它个人主页和博客等媒体发表．另外还可将空间贴文件地址，用邮箱发送给亲朋好友分享你的成果．
空间贴的做法：音画贴编辑成功后，将代码复制在空白记事本上，命为：.txt 的格式文件，如a101.txt,扩展名前面的名字可任用英文和数字自定，但不能用汉字．找个可上传txt 格式文件地方上传，方法是像一传图片一样，击点浏览，打开要上传的文件，发表打开后把网页空间贴地址复制下来，用HTML代码超链接方式在网络上发表了．
有一些论坛在编辑栏中说明可以上传txt格式文件，但发表后显示的不是效果，而是代码的脚本文件．介绍几个可上传又能显示效果的地方：
◇免注册上传TXT文件 ◇ 老人坊论坛红网论坛
超链接代码模式::
超链接实例代码:
超链接显示效果:
◆击点打开： 如何做空间贴和超链接
 
空间贴不用超链接,可以直接发表运行.代码如下:
代码模式：

代码实例：
返回到目录链接到编辑框
为了让更多网友学用html代码制作音画贴，本贴欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请维护网络荣辱公德不要把原创编辑游子的名字改掉。谢谢！
原创编辑：游子　2008年10月试编 2010年03月改编