不懂代码者如何学做音画网页

2011-01-12  az360
  ★不懂代码者如何学做音画网页★  献给初学者参考 游子制作 
 
前  言

  现在上网的朋友都拥有博客或个人主页等网络空间,要把这个小家园装修得精彩漂亮,就必须学习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]位于键盘中间的功能小区。
◆代码中要修改数值,一定要用英文输入法。
◆【另存代码】是将代码转换成网页保存,具体操作方法:
 (1)代码编辑完成运行效果正常,可按【另存代码】。
 (2)在弹出的保存HTML文档窗口,选定保存到学习代码的文件夹。
 (3)文件名最好用英文和数字,后辍为html,如a101.html 。
 (4)击点[保存],代码立即变成网页保存在学习代码的文件夹中。
 (5)打开网页用鼠标右击选‘查看源文件’可复制作品的代码。


 将代码贴做成空间贴的方法

 用html代码编成的作品,要再做成空间贴,才能要拿到博客上发表。方法如下:
(1)将编好了的代码复制粘贴到空白记事本。
(2随便用英文和数字重命名,后辍为txt格式文件,如:a101.txt。
(3)到可以上传txt格式文件的空上传。
   我是在【老人坊网站上传的】。(要先注册)
   也可到不用注册的【一网论坛免费音画TXT上传】。
(4)将取得的网页文件地址贴到下面超链接代码中“网页文件地址”即可发表。


 超链接标签代码模式:

<a HREF="网页文件地址"target=_blank><font size=3 color=#0000ff> 说明文字 </FONT></a>

 超链接标签代码实例:

<a HREF="http://www.53199.com/bbs/UploadFile/2008-11/200811296112198358.txt"target=_blank><font size=3 color=#0000ff> 欢迎您!启步学代码. </FONT></a>

显示效果:

欢迎您!启步学代码.

[返回到目录]    [链接到编辑框]


 一,启步学习的几项准备。


  (一)先在电脑D区建一个命名为"学习代码"的文件夹,内存放一些记事本备用。
  (二)记事本复制地方:开始菜单→所有文件→附件→"记事本".
  (三)打开HTML代码编辑练习框后保存在"学习代码"文件夹备用.
  (四)打开一网音画txt上传后保存在"学习代码"文件夹备用.
  (五)没有学过英文的还要学认25个英文字母,只要认识字形即可,读音准不准无关系.
  (六)编辑操作基本功练习:

 1,做一张空白网页。

   用表格标签和文字标签做成的空白网页代码:

 


◆用鼠标将上面代码全部刷黑,击点复制再粘贴到空白记事本中,关闭文本,任意用英文命名↙
◆重新打开代码文本,击点记事本左上角[文件],选击[另存为]↙
◆在弹出另存为窗口下面[文件名]任意用英文和数字输入名称,如:a101.html↙
◆第二项[文件类形]选击[所有文件]之后按[保存]↙
◆这时立即出现一张可以在本机浏览的空白网页.
◆可以再次打开代码记事本,用其它更多的文字替换原来的说明文字.再执行上述操作.


 2,做一张可以到处链接的网页。


用定位、表格、特效文字、常用文字和二条媒体设置等标签编成的音画贴代码示例:

 


◆复制上面代码粘贴到空白记事本中,关闭文本,用英文命名;t201.txt↙
◆打开一网音画txt上传网站上传空间贴txt格式文件.↙
◆击点[浏览],选择"学习代码"文件夹内的 t201.txt文件,双击打开,按[上传]↙
◆上传成功,复制文件地址,这就是网页地址,可以用各种方式传播.↙

举例一,将网页地址直接通过邮箱、短讯、QQ等发送给亲友浏览.网页地址如下:
http://up.gz1w.com/201002/a2e1e37222948ec3abedf2fbc1505293.txt

举例二,用超链接标签代码可以将网页在论坛、QQ和博客发表,代码 如下:

 


举例三,用网页贴代码可以将网页在址在一些论坛直接发表运行显示效果,代码如下:

 



[返回到目录]    [链接到编辑框]




游子:我学代码做音画网页的一些体会.

 几年来在一些论坛学贴图,开始是将本机的图片上传,后来看见很多高手做成的音画贴,听说是用一种叫 HTML 代码编成的。我决心也来学一学,因此,在网上找了一些教材来看,天啊!都是英文的代码,我不懂英文怎么办?在一篇介始学HTML的文章中,有一句极为关键重要的话“HTML不是程序语言,而是标签语言“,坚定了我的学习信心。我认识到一篇音画贴是由几条标签代码组成的。只要学会使用标签,就会做音画贴。

  既是如此,我就下功夫学习:
  (1)学认26个英文字母,字母的读声还读不准,更不要说读语句了。
  (2)学习领会HTML标签公式原理,我把标签看成是设备用具一样,可以拿来套用。一篇网页尽管有几十,甚至几百条标签,但每条标签只有三项内容,即标签名,属性内容和属值,而且有很多是相同的标签。每条标签的第一个英文语句是标签名称,比如font是什么意义呢?找网页音画高师黑马的HTML语法教材一查,font是文字设置。我就是这样一步一个脚印走过来的。
  (3)学编辑标签,先复制人家现成的标签代码,修改属值参数,从比较容易的文字标签入手,积少成多,最后才做成一张简单的音画贴。

  有很多朋友想学做音画,可是看代码,头就晕。几年前我想:如果能把我从学习HTML标签入手,采用拿来透套用做音画的笨办法,介始给大家参考,可能会受到欢迎,或许我做到一点点老有所学和老有所为了。
  但是,我学到的代码,只是那么一点点,在论坛众多高手老师面前,介绍用代码做音画,恐怕是班门弄斧了。因此,我不断的声明,这是写学习心得,不是教材。我想在网络世界中学点雷锋精神,让那些像我一样的初学者能较快的学会使用代码。
  为了将学习的心得,采用有序简单易懂的方式,编写在网页上,浏览者一看就清楚,而且立即就学会。我又用一个月的时间,学习有关代码和编排技术。2005年10月我试编的“欢迎您,启步学代码。”,分别在智慧之家、古曲论坛、中年人生和影画世界等网站发表,得到一些好评。

 

 



 不懂代码者
 如何学会做音画

  (钓翁羡鱼老先生在新华网的发展论坛和博客发表体会文章,谈不懂代码者如何学代码制作音画, 对新学代码者,很有启发,摘录转载供大家参考。)

  赞叹!七十七岁不懂英文的游子老先生教网友学代码做音画

  去年四月份以前我还不知代码为何物,看到网友们博客上用代码做的移动字幕和移动图片好生羡慕,好想学代码,可当看到那一行行的英文字母像看天书一样,头都要晕了!后来,我偶尔看到一个题为《启步学代码》的帖子,发觉作者游子先生是一位退休老人,我想,人家也是退休的,都能编代码的教程了,可是咱自己为什么还不敢学?!这才下决心学一点儿代码。

  我跑了好多书店找介绍网页制作的书,翻找有没有介绍代码的内容,如果有就买下来看,结合游子老先生的教程一点点儿地学。一年半过去了,原来是一看见代码就头晕,后来逐渐变成在点儿入了迷了,我发觉学代码这东西其实并不难,只要多看、多想、多练习、多总结,坚持下去就会入门的。这期间,我做了一百多个总结学用代码体会的网页,还在新华网论坛试发了几十个音画帖子,虽然质量很差,但网页和音画的制做过程使我巩固了学到的代码知识,磨练了灵活运用知识举一返三解决问题的能力,更丰富了我的退休生活,增强了学习新知识的自信。学会编代码、用代码真的很好!!! 我一直忘不了那位使我下决心学代码的游子先生,我想,他对代码那么精通,可能是一位计算机方面的教授或专家吧?

今天,我在中国老年网夕阳论坛看到游子先生介绍自已如何学习代码的帖子《不懂英文的游子如何学做音画》,原来,游子先生今年已七十七周岁了,没有高学历,也不懂英文,但老先生硬是凭自己的努力学会了代码并成为许多音画爱好者学代码的启蒙老师! 我敬佩年长我十二岁的游子老先生!游子老先生是活到老学到老的典型和榜样!



 
  相关评论:

东方淑女:
想不到游子老师竟是和我父亲一样的年龄人,竟然这么有精神有追求,真的很佩服很佩服!!!如果我父亲也有你这样的精神,生活就丰富多了!你的帖子对初学者很实用!关于音画代码,我看过很多教程,都是如在云里雾里,如看天书,一无所获,所以根本没有耐心往下看。这次看到游子老师的整理的教程,一看就明白,再笨的人都能学会。真是如获至宝!几乎要欢呼雀跃!游子老师,真想对你说,我太感谢你了!

江山如画:
非常好的代码学习资料!比较全面和简明易懂!对新接触HTML代码的朋友尤为珍贵!

小老头:
要扮靓自己的小屋,要想做好音画帖子,不熟悉代码可不行。长期以来,有不少朋友问及代码问题,因自己水平有限,也解答不了许多。今天我在网上看到一篇教材,感到非常不错,是一份难得的好教材,内容特别详细,由浅入深,一步步手把手教你。特别适合初学的朋友,所以转发过来和大家一起来学习,希望我们通过学习有所收获,有所提高。在此也感谢作者游子朋友,感谢你付出的心血,感谢你给我们提供的好教材

图 乐:
深受启蒙,进来膜拜下游子老先生!

开心莲
一位不懂外语的人要去编排外文字母是何其之难!又要编成教程,供大家学习,这种精神是多么可贵!我总在想这需要多大的毅力啊?还得需要多大的耐心?(更完全没想到的是您不懂外语)看了您的回答,这顽强的毅力顶天立地!您的精神与毅力真可与保尔比美,是我们大家学习的榜样!是年轻人学习的楷模。

痴情浪子:
介绍的非常详细,非常适合初学者学习,真乃经典

梦园:
  不用拜师,都是套用现成的代码,一看就会,比写散文诗容易一百倍。

论坛总管:
这个教程很好。昨天我用了差不多一晚上时间把整个教程翻了一遍。这里说的通俗、易懂。很适合初学习音画者学习。在这里我们主要的是套代码。可能有的人不满足套代码,要学习自己编代码。我打个比方:平常我们一搬开关,电灯就亮了。这就说我们会用电灯,没有人非得先研究研究电是咋来的,是水电还是火电。

冰雪梅:
这是我在网上看到的一篇教材,感到非常不错,是一份难得的好学习教材,特别是对于上网想学习做网页的朋友非常有帮助,所以转发过来和大家一起来学习,希望我们通过学习有所收获提高。在此也感谢作者游子朋友。

清清雪:
非常感谢游子这个教程,对于音画代码清清雪一直是一头雾水,看不懂。今晚看了一晚上这个教程,明白了大概。清清雪慢慢练习,跟着教程学学音画。、游子的笔记做得真的很好很详细,认真学习了^


[返回到目录]      [链接到编辑框]



 一,各种HTNL标签剖析祥解。


学会使用HTNL标签

  为什么很多人要学代码做音画,但拿起HTML语法教材一看,感觉非常难, 这主要是学习和使用方法的问题。通常学习HTML代码做音画的方法是:第一学习背熟很多语句;第二学习这些语句的使用笔法;第三在键盘上 一个字一个字的输入编辑作品(除非用网页软件制作)。要学成可能需要较长时间,所以 很多人放弃了,老年人或不懂英文的人想要学这玩艺,就更加困难了。
  如果我们改变一下学习的方式,先学标签,以后学HTML语法,就非常容易了.因为HTML不是程序语言,它是一种简单的标签语言, 学会使用几条 HTML标签,就可制作音画。建议初学者先从学习领会HTNL标签入手。
  一张网页或音画作品,是用几种几十种HTML标签组成的, 通过套用标签代码模块来学制作音画,可以快速入门,事半功倍。
  HTML标签是什么?
  HTML的特点是用一对小尖括弧 < 和 > 作为标签符号,当浏览器阅读到< 时,就会解读和执行标签内的各项指令并输出效果。这些指令符号用标签名字,属性内容和属值构成,而且大部份是成对的双标签,即首标签和尾标签, 标签的格式如下:

<标签名字 属性内容:属值>
......
</标签名字>


 ◆第一行是首标签,开始执行标签内的设定指令。
 ◆第二行是尾标签,结束设定指令

  一条同名称的标签可以有多个属性内容和属值,例如:

<标签名字 属性内容1:属值 属性内容2:属值 属性内容3:属值 >
......
</标签名字>


  标签名称是什么?
  一条HTML标签内第一个语句是标签的名称,当要在页面上显示何种内容,就要采用那一种名称的标签, 比如输出文字,就用font名称的文字标签;插入图片,就要用IMG名称的图形设置标签; 设置图框,就要用table名称的表格标签等。

  属性内容与属值是什么?
  在HTML标签名称的后面,全部是属性内容与属值,也就是指令设置的名字和具体参数。 套用代码做音画,不可生搬硬套,必须有自创性,因此,要学会使用标签的属性内容与属值的设置。
  对属性内容与属值这问题试举例比如:一台电视机有几项主要功能,也就是有几项属性内容与属值, 属性内容1是频道选择,其属值是收那一个电视的节目;属性内容2是音量控制,其属值是调整音量大小等。 你只要能使用这些功能,就可收看电视节目了,不必去买零件来组装。HTML标签也是同样的道理,一条现成的HTML标签只要懂 得如何使用其属性内容与属值,就可以编造出很多精彩的作品。


  我们要在页面上输出一些文字,就得使用一条文字设置标签,一般文字有三个要素,即字体,字号大小和字的颜色,因此这条标签就有三项属性内容和属值.

  学代码编辑音画网页,一般须要用到的十条标签:
  1,常用文字设置标签;2,特效文字设置标签;
  3,表格(图框)标签;4,图形设置(贴图)标签;
  5,羽化图片贴图标签;6,各种形式移动标签;
  7,图片加Flash 标签;8,音乐播放设置标签;
  9,超链接设置 标签;10,常用语句代码.

  学会使用2-3条标签,就可以做出一幅音画作品.


返回到目录    链接到编辑框


 二,常用文字设置标签代码。
 


  我们要在页面上显示下面四行文字,就要用文字设置标签。
山下旌旗在望,
山头鼓角相闻。
敌军围困万千重,
我自岿然不动。

 


显示效果:

山下旌旗在望,
山头鼓角相闻。
敌军围困万千重,
我自岿然不动。


标签剖析:
◆说明:
  第一行是文字首标签。
  第二行是要显示的文字内容。
  第三行是文字尾标签。
 ◆标签名字 font 文字设置。
 ◆属性内容1face=字体:属值选用一种字体可以是隶书,也可用华文行楷等其它字体。 
 ◆属性内容2size=5:字号:属值参数1-7,1号最小,7号最大。
 ◆属性内容3color=文字颜色:属值可以是#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="图片说明"语句。用鼠标指着图片就能显示说明文字,
 

显示效果:

图片说明


  (三)有时也可用以下输入标记代码来插入图片。

 

显示效果:





  (四)套用样式表语句羽化图片代码:

 

显示效果:



  套用样式表语句羽化图片也可用下面的代码:

 

显示效果:

http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg




返回到目录    链接到编辑框


 五,套用表格标签设置图框。



  表格标签设置图框,有颜色背景与图片背景,新手开始学习最好先学颜色背景的图框。

1,小幅颜色背景图框:


 


  说明:
  一张有背景的表格(即图框),是由表格、行和列三条标签组成的,一条表格标签内只有一行和一列叫单元格,如果有多行多列则叫多元格,我们先学习单元格的图框。
  这张图框有四条首标签,居中定位、表格、行和列。祥解如下:
  ◆第一条center标签是居中代码。
  ◆第二条TABLE标签是表格的始标签,有七个属性内容和属值。
   ·TABLE 标签名称:表格.
   ·cellpadding="20":单元格衬距,就是插入内容与单元格间距细线的距离.
   ·width=500 表格(图框)宽度500个点.
   ·height=300 表格(图框)高度300个点,
   ·bgcolor="#FFE6FF:背景颜色为淡紫色代码.
   ·borderColor=#0000ff:边框颜色为蓝色.
   ·border=10":边框粗度10个点.
  ◆第三条tr标签是表格的行标签.
  ◆第四条tr标签是表格的列标签.
  ◆最后一行是居中和表格的全部尾标签.

 注:由于论坛发贴功能不断提高,表格宽度较小时,都自动加宽大到700,因此要设置窄幅图框时,表格标签必须套用样式表style强制定位语句.

显示效果:

插入文字和图片等内容


2,小幅图片背景图框:


 

  说明:
  上面两张图框所用的标签代码基本是一样的,只是背景设置语句不一样,即将颜色背景语句bgColor=改为图片背景语句background=。颜色背景的属值是用颜色代码,而图片背景的属值用的是从网络上取来的“图片地址”(http://.......jpg)。


显示效果:

插入文字和图片等内容


3,一条表格标签设置两种背景的代码


  一条表格标签中只能设置一种背景,颜色背景或者是图片背景。如果设计上要求既有图案又要有颜色,可以采用加宽单元格cellSpacing宽度,根据边框图案大小而定,一般是20-30,再在列<td>标签中加入背景设置内容。代码示例如下:

 

  这张图框的标签代码与上面2,图片背景图框代码基上是一样的,不同的地方是:
  1,因为图框宽度较大,必须在第一行前面加了一条全屏标签代码。
  2,表格标签中的背景图片改为一张小动态图片。
  3,列标签中加入颜色背景设置:<TD bgColor=#FFE6FF>即淡紫色。
  4,代码最后一行加入全屏代码尾标签。

显示效果:


aaaaaaaaa




4,大幅多层图片背景套装:


 

  说明:
  这是由多张图片表格标签嵌套合成的套装图框。

显示效果:
。。。。。。

在此开始插入内容

。。。。。。




5,三合一花边图框:


 

  说明:
  这是由三张我称它为三合一花边图框合成的图框。


显示效果:

在这张图框插入所有内容.




全屏标签代码祥解及使用方法



  各论坛对音画贴的幅宽有不同的限制,因此贴子宽度超过700时,应加设全屏标签 代码,否则右边将有部份内容不能显示。全屏代码有很多种,我经常用的是下面代码。

<DIV id=table1 style="LEFT: 0px; WIDTH: 900px; POSITION: relative; TOP: 20px">
。。。。。。
</DIV><br><br>



  说明:
  1,这种全屏代码是调用样式表定位语句,强制水平启始和垂直启始位置。
  2,LEFT: 0px 水平位置启始参数,值越大越靠右侧,设为负数时图框拉向左。 
  3,WIDTH: 900px
  4,TOP:距离顶部垂直位置启始参数,值越大越靠下部,通常设为20-40。
  5,第二行是全屏尾标签,放在全部代码的最后一行。一定要设置。




返回到目录    链接到编辑框


 六,图框内插入文字的代码。




一,发表文章的代码


 


  说明:

  这篇代码主要是用一条颜色背景的表格标签和一条文字设置标签编成的,各项属性内容的属值参数可自行修改。为了突出标题,在标题文字增加了居中和标题文字标签,即 <CENTER>和<h1>。
  标题文字标签<h#> </h#>参数1-7,1最大,7最小。
  行首要缩一个空格位,可用一个空格代码&nbsp;。也可用一种快速方法:开启王码输入法,将输入法工具条的半角(半月形)改为全角(全圆月形),打击键盘空格键即可。
  行尾如果要过行,应设一个过行代码<BR>,二个<BR>过行代码等于过段,即下面空一行。 


显示效果:

蒋介石曾长六次高呼:毛主席万岁!

  据东森新闻网刊文,台湾资深媒体工作者张友骅说:“蒋介石不愧是一代人杰,他一见毛泽东进了官邸,站在台阶前迎接的蒋介石,就高喊‘毛主席万岁’,喊了三次,尔后他跟毛泽东会谈,蒋介石日记里面有写到,他说他很佩服毛泽东,就是说以毛泽东的烟瘾那么大,居然跟他对谈八个小时不抽一根烟,这个让蒋介石吓了一大跳。”毛泽东的这些举动让蒋介石很佩服,还派卫队保护毛泽东。

  。。。。。。
  毛先生说:“和为贵”,只有和,才能求得双方的一致。和是最大多数人的愿望。和平、民主、团结、统一、富强,是我们今后的方针,我们要用统一的国家迎接新局面。“可是困难是有的,”毛先生说到这里兴奋极了,“我们不怕困难!各党派不怕困难,中国人民不怕困难!”我们要在蒋委员长领导之下,克服困难,建设独立、自由、民主、统一、富强的新中国!大家一条心,要和平、民主、团结、统一。(鼓掌)毛先生更郑重声明:“我们的合作,是长期的合作。困难会打消的。”
  最后毛先生大喊:“新中国万岁!”
  在高度的热情中,这样结束了他的演说,申明了他的最后态度。
  蒋委员长则以咆哮般的大喊“毛主席万岁!” ,连喊三次,回赠毛泽东。
  。。。。。。



二,在信纸图片插入文字的代码


 


  说明:

  1,第一条表格标签是贴信纸图片,宽度和高度必须按原来的大小。
  2,第二条表格标签是设置文字插入范围。
  3,信尾加一条居左设置标签,令树名和日期位置居左。



显示效果:


尊敬的领导:
您好!
  很冒昧占用您宝贵的时间,感谢您在百忙之中读完我的 自荐 信。我是一名来自xx学院环境工程专业2007届的应届本科毕业生,在将要结束大学生活,掀开人生新的一页之时,我怀着无比激动的心情向您毛遂 自荐 ,接受您的挑选与考验。
  乘风破浪、展鸿鹄之志;谨言慎行、做立业之人。虽没有名牌大学的光环,但我有较扎实的理论知识和不怕困难吃苦耐劳的精神。回首大学生活,充实的学习完善了我的知识结构,不断的思索和学习使我一步步地走向成熟。请给我一个机会,我将还您一个满意的回报!
  最后,祝贵公司事业蒸蒸日上,祝您身体健康,万事如意。
  此致
敬礼! 

自荐人:xx 自200*年**月**日




三,用绝对定位在信纸上挂贴文字的代码:


  设置一条相对定位标签,作为挂贴内容的容框,用绝对定位标签挂贴图片和文字,它的好处是可以改变信纸图片大小,文字插入位置随心所欲,丝毫不差。

 


 说明:
 ◆第一条标签是相对定位,是绝对定位的参照物。
 ◆第二条标签是表格标签,作为挂贴内容的容框。
 ◆第三条标签是套用绝对定位语旬挂贴信纸图片。
 ◆第四条标签是套用绝对定位语旬挂贴文字内容。
 ◆相对定位与绝对定位标签内容语句格式是一样的,只有一句语句不同。
 相对定位POSITION: relative:
style="LEFT: 0px; WIDTH: 0px; POSITION: relative; TOP: 0px"
 绝对定位POSITION: absolute
style="LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px"

 ◆主要的属性内容与属值:
 LEFT: 0px 水平位置启始参数,值大离左就远。
 TOP: 20px 垂直水平位置启始参数,值大离顶部就低。



显示效果:

尊敬的领导:
您好!
  很冒昧占用您宝贵的时间,感谢您在百忙之中读完我的 自荐 信。我是一名来自xx学院环境工程专业2007届的应届本科毕业生,在将要结束大学生活,掀开人生新的一页之时,我怀着无比激动的心情向您毛遂 自荐 ,接受您的挑选与考验。
  乘风破浪、展鸿鹄之志;谨言慎行、做立业之人。虽没有名牌大学的光环,但我有较扎实的理论知识和不怕困难吃苦耐劳的精神。回首大学生活,充实的学习完善了我的知识结构,不断的思索和学习使我一步步地走向成熟。请给我一个机会,我将还您一个满意的回报!
  最后,祝贵公司事业蒸蒸日上,祝您身体健康,万事如意。
  此致
敬礼! 

自荐人:xx 自200*年**月**日








三,用文字依原始样式显示标签的图片插入文字的代码


 


 说明:
 在图片上插入文字,如果图片较小文字不多时,可用文字依原始样式显示标签,即输入文字时先设这条首标签<pre>文字输入完毕输入这条尾标签</pre>。
◆用表格标签贴图片背景。
◆根据图片花边大约宽度,加大表格的单元格衬距宽度cellpadding=60。
◆用键盘上的空格键和回车键调整文字的位置。



显示效果:

 冬梅大姐:
                           祝您生日快乐!
                               小妹春兰
                               2010/01/08
                        




返回到目录    链接到编辑框


 七,网页插入音乐或Flash的方法。



图片加插音乐或Flash的代码


  在图片或网页上插入音乐和Flash,都是用多媒体设置EMBED标签,名称相同,只是属性内容不同.

插入音乐的代码模式如下:

<EMBED src="音乐文件地址" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">

插入音乐的代码实例:

 


 说明:

◆EMBED 多媒体设置名称。
◆src= 链接音乐文件地址的路径,必须是来自网络。
◆width=500 height=50,播放器的宽度和高度,都改0时,隐藏播放器。

图片加插文字和Flash的代码

 


  说明:

  ◆1,用表标签贴风景图片。
  ◆2,用文字设置标签贴说明文字。
  ◆3,用EMBED多媒体标签加叠Flash动画。
  ◆4,表格和多媒体的宽度与高度要相同。
  ◆5,这种插入方法,文字和Flash动画各自占了一定的位置面积。


显示效果:


新疆哈塔斯风景如画

套用样式表定位语句挂贴Flash的代码

  在html代码行内套用css样式表定位语句,可以在图片或网页上任意位置加叠Flash或其它内容. css样式表定位设置语句有两个属值,即相对相对定位和绝对定位,灵活巧妙地使用这两种属性,就可以创造出很多精采的动态画面.先用上面实例加插一些介始文字代码如下:



 


显示效果:


新疆哈塔斯风景如画
  塔斯特风景区旅游设施最齐全的一处,欧式木屋、中式阁楼、草原毡房各具特色,室内环境优美,多功能舞厅与秀丽的山川风光形成了一道亮丽的风景线。丰富多彩的娱乐活动,神秘奔放的哈萨克风情终身难忘,回味无穷。


  说明:

  常用的多媒体标签代码插入Flash,其效果显示是在文字区域下面。
  可以用绝对定位的方法令Flash加叠在文字上面,代码如下:



 


显示效果:


新疆哈塔斯风景如画
  塔斯特风景区旅游设施最齐全的一处,欧式木屋、中式阁楼、草原毡房各具特色,室内环境优美,多功能舞厅与秀丽的山川风光形成了一道亮丽的风景线。丰富多彩的娱乐活动,神秘奔放的哈萨克风情终身难忘,回味无穷。


提示说明:
套用绝对定位语句必须放在相对定位容框内,否则加叠的内容将在论坛的网页上.

 

显示效果:
(击点见页面顶部粉红色的花瓣)



返回到目录    链接到编辑框


 八,如何套用移动标签。

  文字,图片或网页都可以设置各种方式的移动,移动标签名称是:marquee.一条只有名称没有属性内容的移动标签,系统默认文字或图片从右向左走马灯式移动。
  移动标签代码模式:<marquee>文字,图片或网页</marquee>

  文字从右向左走马灯式移动标签代码实例:
 

效果显示:
文字从右向左走马灯式移动

  图片从右向左走马灯式移动码实例:
 

效果显示:


 



  移动标签可设置很多属性内容:方向、速度、方式、循环、延时、宽度、高度等.
  能够巧妙灵活的使用这些指令,就可产生很多趣味的移动效果,常用的移动标签:


一,多行文字向上移动的代码。

 


  说明:这篇代码一共有四三条首标签:

 ◆1,<marquee 。。。。。。>移动首标签
  scrollamount 移动速度:属值参数1为最慢,10以上为最快。
  direction 移动方向:left向左移, right向右移,up向上移,down向下移,
             alternate左右来回走.
  width 移动范围的宽度。
  height移动范围的高度。
 ◆2,<font face=黑体 size=5 color=red>文字首标签。
 ◆3,<pre>文字依原来形式显示首标签。
 ◆没有设置位置指令时,文字移动范围在左边。


显示效果:


       七律 长征(1935.10)
            红军不怕远征难,万水千山只等闲。
                五岭逶迤腾细浪,乌蒙磅礴走泥丸。
                金沙水拍云崖暖,大渡桥横铁索寒。
                更喜岷山千里雪,三军过后尽开颜。
            




 



二,多张图片在同一行来回移动的代码。


 


  说明:

 ◆1,<CENTER>这是定位居中的标签。也可RIGHT居右;LEFT居左。
 ◆2,<marquee 。。。。。。>这是移动首标签,指令behavior=alternate 来回移动。
 ◆3,<img src="图片地址" type=image width=250>这是贴图标签,
 ◆4,贴图标签之间没有设过行<BR>代码时,图片全部在同一行移动。
 ◆5,</marquee></p>这是移动和定位的尾标签,注意编入。


显示效果:




 



三,图框内插入移动文字和头像图片的代码。


 


  说明:

  先用表格标签贴背景图片,再嵌套一张分为二列的空表格(即无背景和边框线),左侧插入移动文字,右侧插入头像图片。这就是为下一步制作单幅音画打下基础。要领:背景的表格宽度和高度必须与取样图片原有尺寸大小一致,空表格二列的宽度之和不能超过背景表格的宽度。本例表格宽度是700,分左侧为350,右侧为350。


显示效果:

 
  七律 长征(1935.10)
                                     红军不怕远征难,万水千山只等闲。
                                     五岭逶迤腾细浪,乌蒙磅礴走泥丸。
                                     金沙水拍云崖暖,大渡桥横铁索寒。
                                     更喜岷山千里雪,三军过后尽开颜。
                                    

 







 



四,图片文字走四方的代码。

 


显示效果:



我走四方!


五,全张网页移动的代码。


 


  说明:

 ◆1,整张页面移动,在代码最前行设置移动首标签和最后行设置移动尾标签即可。
 ◆2,scrollAmount=3 移动速度的语句。
 ◆3,behavior=alternate 左右来回移动的语句。


显示效果:

 
















返回到目录    链接到编辑框


 九,音画贴代码实例。



让世界找不到黑暗幸福像花开放
 


  说明:


经典名曲-爱的奉献

 








返回到目录    链接到编辑框



 如何做一张网站链接网页。




  这张网页可以将经常要访问的网站首页、论坛、博客、个人主以及音画教材和作品等,编在一页面上以便访问浏览.具体方法如下:
(一)先在D区建一个命名为"网页链接"的文件夹,内存放一些记事本备用。
(二)记事本复制地方:开始菜单→所有文件→附件→"记事本".

 


(三)复制上面代码粘贴到空白记事本后关闭,任意用英文命名如:a01.
(四)重新打开a01文件,进行如下操场作:
   ①击点记事本顶部工具栏的[文件].
   ②在下拉菜单中选击另存为].
   ③文件栏输入:a01.html .
   ④另存类型:选取所有文件.
   ⑤ 最后击点[保存].网页即刻出现在"网页链接"的文件夹内.
(五)打开a01.html网页,浏览各网页链接效果.
(六)修改更新网页链接的方法:
   打开a01文件,表面看有很多代码 ,其实除了一些表格标签代码和稠用样式表的代码外,大部份是下面超链接标签代码:

<A href="" target=_blank class="css1">网页说明文字</A>

  将要更新的网页地址填入href=""的双引号内即可.
  网页链接的文字说明字数不要太多,以免挤宽单元格.
  修改完毕,按以上第四项操作,就可浏览新的网页了. 

        祝您成功!




返回到目录    链接到编辑框



原创编辑:游子 2008年10月试编 2010年03月改编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请维护网络荣辱公德不要把原创编辑游子的名字改掉。谢谢!)


本文件下载地址:


    来自: az360 > 《模仿秀》

    以文找文   |   举报

    猜你喜欢
    类似文章 更多
    精选文章
    发表评论

    790     馆藏 16341
    喜欢该文的人也喜欢 更多