九乡新闻网长沙花鼓戏艺术学院:不懂代码者如何学做音画网页★ 献给初学者参考 游子制作
来源：百度文库 编辑：九乡新闻网 时间：2024/04/20 10:51:02
前 言
现在上网的朋友都拥有博客或个人主页等网络空间，要把这个小家园装修得精彩漂亮，就必须学习HTML代码．但是，很多新手打开教材一看，觉得非常困难，不知从何入门？ 其实，不难！因为HTML代码不是程序语言，而是一种标签语言， HTML标签好像是设备用具一样可以拿来套用。音画贴是用几种标签代码编成的，即使你不懂英文上了年纪的人，也可以轻松地套用现成的标签代码制作音画作品。
HTML是什么？网络规格定小尖括弧 < 和 > 作为HTML标签专用符号，当浏览器阅读到< 时，就会解读和执行标签内的各项指令并输出效果。这些指令符号用HTML标签名字，属性内容与属值构成， 一篇音画网页有很多条标签代码，不过都是标签名字，属性内容与属值等内容。学代码先学习HTML标签，可以轻松快速入门，一通百通。如果你喜欢就跟我来学习吧！
目 录
如何学会做音画的学习心得。套用代码练习框及使用方法。
几项准备与编辑操作练习。如何学会使用HTNL标签。
常用文字设置标签代码。特效文字设置标签代码。
图形设置（贴图）标签代码。套用表格标签设置图框。
图片插入文字的代码。网页插入音乐或Flash的方法。
如何套用各种移动标签代码。音画贴代码实例。
各种HTML标签代码实例。十，如何做一张网站链接网页。
一周学会用代码做音画贴依样画葫芦 试做音画贴
◆欢迎您！启步学代码。◆ ◆可以在这里上传TXT文件◆
◇ 套用代码编辑练习框◇[使用方法说明] 游子制作
0000
［返回到目录］
常用字体：
宋体 隶书 黑体 幼圆 华文新魏 华文行楷
华文彩云 楷体_GB2312
方正姚体 仿宋_GB2312
常用颜色代码表：
#FF0000
#0000FF
#FFFF00
#000000
#00FFFF
#FF00FF
#D2B48C
#FFD700
#808000
#8A2BE2
[代码编辑练习框使用说明]
◆完整地复制要学习的代码。
◆先将代码粘贴到空白记事本中。也可直接粘贴到编辑框，但操作较难。
◆修改各种属性内容和属值，比如字体，字号和文字颜色的代码等等。
◆修改文字内容，文字可以单行，也可多行。
◆再将修改完毕的代码复制粘贴到“编辑练习框”．
◆按【运行代码】，浏览代码效果．
◆按【复制代码】，可将代码粘贴到空白记事本存档。也可以删除。
◆如果编辑出错或要重新练习，可以用鼠标将代码刷黑后击键盘删除键。
键盘删除键[Delete]位于键盘中间的功能小区。
◆代码中要修改数值，一定要用英文输入法。
◆【另存代码】是将代码转换成网页保存，具体操作方法：
（１）代码编辑完成运行效果正常，可按【另存代码】。
（２）在弹出的保存HTML文档窗口,选定保存到学习代码的文件夹。
（３）文件名最好用英文和数字，后辍为html，如a101.html 。
（４）击点［保存］，代码立即变成网页保存在学习代码的文件夹中。
（５）打开网页用鼠标右击选‘查看源文件’可复制作品的代码。
将代码贴做成空间贴的方法
用html代码编成的作品，要再做成空间贴，才能要拿到博客上发表。方法如下：
（１）将编好了的代码复制粘贴到空白记事本。
（２随便用英文和数字重命名，后辍为txt格式文件，如：a101.txt。
（３）到可以上传txt格式文件的空上传。
我是在【老人坊网站上传的】。（要先注册）
也可到不用注册的【一网论坛免费音画TXT上传】。
（４）将取得的网页文件地址贴到下面超链接代码中“网页文件地址”即可发表。
超链接标签代码模式：
说明文字
超链接标签代码实例：
欢迎您！启步学代码．
显示效果：
欢迎您！启步学代码．
［返回到目录］［链接到编辑框］
一，启步学习的几项准备。
（一）先在电脑D区建一个命名为＂学习代码＂的文件夹，内存放一些记事本备用。
（二）记事本复制地方：开始菜单→所有文件→附件→＂记事本＂．
（三）打开HTML代码编辑练习框后保存在＂学习代码＂文件夹备用．
（四）打开一网音画txt上传后保存在＂学习代码＂文件夹备用．
（五）没有学过英文的还要学认25个英文字母，只要认识字形即可，读音准不准无关系．
（六）编辑操作基本功练习：
１，做一张空白网页。
用表格标签和文字标签做成的空白网页代码：
◆用鼠标将上面代码全部刷黑，击点复制再粘贴到空白记事本中，关闭文本，任意用英文命名↙
◆重新打开代码文本，击点记事本左上角［文件］，选击［另存为］↙
◆在弹出另存为窗口下面［文件名］任意用英文和数字输入名称，如：a101.html↙
◆第二项［文件类形］选击［所有文件］之后按［保存］↙
◆这时立即出现一张可以在本机浏览的空白网页．
◆可以再次打开代码记事本，用其它更多的文字替换原来的说明文字．再执行上述操作．
２，做一张可以到处链接的网页。
用定位、表格、特效文字、常用文字和二条媒体设置等标签编成的音画贴代码示例：
◆复制上面代码粘贴到空白记事本中，关闭文本，用英文命名；t201．txt↙
◆打开一网音画txt上传网站上传空间贴txt格式文件．↙
◆击点［浏览］，选择＂学习代码＂文件夹内的 t201．txt文件，双击打开，按［上传］↙
◆上传成功，复制文件地址，这就是网页地址，可以用各种方式传播．↙
举例一，将网页地址直接通过邮箱、短讯、QQ等发送给亲友浏览．网页地址如下：
http://up.gz1w.com/201002/a2e1e37222948ec3abedf2fbc1505293.txt
举例二，用超链接标签代码可以将网页在论坛、QQ和博客发表，代码 如下：
举例三，用网页贴代码可以将网页在址在一些论坛直接发表运行显示效果，代码如下：
［返回到目录］［链接到编辑框］
游子:我学代码做音画网页的一些体会.
几年来在一些论坛学贴图，开始是将本机的图片上传，后来看见很多高手做成的音画贴，听说是用一种叫 HTML 代码编成的。我决心也来学一学，因此，在网上找了一些教材来看，天啊！都是英文的代码，我不懂英文怎么办？在一篇介始学HTML的文章中，有一句极为关键重要的话“HTML不是程序语言，而是标签语言“，坚定了我的学习信心。我认识到一篇音画贴是由几条标签代码组成的。只要学会使用标签，就会做音画贴。
既是如此，我就下功夫学习：
（１）学认26个英文字母，字母的读声还读不准，更不要说读语句了。
（２）学习领会HTML标签公式原理，我把标签看成是设备用具一样，可以拿来套用。一篇网页尽管有几十，甚至几百条标签，但每条标签只有三项内容，即标签名，属性内容和属值，而且有很多是相同的标签。每条标签的第一个英文语句是标签名称，比如font是什么意义呢？找网页音画高师黑马的HTML语法教材一查，font是文字设置。我就是这样一步一个脚印走过来的。
（３）学编辑标签，先复制人家现成的标签代码，修改属值参数，从比较容易的文字标签入手，积少成多，最后才做成一张简单的音画贴。
有很多朋友想学做音画，可是看代码，头就晕。几年前我想：如果能把我从学习HTML标签入手，采用拿来透套用做音画的笨办法，介始给大家参考，可能会受到欢迎，或许我做到一点点老有所学和老有所为了。
但是，我学到的代码，只是那么一点点，在论坛众多高手老师面前，介绍用代码做音画，恐怕是班门弄斧了。因此，我不断的声明，这是写学习心得，不是教材。我想在网络世界中学点雷锋精神，让那些像我一样的初学者能较快的学会使用代码。
为了将学习的心得，采用有序简单易懂的方式，编写在网页上，浏览者一看就清楚，而且立即就学会。我又用一个月的时间，学习有关代码和编排技术。２００５年１０月我试编的“欢迎您，启步学代码。”，分别在智慧之家、古曲论坛、中年人生和影画世界等网站发表，得到一些好评。
不懂代码者
如何学会做音画
（钓翁羡鱼老先生在新华网的发展论坛和博客发表体会文章，谈不懂代码者如何学代码制作音画， 对新学代码者，很有启发，摘录转载供大家参考。）
赞叹！七十七岁不懂英文的游子老先生教网友学代码做音画
去年四月份以前我还不知代码为何物，看到网友们博客上用代码做的移动字幕和移动图片好生羡慕，好想学代码，可当看到那一行行的英文字母像看天书一样，头都要晕了！后来，我偶尔看到一个题为《启步学代码》的帖子，发觉作者游子先生是一位退休老人，我想，人家也是退休的，都能编代码的教程了，可是咱自己为什么还不敢学？！这才下决心学一点儿代码。
我跑了好多书店找介绍网页制作的书，翻找有没有介绍代码的内容，如果有就买下来看，结合游子老先生的教程一点点儿地学。一年半过去了，原来是一看见代码就头晕，后来逐渐变成在点儿入了迷了，我发觉学代码这东西其实并不难，只要多看、多想、多练习、多总结，坚持下去就会入门的。这期间，我做了一百多个总结学用代码体会的网页，还在新华网论坛试发了几十个音画帖子，虽然质量很差，但网页和音画的制做过程使我巩固了学到的代码知识，磨练了灵活运用知识举一返三解决问题的能力，更丰富了我的退休生活，增强了学习新知识的自信。学会编代码、用代码真的很好！！！ 我一直忘不了那位使我下决心学代码的游子先生，我想，他对代码那么精通，可能是一位计算机方面的教授或专家吧？
今天，我在中国老年网夕阳论坛看到游子先生介绍自已如何学习代码的帖子《不懂英文的游子如何学做音画》，原来，游子先生今年已七十七周岁了，没有高学历，也不懂英文，但老先生硬是凭自己的努力学会了代码并成为许多音画爱好者学代码的启蒙老师！ 我敬佩年长我十二岁的游子老先生！游子老先生是活到老学到老的典型和榜样！
相关评论：
东方淑女：
想不到游子老师竟是和我父亲一样的年龄人,竟然这么有精神有追求,真的很佩服很佩服!!!如果我父亲也有你这样的精神，生活就丰富多了！你的帖子对初学者很实用!关于音画代码,我看过很多教程,都是如在云里雾里,如看天书,一无所获,所以根本没有耐心往下看。这次看到游子老师的整理的教程，一看就明白，再笨的人都能学会。真是如获至宝！几乎要欢呼雀跃！游子老师，真想对你说，我太感谢你了！
江山如画：
非常好的代码学习资料！比较全面和简明易懂！对新接触HTML代码的朋友尤为珍贵！
小老头：
要扮靓自己的小屋，要想做好音画帖子，不熟悉代码可不行。长期以来，有不少朋友问及代码问题，因自己水平有限，也解答不了许多。今天我在网上看到一篇教材，感到非常不错，是一份难得的好教材，内容特别详细，由浅入深，一步步手把手教你。特别适合初学的朋友，所以转发过来和大家一起来学习，希望我们通过学习有所收获，有所提高。在此也感谢作者游子朋友，感谢你付出的心血，感谢你给我们提供的好教材
图 乐：
深受启蒙,进来膜拜下游子老先生!
开心莲
一位不懂外语的人要去编排外文字母是何其之难！又要编成教程，供大家学习，这种精神是多么可贵！我总在想这需要多大的毅力啊？还得需要多大的耐心？（更完全没想到的是您不懂外语）看了您的回答，这顽强的毅力顶天立地！您的精神与毅力真可与保尔比美，是我们大家学习的榜样！是年轻人学习的楷模。
痴情浪子：
介绍的非常详细，非常适合初学者学习，真乃经典
梦园：
不用拜师，都是套用现成的代码，一看就会，比写散文诗容易一百倍。
论坛总管：
这个教程很好。昨天我用了差不多一晚上时间把整个教程翻了一遍。这里说的通俗、易懂。很适合初学习音画者学习。在这里我们主要的是套代码。可能有的人不满足套代码，要学习自己编代码。我打个比方：平常我们一搬开关，电灯就亮了。这就说我们会用电灯，没有人非得先研究研究电是咋来的，是水电还是火电。
冰雪梅：
这是我在网上看到的一篇教材，感到非常不错，是一份难得的好学习教材，特别是对于上网想学习做网页的朋友非常有帮助，所以转发过来和大家一起来学习，希望我们通过学习有所收获提高。在此也感谢作者游子朋友。
清清雪：
非常感谢游子这个教程，对于音画代码清清雪一直是一头雾水，看不懂。今晚看了一晚上这个教程，明白了大概。清清雪慢慢练习，跟着教程学学音画。、游子的笔记做得真的很好很详细,认真学习了^
[返回到目录] [链接到编辑框]
一，各种HTNL标签剖析祥解。
学会使用HTNL标签
为什么很多人要学代码做音画，但拿起HTML语法教材一看，感觉非常难， 这主要是学习和使用方法的问题。通常学习HTML代码做音画的方法是：第一学习背熟很多语句；第二学习这些语句的使用笔法；第三在键盘上 一个字一个字的输入编辑作品（除非用网页软件制作）。要学成可能需要较长时间，所以 很多人放弃了，老年人或不懂英文的人想要学这玩艺，就更加困难了。
如果我们改变一下学习的方式，先学标签，以后学HTML语法，就非常容易了．因为HTML不是程序语言，它是一种简单的标签语言， 学会使用几条 HTML标签，就可制作音画。建议初学者先从学习领会HTNL标签入手。
一张网页或音画作品，是用几种几十种HTML标签组成的， 通过套用标签代码模块来学制作音画，可以快速入门，事半功倍。
HTML标签是什么？
HTML的特点是用一对小尖括弧 < 和 > 作为标签符号，当浏览器阅读到< 时，就会解读和执行标签内的各项指令并输出效果。这些指令符号用标签名字，属性内容和属值构成，而且大部份是成对的双标签，即首标签和尾标签， 标签的格式如下：
<标签名字 属性内容:属值>
......
◆第一行是首标签，开始执行标签内的设定指令。
◆第二行是尾标签，结束设定指令
一条同名称的标签可以有多个属性内容和属值，例如：
<标签名字 属性内容１:属值 属性内容２:属值 属性内容３:属值 >
......
标签名称是什么？
一条HTML标签内第一个语句是标签的名称，当要在页面上显示何种内容，就要采用那一种名称的标签， 比如输出文字，就用font名称的文字标签；插入图片，就要用IMG名称的图形设置标签； 设置图框，就要用table名称的表格标签等。
属性内容与属值是什么？
在HTML标签名称的后面，全部是属性内容与属值，也就是指令设置的名字和具体参数。 套用代码做音画，不可生搬硬套，必须有自创性，因此，要学会使用标签的属性内容与属值的设置。
对属性内容与属值这问题试举例比如：一台电视机有几项主要功能，也就是有几项属性内容与属值， 属性内容１是频道选择，其属值是收那一个电视的节目；属性内容２是音量控制，其属值是调整音量大小等。 你只要能使用这些功能，就可收看电视节目了，不必去买零件来组装。HTML标签也是同样的道理，一条现成的HTML标签只要懂 得如何使用其属性内容与属值，就可以编造出很多精彩的作品。
我们要在页面上输出一些文字，就得使用一条文字设置标签，一般文字有三个要素，即字体，字号大小和字的颜色，因此这条标签就有三项属性内容和属值．
学代码编辑音画网页，一般须要用到的十条标签：
１，常用文字设置标签；２，特效文字设置标签；
３，表格（图框）标签；４，图形设置（贴图）标签；
５，羽化图片贴图标签；６，各种形式移动标签；
７，图片加Flash 标签；8，音乐播放设置标签；
９，超链接设置 标签；１０，常用语句代码．
学会使用２－３条标签，就可以做出一幅音画作品．
返回到目录链接到编辑框
二，常用文字设置标签代码。
我们要在页面上显示下面四行文字，就要用文字设置标签。
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
显示效果：
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
标签剖析：
◆说明：
第一行是文字首标签。
第二行是要显示的文字内容。
第三行是文字尾标签。
◆标签名字 font 文字设置。
◆属性内容１face=字体:属值选用一种字体可以是隶书，也可用华文行楷等其它字体。
◆属性内容２size=5:字号：属值参数1-7,1号最小，7号最大。
◆属性内容３color=文字颜色:属值可以是#FF0000（红色），也可以用#0000FF（蓝色）等其它颜色。
如果要很大的字号，可以套用css样式表字号语句style=font 代替常用字号语句size。例如：
显示效果：
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
文字标签内容不变，只修改各项属值参数，效果就不一样：
显示效果：
东风
同一条代码标签，只要修改各项属值参数，就可变化多端。 比如上面文字标签三要素改变了，效果就不一样。试作练习：选 择英文输入法，用鼠标将代码中字号200刷黑，击删除键，改 填为300;同法将颜色代码0000ff改为ff0000，运行代码看效果。
返回到目录链接到编辑框
三，特效文字设置标签代码。
所谓特效文字就是在文字标签代码行中套用CSS样式表的滤镜属性语句，使文字产生立体阴影和光晕重叠等特殊效果。
在文字的边外加光辉效果代码：
显示效果：
如画江山
滤镜修饰的文字阴影果代码：
显示效果：
网络世界
滤镜修饰的文字阴影效果代码
显示效果：
春风
显示效果：
七律 长征(1935.10)
红军不怕远征难，万水千山只等闲。
五岭逶迤腾细浪，乌蒙磅礴走泥丸。
金沙水拍云崖暖，大渡桥横铁索寒。
更喜岷山千里雪，三军过后尽开颜。
请注意：在修改编辑输入数字时，一定要用英文输入法。
返回到目录链接到编辑框
四，贴图片即图形设置标签代码。
（一）要在页面中插入图片，必须用如下图形设置标签代码：
显示效果：
标签剖析：
◆img＝图形设置标签名称。
◆src=第一属性内容设置名称是路径，属值是图片地址。
例如：
http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg
图片地必颀是从网络上取来的．即用鼠标对着图片击属性就可复制到地址。
◆width=第二属性内容名称是宽度，属值是多少个素相点。
◆还可以设图片边框粗度border，但只能是黑色的，所以一般不设。
（二）在标签行最后加alt="图片说明"语句。用鼠标指着图片就能显示说明文字，
显示效果：
（三）有时也可用以下输入标记代码来插入图片。
显示效果：
（四）套用样式表语句羽化图片代码：
显示效果：
套用样式表语句羽化图片也可用下面的代码：
显示效果：
返回到目录链接到编辑框
五，套用表格标签设置图框。
表格标签设置图框，有颜色背景与图片背景，新手开始学习最好先学颜色背景的图框。
１，小幅颜色背景图框：
说明：
一张有背景的表格（即图框），是由表格、行和列三条标签组成的，一条表格标签内只有一行和一列叫单元格，如果有多行多列则叫多元格，我们先学习单元格的图框。
这张图框有四条首标签，居中定位、表格、行和列。祥解如下：
◆第一条center标签是居中代码。
◆第二条TABLE标签是表格的始标签，有七个属性内容和属值。
·TABLE 标签名称：表格．
·cellpadding="20"：单元格衬距，就是插入内容与单元格间距细线的距离．
·width=500 表格（图框）宽度500个点．
·height=300 表格（图框）高度300个点,
·bgcolor="#FFE6FF：背景颜色为淡紫色代码．
·borderColor=#0000ff：边框颜色为蓝色．
·border=10"：边框粗度10个点．
◆第三条tr标签是表格的行标签．
◆第四条tr标签是表格的列标签．
◆最后一行是居中和表格的全部尾标签．
注：由于论坛发贴功能不断提高，表格宽度较小时，都自动加宽大到７００，因此要设置窄幅图框时，表格标签必须套用样式表style强制定位语句．
显示效果：
插入文字和图片等内容
２，小幅图片背景图框：
说明：
上面两张图框所用的标签代码基本是一样的，只是背景设置语句不一样，即将颜色背景语句bgColor=改为图片背景语句background=。颜色背景的属值是用颜色代码，而图片背景的属值用的是从网络上取来的“图片地址”(http://.......jpg)。
显示效果：
插入文字和图片等内容
３，一条表格标签设置两种背景的代码
一条表格标签中只能设置一种背景，颜色背景或者是图片背景。如果设计上要求既有图案又要有颜色，可以采用加宽单元格cellSpacing宽度,根据边框图案大小而定，一般是20-30，再在列标签中加入背景设置内容。代码示例如下：
这张图框的标签代码与上面２，图片背景图框代码基上是一样的，不同的地方是：
１，因为图框宽度较大，必须在第一行前面加了一条全屏标签代码。
２，表格标签中的背景图片改为一张小动态图片。
３，列标签中加入颜色背景设置： 即淡紫色。
４，代码最后一行加入全屏代码尾标签。
显示效果：
aaaaaaaaa
4，大幅多层图片背景套装：
说明：
这是由多张图片表格标签嵌套合成的套装图框。
显示效果：
。。。。。。
在此开始插入内容
。。。。。。
5，三合一花边图框：
说明：
这是由三张我称它为三合一花边图框合成的图框。
显示效果：
在这张图框插入所有内容．
全屏标签代码祥解及使用方法
各论坛对音画贴的幅宽有不同的限制，因此贴子宽度超过７００时，应加设全屏标签 代码，否则右边将有部份内容不能显示。全屏代码有很多种，我经常用的是下面代码。
。。。。。。
说明：
１，这种全屏代码是调用样式表定位语句，强制水平启始和垂直启始位置。
２，LEFT: 0px 水平位置启始参数，值越大越靠右侧，设为负数时图框拉向左。
３，WIDTH: 900px
４，TOP:距离顶部垂直位置启始参数，值越大越靠下部，通常设为20-40。
５，第二行是全屏尾标签，放在全部代码的最后一行。一定要设置。
返回到目录链接到编辑框
六，图框内插入文字的代码。
一，发表文章的代码
说明：
这篇代码主要是用一条颜色背景的表格标签和一条文字设置标签编成的，各项属性内容的属值参数可自行修改。为了突出标题，在标题文字增加了居中和标题文字标签，即和。
现在上网的朋友都拥有博客或个人主页等网络空间，要把这个小家园装修得精彩漂亮，就必须学习HTML代码．但是，很多新手打开教材一看，觉得非常困难，不知从何入门？ 其实，不难！因为HTML代码不是程序语言，而是一种标签语言， HTML标签好像是设备用具一样可以拿来套用。音画贴是用几种标签代码编成的，即使你不懂英文上了年纪的人，也可以轻松地套用现成的标签代码制作音画作品。
HTML是什么？网络规格定小尖括弧 < 和 > 作为HTML标签专用符号，当浏览器阅读到< 时，就会解读和执行标签内的各项指令并输出效果。这些指令符号用HTML标签名字，属性内容与属值构成， 一篇音画网页有很多条标签代码，不过都是标签名字，属性内容与属值等内容。学代码先学习HTML标签，可以轻松快速入门，一通百通。如果你喜欢就跟我来学习吧！
目 录
如何学会做音画的学习心得。套用代码练习框及使用方法。
几项准备与编辑操作练习。如何学会使用HTNL标签。
常用文字设置标签代码。特效文字设置标签代码。
图形设置（贴图）标签代码。套用表格标签设置图框。
图片插入文字的代码。网页插入音乐或Flash的方法。
如何套用各种移动标签代码。音画贴代码实例。
各种HTML标签代码实例。十，如何做一张网站链接网页。
一周学会用代码做音画贴依样画葫芦 试做音画贴
◆欢迎您！启步学代码。◆ ◆可以在这里上传TXT文件◆
◇ 套用代码编辑练习框◇[使用方法说明] 游子制作
0000
［返回到目录］
常用字体：
宋体 隶书 黑体 幼圆 华文新魏 华文行楷
华文彩云 楷体_GB2312
方正姚体 仿宋_GB2312
常用颜色代码表：
#FF0000
#0000FF
#FFFF00
#000000
#00FFFF
#FF00FF
#D2B48C
#FFD700
#808000
#8A2BE2
[代码编辑练习框使用说明]
◆完整地复制要学习的代码。
◆先将代码粘贴到空白记事本中。也可直接粘贴到编辑框，但操作较难。
◆修改各种属性内容和属值，比如字体，字号和文字颜色的代码等等。
◆修改文字内容，文字可以单行，也可多行。
◆再将修改完毕的代码复制粘贴到“编辑练习框”．
◆按【运行代码】，浏览代码效果．
◆按【复制代码】，可将代码粘贴到空白记事本存档。也可以删除。
◆如果编辑出错或要重新练习，可以用鼠标将代码刷黑后击键盘删除键。
键盘删除键[Delete]位于键盘中间的功能小区。
◆代码中要修改数值，一定要用英文输入法。
◆【另存代码】是将代码转换成网页保存，具体操作方法：
（１）代码编辑完成运行效果正常，可按【另存代码】。
（２）在弹出的保存HTML文档窗口,选定保存到学习代码的文件夹。
（３）文件名最好用英文和数字，后辍为html，如a101.html 。
（４）击点［保存］，代码立即变成网页保存在学习代码的文件夹中。
（５）打开网页用鼠标右击选‘查看源文件’可复制作品的代码。
将代码贴做成空间贴的方法
用html代码编成的作品，要再做成空间贴，才能要拿到博客上发表。方法如下：
（１）将编好了的代码复制粘贴到空白记事本。
（２随便用英文和数字重命名，后辍为txt格式文件，如：a101.txt。
（３）到可以上传txt格式文件的空上传。
我是在【老人坊网站上传的】。（要先注册）
也可到不用注册的【一网论坛免费音画TXT上传】。
（４）将取得的网页文件地址贴到下面超链接代码中“网页文件地址”即可发表。
超链接标签代码模式：
说明文字
超链接标签代码实例：
欢迎您！启步学代码．
显示效果：
欢迎您！启步学代码．
［返回到目录］［链接到编辑框］
一，启步学习的几项准备。
（一）先在电脑D区建一个命名为＂学习代码＂的文件夹，内存放一些记事本备用。
（二）记事本复制地方：开始菜单→所有文件→附件→＂记事本＂．
（三）打开HTML代码编辑练习框后保存在＂学习代码＂文件夹备用．
（四）打开一网音画txt上传后保存在＂学习代码＂文件夹备用．
（五）没有学过英文的还要学认25个英文字母，只要认识字形即可，读音准不准无关系．
（六）编辑操作基本功练习：
１，做一张空白网页。
用表格标签和文字标签做成的空白网页代码：
◆用鼠标将上面代码全部刷黑，击点复制再粘贴到空白记事本中，关闭文本，任意用英文命名↙
◆重新打开代码文本，击点记事本左上角［文件］，选击［另存为］↙
◆在弹出另存为窗口下面［文件名］任意用英文和数字输入名称，如：a101.html↙
◆第二项［文件类形］选击［所有文件］之后按［保存］↙
◆这时立即出现一张可以在本机浏览的空白网页．
◆可以再次打开代码记事本，用其它更多的文字替换原来的说明文字．再执行上述操作．
２，做一张可以到处链接的网页。
用定位、表格、特效文字、常用文字和二条媒体设置等标签编成的音画贴代码示例：
◆复制上面代码粘贴到空白记事本中，关闭文本，用英文命名；t201．txt↙
◆打开一网音画txt上传网站上传空间贴txt格式文件．↙
◆击点［浏览］，选择＂学习代码＂文件夹内的 t201．txt文件，双击打开，按［上传］↙
◆上传成功，复制文件地址，这就是网页地址，可以用各种方式传播．↙
举例一，将网页地址直接通过邮箱、短讯、QQ等发送给亲友浏览．网页地址如下：
http://up.gz1w.com/201002/a2e1e37222948ec3abedf2fbc1505293.txt
举例二，用超链接标签代码可以将网页在论坛、QQ和博客发表，代码 如下：
举例三，用网页贴代码可以将网页在址在一些论坛直接发表运行显示效果，代码如下：
［返回到目录］［链接到编辑框］
游子:我学代码做音画网页的一些体会.
几年来在一些论坛学贴图，开始是将本机的图片上传，后来看见很多高手做成的音画贴，听说是用一种叫 HTML 代码编成的。我决心也来学一学，因此，在网上找了一些教材来看，天啊！都是英文的代码，我不懂英文怎么办？在一篇介始学HTML的文章中，有一句极为关键重要的话“HTML不是程序语言，而是标签语言“，坚定了我的学习信心。我认识到一篇音画贴是由几条标签代码组成的。只要学会使用标签，就会做音画贴。
既是如此，我就下功夫学习：
（１）学认26个英文字母，字母的读声还读不准，更不要说读语句了。
（２）学习领会HTML标签公式原理，我把标签看成是设备用具一样，可以拿来套用。一篇网页尽管有几十，甚至几百条标签，但每条标签只有三项内容，即标签名，属性内容和属值，而且有很多是相同的标签。每条标签的第一个英文语句是标签名称，比如font是什么意义呢？找网页音画高师黑马的HTML语法教材一查，font是文字设置。我就是这样一步一个脚印走过来的。
（３）学编辑标签，先复制人家现成的标签代码，修改属值参数，从比较容易的文字标签入手，积少成多，最后才做成一张简单的音画贴。
有很多朋友想学做音画，可是看代码，头就晕。几年前我想：如果能把我从学习HTML标签入手，采用拿来透套用做音画的笨办法，介始给大家参考，可能会受到欢迎，或许我做到一点点老有所学和老有所为了。
但是，我学到的代码，只是那么一点点，在论坛众多高手老师面前，介绍用代码做音画，恐怕是班门弄斧了。因此，我不断的声明，这是写学习心得，不是教材。我想在网络世界中学点雷锋精神，让那些像我一样的初学者能较快的学会使用代码。
为了将学习的心得，采用有序简单易懂的方式，编写在网页上，浏览者一看就清楚，而且立即就学会。我又用一个月的时间，学习有关代码和编排技术。２００５年１０月我试编的“欢迎您，启步学代码。”，分别在智慧之家、古曲论坛、中年人生和影画世界等网站发表，得到一些好评。
不懂代码者
如何学会做音画
（钓翁羡鱼老先生在新华网的发展论坛和博客发表体会文章，谈不懂代码者如何学代码制作音画， 对新学代码者，很有启发，摘录转载供大家参考。）
赞叹！七十七岁不懂英文的游子老先生教网友学代码做音画
去年四月份以前我还不知代码为何物，看到网友们博客上用代码做的移动字幕和移动图片好生羡慕，好想学代码，可当看到那一行行的英文字母像看天书一样，头都要晕了！后来，我偶尔看到一个题为《启步学代码》的帖子，发觉作者游子先生是一位退休老人，我想，人家也是退休的，都能编代码的教程了，可是咱自己为什么还不敢学？！这才下决心学一点儿代码。
我跑了好多书店找介绍网页制作的书，翻找有没有介绍代码的内容，如果有就买下来看，结合游子老先生的教程一点点儿地学。一年半过去了，原来是一看见代码就头晕，后来逐渐变成在点儿入了迷了，我发觉学代码这东西其实并不难，只要多看、多想、多练习、多总结，坚持下去就会入门的。这期间，我做了一百多个总结学用代码体会的网页，还在新华网论坛试发了几十个音画帖子，虽然质量很差，但网页和音画的制做过程使我巩固了学到的代码知识，磨练了灵活运用知识举一返三解决问题的能力，更丰富了我的退休生活，增强了学习新知识的自信。学会编代码、用代码真的很好！！！ 我一直忘不了那位使我下决心学代码的游子先生，我想，他对代码那么精通，可能是一位计算机方面的教授或专家吧？
今天，我在中国老年网夕阳论坛看到游子先生介绍自已如何学习代码的帖子《不懂英文的游子如何学做音画》，原来，游子先生今年已七十七周岁了，没有高学历，也不懂英文，但老先生硬是凭自己的努力学会了代码并成为许多音画爱好者学代码的启蒙老师！ 我敬佩年长我十二岁的游子老先生！游子老先生是活到老学到老的典型和榜样！
相关评论：
东方淑女：
想不到游子老师竟是和我父亲一样的年龄人,竟然这么有精神有追求,真的很佩服很佩服!!!如果我父亲也有你这样的精神，生活就丰富多了！你的帖子对初学者很实用!关于音画代码,我看过很多教程,都是如在云里雾里,如看天书,一无所获,所以根本没有耐心往下看。这次看到游子老师的整理的教程，一看就明白，再笨的人都能学会。真是如获至宝！几乎要欢呼雀跃！游子老师，真想对你说，我太感谢你了！
江山如画：
非常好的代码学习资料！比较全面和简明易懂！对新接触HTML代码的朋友尤为珍贵！
小老头：
要扮靓自己的小屋，要想做好音画帖子，不熟悉代码可不行。长期以来，有不少朋友问及代码问题，因自己水平有限，也解答不了许多。今天我在网上看到一篇教材，感到非常不错，是一份难得的好教材，内容特别详细，由浅入深，一步步手把手教你。特别适合初学的朋友，所以转发过来和大家一起来学习，希望我们通过学习有所收获，有所提高。在此也感谢作者游子朋友，感谢你付出的心血，感谢你给我们提供的好教材
图 乐：
深受启蒙,进来膜拜下游子老先生!
开心莲
一位不懂外语的人要去编排外文字母是何其之难！又要编成教程，供大家学习，这种精神是多么可贵！我总在想这需要多大的毅力啊？还得需要多大的耐心？（更完全没想到的是您不懂外语）看了您的回答，这顽强的毅力顶天立地！您的精神与毅力真可与保尔比美，是我们大家学习的榜样！是年轻人学习的楷模。
痴情浪子：
介绍的非常详细，非常适合初学者学习，真乃经典
梦园：
不用拜师，都是套用现成的代码，一看就会，比写散文诗容易一百倍。
论坛总管：
这个教程很好。昨天我用了差不多一晚上时间把整个教程翻了一遍。这里说的通俗、易懂。很适合初学习音画者学习。在这里我们主要的是套代码。可能有的人不满足套代码，要学习自己编代码。我打个比方：平常我们一搬开关，电灯就亮了。这就说我们会用电灯，没有人非得先研究研究电是咋来的，是水电还是火电。
冰雪梅：
这是我在网上看到的一篇教材，感到非常不错，是一份难得的好学习教材，特别是对于上网想学习做网页的朋友非常有帮助，所以转发过来和大家一起来学习，希望我们通过学习有所收获提高。在此也感谢作者游子朋友。
清清雪：
非常感谢游子这个教程，对于音画代码清清雪一直是一头雾水，看不懂。今晚看了一晚上这个教程，明白了大概。清清雪慢慢练习，跟着教程学学音画。、游子的笔记做得真的很好很详细,认真学习了^
[返回到目录] [链接到编辑框]
一，各种HTNL标签剖析祥解。
学会使用HTNL标签
为什么很多人要学代码做音画，但拿起HTML语法教材一看，感觉非常难， 这主要是学习和使用方法的问题。通常学习HTML代码做音画的方法是：第一学习背熟很多语句；第二学习这些语句的使用笔法；第三在键盘上 一个字一个字的输入编辑作品（除非用网页软件制作）。要学成可能需要较长时间，所以 很多人放弃了，老年人或不懂英文的人想要学这玩艺，就更加困难了。
如果我们改变一下学习的方式，先学标签，以后学HTML语法，就非常容易了．因为HTML不是程序语言，它是一种简单的标签语言， 学会使用几条 HTML标签，就可制作音画。建议初学者先从学习领会HTNL标签入手。
一张网页或音画作品，是用几种几十种HTML标签组成的， 通过套用标签代码模块来学制作音画，可以快速入门，事半功倍。
HTML标签是什么？
HTML的特点是用一对小尖括弧 < 和 > 作为标签符号，当浏览器阅读到< 时，就会解读和执行标签内的各项指令并输出效果。这些指令符号用标签名字，属性内容和属值构成，而且大部份是成对的双标签，即首标签和尾标签， 标签的格式如下：
<标签名字 属性内容:属值>
......
◆第一行是首标签，开始执行标签内的设定指令。
◆第二行是尾标签，结束设定指令
一条同名称的标签可以有多个属性内容和属值，例如：
<标签名字 属性内容１:属值 属性内容２:属值 属性内容３:属值 >
......
标签名称是什么？
一条HTML标签内第一个语句是标签的名称，当要在页面上显示何种内容，就要采用那一种名称的标签， 比如输出文字，就用font名称的文字标签；插入图片，就要用IMG名称的图形设置标签； 设置图框，就要用table名称的表格标签等。
属性内容与属值是什么？
在HTML标签名称的后面，全部是属性内容与属值，也就是指令设置的名字和具体参数。 套用代码做音画，不可生搬硬套，必须有自创性，因此，要学会使用标签的属性内容与属值的设置。
对属性内容与属值这问题试举例比如：一台电视机有几项主要功能，也就是有几项属性内容与属值， 属性内容１是频道选择，其属值是收那一个电视的节目；属性内容２是音量控制，其属值是调整音量大小等。 你只要能使用这些功能，就可收看电视节目了，不必去买零件来组装。HTML标签也是同样的道理，一条现成的HTML标签只要懂 得如何使用其属性内容与属值，就可以编造出很多精彩的作品。
我们要在页面上输出一些文字，就得使用一条文字设置标签，一般文字有三个要素，即字体，字号大小和字的颜色，因此这条标签就有三项属性内容和属值．
学代码编辑音画网页，一般须要用到的十条标签：
１，常用文字设置标签；２，特效文字设置标签；
３，表格（图框）标签；４，图形设置（贴图）标签；
５，羽化图片贴图标签；６，各种形式移动标签；
７，图片加Flash 标签；8，音乐播放设置标签；
９，超链接设置 标签；１０，常用语句代码．
学会使用２－３条标签，就可以做出一幅音画作品．
返回到目录链接到编辑框
二，常用文字设置标签代码。
我们要在页面上显示下面四行文字，就要用文字设置标签。
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
显示效果：
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
标签剖析：
◆说明：
第一行是文字首标签。
第二行是要显示的文字内容。
第三行是文字尾标签。
◆标签名字 font 文字设置。
◆属性内容１face=字体:属值选用一种字体可以是隶书，也可用华文行楷等其它字体。
◆属性内容２size=5:字号：属值参数1-7,1号最小，7号最大。
◆属性内容３color=文字颜色:属值可以是#FF0000（红色），也可以用#0000FF（蓝色）等其它颜色。
如果要很大的字号，可以套用css样式表字号语句style=font 代替常用字号语句size。例如：
显示效果：
山下旌旗在望，
山头鼓角相闻。
敌军围困万千重，
我自岿然不动。
文字标签内容不变，只修改各项属值参数，效果就不一样：
显示效果：
东风
同一条代码标签，只要修改各项属值参数，就可变化多端。 比如上面文字标签三要素改变了，效果就不一样。试作练习：选 择英文输入法，用鼠标将代码中字号200刷黑，击删除键，改 填为300;同法将颜色代码0000ff改为ff0000，运行代码看效果。
返回到目录链接到编辑框
三，特效文字设置标签代码。
所谓特效文字就是在文字标签代码行中套用CSS样式表的滤镜属性语句，使文字产生立体阴影和光晕重叠等特殊效果。
在文字的边外加光辉效果代码：
显示效果：
如画江山
滤镜修饰的文字阴影果代码：
显示效果：
网络世界
滤镜修饰的文字阴影效果代码
显示效果：
春风
显示效果：
七律 长征(1935.10)
红军不怕远征难，万水千山只等闲。
五岭逶迤腾细浪，乌蒙磅礴走泥丸。
金沙水拍云崖暖，大渡桥横铁索寒。
更喜岷山千里雪，三军过后尽开颜。
请注意：在修改编辑输入数字时，一定要用英文输入法。
返回到目录链接到编辑框
四，贴图片即图形设置标签代码。
（一）要在页面中插入图片，必须用如下图形设置标签代码：
显示效果：
标签剖析：
◆img＝图形设置标签名称。
◆src=第一属性内容设置名称是路径，属值是图片地址。
例如：
http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg
图片地必颀是从网络上取来的．即用鼠标对着图片击属性就可复制到地址。
◆width=第二属性内容名称是宽度，属值是多少个素相点。
◆还可以设图片边框粗度border，但只能是黑色的，所以一般不设。
（二）在标签行最后加alt="图片说明"语句。用鼠标指着图片就能显示说明文字，
显示效果：
（三）有时也可用以下输入标记代码来插入图片。
显示效果：
（四）套用样式表语句羽化图片代码：
显示效果：
套用样式表语句羽化图片也可用下面的代码：
显示效果：
返回到目录链接到编辑框
五，套用表格标签设置图框。
表格标签设置图框，有颜色背景与图片背景，新手开始学习最好先学颜色背景的图框。
１，小幅颜色背景图框：
说明：
一张有背景的表格（即图框），是由表格、行和列三条标签组成的，一条表格标签内只有一行和一列叫单元格，如果有多行多列则叫多元格，我们先学习单元格的图框。
这张图框有四条首标签，居中定位、表格、行和列。祥解如下：
◆第一条center标签是居中代码。
◆第二条TABLE标签是表格的始标签，有七个属性内容和属值。
·TABLE 标签名称：表格．
·cellpadding="20"：单元格衬距，就是插入内容与单元格间距细线的距离．
·width=500 表格（图框）宽度500个点．
·height=300 表格（图框）高度300个点,
·bgcolor="#FFE6FF：背景颜色为淡紫色代码．
·borderColor=#0000ff：边框颜色为蓝色．
·border=10"：边框粗度10个点．
◆第三条tr标签是表格的行标签．
◆第四条tr标签是表格的列标签．
◆最后一行是居中和表格的全部尾标签．
注：由于论坛发贴功能不断提高，表格宽度较小时，都自动加宽大到７００，因此要设置窄幅图框时，表格标签必须套用样式表style强制定位语句．
显示效果：
插入文字和图片等内容
２，小幅图片背景图框：
说明：
上面两张图框所用的标签代码基本是一样的，只是背景设置语句不一样，即将颜色背景语句bgColor=改为图片背景语句background=。颜色背景的属值是用颜色代码，而图片背景的属值用的是从网络上取来的“图片地址”(http://.......jpg)。
显示效果：
插入文字和图片等内容
３，一条表格标签设置两种背景的代码
一条表格标签中只能设置一种背景，颜色背景或者是图片背景。如果设计上要求既有图案又要有颜色，可以采用加宽单元格cellSpacing宽度,根据边框图案大小而定，一般是20-30，再在列
这张图框的标签代码与上面２，图片背景图框代码基上是一样的，不同的地方是：
１，因为图框宽度较大，必须在第一行前面加了一条全屏标签代码。
２，表格标签中的背景图片改为一张小动态图片。
３，列标签中加入颜色背景设置：
４，代码最后一行加入全屏代码尾标签。
显示效果：
aaaaaaaaa
4，大幅多层图片背景套装：
说明：
这是由多张图片表格标签嵌套合成的套装图框。
显示效果：
。。。。。。
在此开始插入内容
。。。。。。
5，三合一花边图框：
说明：
这是由三张我称它为三合一花边图框合成的图框。
显示效果：
在这张图框插入所有内容．
全屏标签代码祥解及使用方法
各论坛对音画贴的幅宽有不同的限制，因此贴子宽度超过７００时，应加设全屏标签 代码，否则右边将有部份内容不能显示。全屏代码有很多种，我经常用的是下面代码。
。。。。。。
说明：
１，这种全屏代码是调用样式表定位语句，强制水平启始和垂直启始位置。
２，LEFT: 0px 水平位置启始参数，值越大越靠右侧，设为负数时图框拉向左。
３，WIDTH: 900px
４，TOP:距离顶部垂直位置启始参数，值越大越靠下部，通常设为20-40。
５，第二行是全屏尾标签，放在全部代码的最后一行。一定要设置。
返回到目录链接到编辑框
六，图框内插入文字的代码。
一，发表文章的代码
说明：
这篇代码主要是用一条颜色背景的表格标签和一条文字设置标签编成的，各项属性内容的属值参数可自行修改。为了突出标题，在标题文字增加了居中和标题文字标签，即
尊敬的领导：