HTMLI代码音视频介绍一
--音视频帧的基本原理及制作
谨将此系列文章献给需要学习HTML代码音视频的子语朋友们。 Halo，写这个教程的时候熬了几个晚上。 好消息是子玉的教程都是她自己写的，不太一样。 这是子玉对朋友的责任。
HTML音视频最大的优点就是简单易学，效果美观。 它不需要软件，并且可以优于和替代文具。 熟能生巧，特别适合时间紧迫的朋友和文人雅士。 昨晚，子玉的联合老师和朋友都来了，这让子玉非常感动，她不敢懈怠，不敢犯错。 急于写下我的感悟。 本方子玉向各位朋友致歉。 子玉暂时推迟了回访。 教程结束后，子玉就会来感谢我。
初步方案介绍了五项内容：
1、HTML音视频入门之一：基本原理及边框的制作
2、HTML音视频入门二：使用各种代码编辑带有特效的图片
3、HTML音视频入门第三篇：使用各种代码编辑带有特效的文本
4、HTML音视频入门之四：利用各种代码制作图文并列的音视频贴纸。
5、在线制作小工具介绍，简单快捷得惊人
1. HTML代码中音视频的基本概念
一、概念：
HTML代码即网页代码，英文全称HTML code，中文称为“超文本标记语言”。 通过使用HTML代码，可以将各种元素巧妙地组合在一起，形成精美的视听帖子。 它是一种用于制作超文本文档的简单标记语言。 所谓标记，就是它用一系列指令符号来控制输出效果。
需要注意的是，HTML代码是一种网络语言，是世界上任何网页所通用的。 但Qzone并不是一个完全开放的网页，所以有些代码在Qzone中不适用。 如果紫玉尝试后不起作用，暂时不建议使用。
但也接近包含了QQ空间的日志编辑HTML代码。
2、代码音视频的主要表现：在Qzone中，我们使用HTML代码音视频，主要是音视频边框、特效图片、特效文字以及图文并排，从而产生各种精美的艺术效果构想或效果。
至于音乐播放器的隐藏代码，不需要在HTML状态下编辑，还有其他方式可以设置。 子鱼会在上一篇文章中介绍。
3、制作代码音视频的主要手段（请理解并记住）：
一种是 HTML 在线编辑器。 主要功能是制作边框（其他功能需要注册，
但子鱼还没有找到注册处，到目前为止其他功能意义不大）。 神奇之处在于，所选图片的大小可以忽略不计，但如果将框架放置在空间中，则可以根据文字和图片的容量任意加宽和加长。
第二个是代码指令，形成文字和图片的各种特效。具体效果可以看紫雨
编年史：：雨旋冰碗，冰心翠玉晶如雪，凤凰齐鸣千钟醉。
以后我们会逐渐熟悉代码，子鱼会尽量提供正则原则，
公式方便大家应用代码指令创建图形效果甚至框架，形成完整的视听贴纸。
4.关于图片地址（请理解并记住）：
音视频帧的素材和代码特效图都需要图片的地址。 这个地址需要把握两点：
一种是在选中的图片上点击右键，在出来的菜单最下方有一个“属性”，点击它，会出现一个框。 如下所示：
里面的URL地址就是这张图片的地址，有时候地址会很长，你点击全选，然后复制地址备用；
还有一种获取图片地址的方法，就是用鼠标指向图片，如果出现“手”图标。 双击它，会单独弹出图片，地址栏中的地址就是图片地址。 但这种方法有一个问题，就是不容易查出该地址是否已经上传到网站。 如果只是空间图片的地址，编辑器会拒绝该QQ图片，这对编辑器来说是额外的浪费。
二是复制前要仔细查看网址上的图片类型，是jpg或者gif类型，一般
没有问题。 但有时会出现“不可用”字样，即该图片尚未在网站上正式上传，这种图片绝对不能用来制作框架。 编辑将拒绝此类图像。 最好是上传网站后获取地址。
如果无法上传，则上传到自己的空间相册，获取图片属性地址，
可用于空间日志效果图片。 建议您尝试在网上查找图片。
5、关于编辑状态切换的互操作性（请理解并牢记）：
在编辑空间日志时，我们通常使用“普通”状态。 代码音视频需要我们在“高级”和“普通”编辑状态之间进行切换和互操作。 也就是我们制作完边框后，复制得到的代码，来到日志编辑框，如下图：
点击“高级”，出现下图：
3. 单击 HTML
然后清除所有符号，
这是粘贴代码的方法（包括特效文字和特效图片的代码。
后面不再赘述）
然后点击“返回”即可查看效果。
请理解并牢记以上五项，特别是第三、四、五项。这是音视频制作的代码
基本手段。 以后我就不详细说了。
2、关于音画框的制作原理
（制作规则一站式，敬请理解并牢记）
制作视听相框就是将图片逐层叠加，保留图文的位置，形成一个与图文融为一体的闪亮相框，给人视觉上的享受。
因此，边框的层数可多可少。 少则一层，多则十层。 一般建议在3层到8层之间。 毕竟是框架，不能太夸张。 而且层数太多，制作起来比较费力，也给原木带来了压力，打开原木也不容易。
还有就是框架内的格子数量，即框架内可以放置多少个格子。 可以是1---5，再多的原木也承受不了，而且很难打开原木。
因此，边框有两种类型：简单边框（单网格）和多网格边框。 如果有的朋友只需要信纸的效果，那么哪怕一层也比腾讯信纸好，因为音视频帧的图片可以随意拉伸拉宽，而且有现成的PS音视频素材用于生产。
（材料另行发放）。
制作音频和视频帧有两种方法：
一是在HTML在线编辑器上制作，这是最基本的手段；
二是依靠代码指令和数据来制作，方便简洁，遵循葫芦。 不过要小心，
如果不小心，任何缺失的代码都会失败。
由于初学者对代码还不熟悉，所以本博客先介绍第一种方法的音视频帧的制作。
但最终你会有意想不到的惊喜——用代码制作音视频边框，你也能做到！
我们先打开HTML在线编辑器
即：HTML在线编辑器：
请保存此地址以供将来使用。
首先了解编辑器功能（非常重要，请理解并记住）：
这是编辑器界面的顶部。 在最后一行图标中，有第九个图标。 当您将鼠标指向它时，会出现“插入表格”字样。 这是专门为边框制作的图标，请记住。 其余图标可以忽略。
这是编辑器界面的下端，注意第一到第三个图标：“编辑”、“源代码”、“预览”，主要是前两项，其余的图标和数据可以忽略。
3、点击编辑，然后将光标置于编辑器界面上方，如下图：
4、点击“插入表格”，出现一张图片：
我们先来认识一下这张图：
插入表主要设置介绍（非常重要，请理解并牢记）：
1]、边框的粗细（指边框的粗细）可以根据需要调整，一般在0---5之间； 如果有1-2，则可以看到细边框。 该日志的第三层边界，子余设置为2。
2]单元间距和单元边距主要是根据图片的完整表现来调整宽度和高度。 例如，子玉选择的第一张图片是一朵花。 为了充分体现花朵，单位间距和边距设置为45。这个属于大边。
大边一般为20-100，小边一般为1-20；
3]对齐方式都是居中的，记住就好。
4]下面的表格尺寸和表格样式的前三项不用担心。
5]、只要将表格样式的最后一项：“背景图片”粘贴到选定的图片地址中即可（注意这里随着图片地址的变化，会有层层图片效果，可以是jpg静态图片，也可以是gif动画图，如果效果好的话一般采用gif动画图）。 点击：“确定”，即可看到第一层效果。
6]，然后点击：“编辑”，将光标置于第一层左端中间。 如图所示：
以后每一层确认后都会看到效果，然后点击——编辑——设置光标——开始下一层的设置。
了解了上面的原理之后，接下来就是按照原理来制作边框了，按照自己的喜好来制作边框。
子玉特意提取原理，给大家一个方法（规则）。 与其给你一条鱼，不如给你一根鱼竿，这样你才能钓到更多的鱼。 掌握了这个方法后，你完全可以把边框玩出各种姿势、不同表情。
3. 边框制作步骤示例介绍
先看一个边框效果：word
这是紫玉制作的四层二面板边框（多面板边框）。
接下来子宇就讲一下这个框架的制作步骤：
1、创建word文档，首先找到图片素材，复制其属性，粘贴到文档中并编号，第一层为编号1，以此类推。
朋友们制作时只需要复制地址即可，不需要复制图片本身。 子玉就是为了大家直观的方便。
1】,)
2】,)
3],)
4],
2. OK，我们进入在线编辑器制作：
设置为四层。
第一层：点：编辑——设置光标——点“插入表格”---
在这张图上设置：表格行数和列数：1； 对齐方式：“居中”； 边框厚度：0； 单元格间距和边距：45，将第一层图片的地址粘贴到背景图片处。
点击确定，我们将看到第一层效果：
第二层：点击：编辑——将光标置于第一层图片的左端——点击“插入表格”——
在这张图上设置：表格行数和列数：1； 对齐方式：“居中”； 边框厚度：0； 单元格间距和边距：15
将第二层图片的地址粘贴到背景图片中，点击：确定
效果出来了。
三楼：
点击：编辑——将光标固定在第二层左端——点击“插入表格”——在此图片上设置：表格的行数和列数：1； 对齐方式：“居中”； 边框厚度：0；单元格间距和边距：5
将第三层图片的地址粘贴到背景图片中，点击：确定
效果出来了。
第四层点：编辑---将光标设置在第三层左端---点击“插入表格”---在此图片上设置：表格的行数和列数：1； 对齐方式：“居中”； 边框厚度：2； 单元格间距和边距：6
将第四层图片的地址粘贴到背景图片中，点击：确定
效果出来了。
3.
3.使用删除键调整最里面两层的距离
点击：编辑---用鼠标找到第三层左上端，点击删除按钮：； 然后用鼠标找到第四层的左上端，点击删除按钮：。 删除键是带有向左箭头并向前删除的键。 该功能是调整框的等距，有时不用也可以使用。
4.然后制作框架的第二个框架。
好了，一个简单的边框就制作完成了。 制作边框的第二帧，单击鼠标：编辑---在第一帧下面的第一层上，将光标固定在左端，如果需要多点的距离，按回车键，如果距离太大，按删除键直到满意为止——依次重复第二层到第四层的步骤。 如果要制作更多的格子，方法可以以此类推。
5.获取“源代码”：
好的！ 框架就完成了。
点击：全选，复制“源代码”。
1、将源码放入日志：打开自己写日志的空间，在日志编辑窗口点击“高级”，点击“HTML”，删除窗口中的符号，设置光标，然后粘贴源码将代码填入空白处，点击“返回”，就会出现你制作的框架。
什么？ 您会看到 2 组，每组四个带下划线的蓝色图像地址，以“http”开头。 然后复制并粘贴所有源代码，并将两组四个图像地址替换为您选择的其他图像地址。 您不需要代码来为其他代码制作边框！
为了方便大家制作框架，子鱼发布了几个素材，都是来自网站的图片，说明已经上传了，大家可以放心使用。 特效文字的代码和制作。 如果您阅读了本教程，请返回并阅读我传输的奇特日志。 如果你能看懂的话，说明这个日志还有一定的价值。
万事开头难，这篇文章也有点难。 但你看懂了这篇文章，下面只是给你一系列的公式，你只需要跟着葫芦画瓢就可以了！
后记：
子玉痴迷于写作，一直不愿意写制作教程，因为太费时间了。 我只是为了创造诗意的意境和防止诗歌被盗，才自学了几个软件。 纯粹是为了好玩。
但这次子玉无奈还是写了制作教程，原因有三点：
一是我的朋友大多都是文人，其中罗氏圆梦、一笑、仙翁也是绘画大师。 但诗人毕竟有很多，不能花太多时间在制作上，而且HTML代码音视频不需要软件，用图文来营造意境简单快捷。 子玉愿意为我的诗人竭尽全力；
二是最近来紫语学习HTML代码音视频的朋友太多了，而且都是我的朋友或者闺蜜的朋友，实在让人难以拒绝；
第三是我遇到了一个所谓的HTML音视频高手。 满天问价，但教程却神秘莫测，让人摸不着头脑。 如此简单的技巧却让人望而生畏，紫玉真为她的朋友担心。
其实音视频的HTML代码非常简单。 如果不受篇幅限制，我可以在一篇日记中把所有要点讲完，然后你马上就可以做出一篇完整的视听帖子了。
朋友比子玉聪明，你可以的！ 即使你对生产完全不熟悉，只要会编辑日志，就可以搞定！
还有一点声明的是，HTML代码声音和图片是子语百度的很多博客参考资料。 我在编辑上做过尝试，也和深秋的幻想和红叶交过朋友。 这些都给了子玉很多启发和指导。
所以子鱼教程只是对HTML代码音视频的概括和理解，并不是子鱼自己的发明，而且子鱼的音视频作品并不比专家制作的更好。 感谢所有著名的和不知名的音画大师。
紫玉空间有很多F8、PS、U5、3D等软件制作和HTML高手、朋友。 这篇日记让你笑了。 请指教！
/
紫玉空间有很多F8、PS、U5、3D等软件制作和HTML高手、朋友。 这篇日记让你笑了。 请指教！
