UC广播代码制作教程之一.docx

UC广播代码制作教程之一.docx

《UC广播代码制作教程之一.docx》由会员分享，可在线阅读，更多相关《UC广播代码制作教程之一.docx（33页珍藏版）》请在冰点文库上搜索。

UC广播代码制作教程之一

UC广播代码制作教程之一

前言:

一:

应广大UC玩家的要求,本站长抽出一定的时间将UC广播代码的讲座做成文字教程供大家参阅,互相学习.

二:

本教程也是非常简单易懂的"网页基础教程",只要你能认真学完本课程,你就可以用"记事本"也能做出精美的网页.（因为静态网页就是用这些代码构成的）.广播代码也就是从网页代码中来的.

三:

在本教程阅读中请你千万别心急要吃个胖豆腐出来,慢慢来.不懂的地方请到:

"UC合作免费电信2---卡拉OK练歌坊---OK歌厅"咨询.但是:

对于讲述中已经详细讲述的内容本人有权拒绝回答.请在教程中找答案.是为了避免你的懒惰延续.

四:

如果你有兴趣制作出了属于自己的完整精美网页.本站免费为你提供网络网页放置空间.你就可以让你的朋友随时观看到你的成果.本站也免费为你宣传.

五：

警告：

本系列教程禁止任何人以任何形式转载或剪切转载。

五：

本代码教程分为无数...讲:

第一讲:

   简单代码基础和准备工作（重要）.:

讲述代码的结构和常用规范.

第二讲:

   图片代码.:

图片显示代码.

第三讲:

   文字代码.:

控制文字的显示规格.

第四讲:

   文字表格代码.:

控制文字的规则显示和特效.

第五讲:

   图片表格代码.:

控制图片的显示规则和特效.

第六讲:

   超链接代码（可点击代码）.引导型超链接代码.

第七讲:

   移动代码.让静态的文字或图片动起来.

第八讲:

   简单广播图片制作.（重要）.教你如何最简单的从图片中提取需要的部分内容来做成新的广播图片.（裁剪需要的,丢弃多余的图片内容）

第九讲:

   动漫代码:

SWF动漫代码.背景音乐代码

第十讲:

   简单网页代码基础.:

讲述网页制作中的特殊代码.

第十一讲:

   网页制作:

.:

教你如何用讲的代码来做一个精美的网页.

.................

      UC广播代码应用教程之一（代码基础）:

一:

代码的结构：

所有的代码都是由这样的结构组合而成的：

          <定义功能参数>内容<结束>

比如我们要将一个代码里面嵌入另个代码（只将"内容"部分用完整代码覆盖就可以了）:

如:

<功能1参数1><功能2参数2>内容2<结束2><结束1>

二:

代码中用到的字符号:

 2.1:

"<>"符号必须是英文状态下的半角字符.位置在键盘的“,”和"."符号上面.

   "<"表示代码定义的开始,">"表示代码定义的结束.

   <>符号的输入:

转入英文输入状态先按住Shift键,再点","或"."键就出来了.

     如:

＜　＞　《　》　《》都是错误的符号。

 2.2:

空格符号"":

在任何一个代码定义与定义之间必须用空格符号来间隔.   如:

,绝对不能写成:

 2.3:

代码定义中定义字符不区分大小写:

如和是一样的效果.只是我们在写的时候用不同的写法有利于我们自己读懂自己的代码.

三:

常用的代码含义:

 3.1:

功能定义代码（定义这段代码的作用）:

img         =图片代码

FONT    =文字代码

TABLE   =表格代码

marquee  =移动代码

A            =超链接代码（可点击）

EMBED  =SWF播放代码

bgsound   =背景音乐声音代码

 3.2:

参数定义代码（定义代码的显示参数）:

 face   =定义文字部分显示字体

 size    =字号（文字大小）

 href   =超链接地址指向

 src     =文件地址

 width  =对象的宽度

 height =对象的高度

 border =边宽度

 color   =颜色

 bgcolor=背景颜色

 bordercolor=全边边沿颜色

 bordercolorlight=上边沿颜色

 bordercolordark=下边沿颜色

  align=center    =显示位置在中间

 align=left          =显示位置从左边开始（左对齐）

  align=right        =显示位置从右边开始（右对齐）

3.3:

参数的表示规范:

 3.31:

字体:

以你电脑里面有的字体全名来定义:

如:

face=宋体face=黑体 face=仿宋（注意:

当别人电脑里面没有的字体将以他系统默认的字体来显示,如我定义我的字体为:

face=草书我可以看到实际的草书字体,你们只要没安装"草书"字体的看到还是你系统默认的"宋体"来显示给你看）

 3.32:

大小:

      1:

字体的大小,一般由4到7来表示,不支持8或以上的字号,如:

size=6正确  size=8就是错误.

     实例:

 size=3  size=5  size=7

        2:

另一种固定表示大小的是"点阵",包括各种长度和宽度和大小的定义都用这种表示方法:

用数字来表示.如:

width=400height=80等等.（点阵是指:

定义用多少个点的长度,如width=400表示用400个点的距离来定义长度,就是400点长.）

实例1:

实例2:

     3:

还有一种不固定表示大小的方法是百分数:

百分数是建立在我们定义的区域范围内产生的.

       如:

我们定义一个西瓜为100%或10斤,这就是总量.百分数都是建立在总量里面的.然后我们再分

这个西瓜:

你分50%,他分30%,我分20%,再来人就没得分的了.

       其中的总量也是可以以百分数来表示,但这个总量也是建立在更大的总量下的.

实例1:

以我们自己定义的总量来分（总=5001分30%2分70%）:

实例2:

以显示区域为总量来分,定义总量为显示区域的40%.或100%:

  3.33:

地址:

1:

文件地址:

是指文件在网络上的绝对路径.如:

        2:

链接地址:

是指网络任意地址.能正常打开的.

 3.34:

颜色:

一般用RGB颜色编码来表示最简洁.但缺点就是不容易读懂,也可以用颜色的标准英文名来表示:

       如:

color=ff0000 color=red color=0000ff color=bluecolor=008000 color=green

点此进入看更多颜色代码表.......    

四:

简单的代码解析:

1:

代码:

本讲结束,待续.....

2:

实际效果（文章最后）:

附:

如何在自己的电脑上面检验自己制作的代码效果?

第一步:

点开我的电脑---

最上面一排菜单中找到“工具”---

“工具”中找到“文件夹选项”---

“文件夹选项”最上面一排中找到“查看”----

“查看”的下面找到“高级设置”----

“高级设置”中找到“隐藏已知文件类型扩展名”--前面有V的将前面的“V”取消。

点右下角的”应用“，再点确定。

第二步：

在你的硬盘里面建立一个文件夹，位置和名称你自己定，你要记住位置和名称哦。

忘了打你屁屁。

第三步：

点电脑左下角的开始--》程序--》附件--》“记事本”。

第四步：

将你编辑好的代码贴到记事本里面。

或直接进行代码编辑。

第五步：

编辑好以后点记事本左上方的“文件”--“另存为”。

第六步：

“另存为”框中的设置：

1：

在“保存在”右框中找到你刚建的地址。

2：

先在下面“文件类型”中选“所有文件”。

编码选“ANSI”。

3：

“文件名”中随意写"名字.htm"（警告：

文件名必须以".HTM"或".HTML"结尾."."点符号也必须是英文状态下的".",不能是中文状态下的"。

"符号。

字母不区分大小写如“效果.HTM”或“代码.HTML”）。

4：

点“保存”。

第七步：

找到你保存的位置，找到你刚保存的文件名字。

用鼠标左键“双击”。

看到效果没？

。

。

看到的请举手。

发个棒棒糖。

舔去。

。

。

。

没看到效果的检查代码。

第一到第三步仅仅一次设置，以后你修改代码只需要进行第四到第七步就可以了。

UC广播代码制作教程二（图片代码）

一：

图片代码的结构：

 1:

功能结构

     <功能参数>

 2:

代码结构

  结构1（不限制大小以图片实际大小来直接显示）:

  结构2（限制图片显示大小）:

  结构说明:

     <>           是表示代码的开始和结束,

     IMG       是定义这段代码功能是"图片显示代码",

     SRC=     是定义图片来源地址,

     width=    固定图片的显示宽度

     height=     固定图片的显示高度

二实例分析:

例:

代码1:

代码1效果:

代码2（固定代码1同一张图的显示大小）:

代码2效果:

代码3:

代码3实际效果:

代码4（限制代码3同一张图的显示大小）:

代码4实际效果:

三:

注意事项:

1:

大小的显示:

当你要限制图片显示大小的时候一定要根据原图的长宽比率来限制.

如:

例3中"车"的实际图片大小为:

480*150 你要限制的大小一定要按照原图480:

150的比率来限制（也可以取概数）.480:

150约等于10:

3  如果差别太大会扭曲原图.

例1:

实际效果:

例2:

实际效果:

2:

真实图片地址:

你在取网络图片地址的时候必须取图片真实地址:

必须以"http:

//"或"ftp:

//"开头地址中间不能带有"?

"号,

例1:

"

例2:

"

3:

如何取得图片真实地址?

:

第一步:

打开任何一个网页,里面会看到很多图片

第二步:

用鼠标指着你喜欢的图片中间,点鼠标"右键"-->再点"属性".（不能点右键的先请你放弃用这图）

第三步:

在属性栏中找到"地址:

（URL）",后面的就是图片地址,但不一定是真实地址,

 从"http:

//"开始到".JIG"或".GIF"结束,中间不带".?

"号的一般就是真实地址.

4:

注意某些网站里面的图片是有防盗链设置的,请你尽量不要用那些地址的图片来做连接广播.

如:

163相册里面的图片,你用一次两次你可以看见,即使你的代码和真实地址完全正确.别人都可能看不见.

三（文字代码）

一：

文字代码的结构：

 1:

功能结构

     <功能参数>内容<结束>

 2:

代码结构

  结构:

      文字

  结构说明:

<>           是表示代码的开始和结束,

FONT        是定义这段代码功能是"文字显示代码",

face=      是定义文字的显示字体,

color=    是定义文字的显示颜色

size=    是定义文字的显示大小

文字   是显示的实际文字内容

/FONT  是定义文字代码结束 

二实例分析:

例:

代码1:

我是星空

代码1效果:

我是星空

代码2:

我还是星空

代码2效果:

  我还是星空

三:

注意事项:

1:

代码的简化:

在代码中根据应用的位置某些定义可以简化取消,注意取消的定义项目系统将以默认的定义显示.

一般系统默认的显示定义为"宋体黑色3号字"

例1（省略字号,将以默认的3号字显示）:

我是星空

实际效果:

我是星空

例2（省略颜色,将以默认的黑色显示）:

我是星空

实际效果:

我是星空

例3（省略字体,将以默认的宋体来显示）:

我是星空

实际效果:

我是星空

例4（省略完,就可以不用代码了）:

我是星空

实际效果:

我是星空

2.:

参数的表示规范:

1:

字体:

以你电脑里面有的字体全名来定义:

如:

face=宋体face=黑体 face=仿宋（注意:

当别人电脑里面没有的字体将以他系统默认的字体来显示,如我定义我的字体为:

face=草书我可以看到实际的草书字体,你们只要没安装"草书"字体的看到还是你系统默认的"宋体"来显示给你看）

2:

大小:

1:

字体的大小,一般由4到7来表示,不支持8或以上的字号,

如:

size=6正确  size=8就是错误.

实例:

 size=3  size=5  size=7

3:

颜色:

一般用RGB颜色编码来表示最简洁.但缺点就是不容易读懂,也可以用颜色的标准英文名来表示:

       如:

color=ff0000 color=red color=0000ff color=bluecolor=008000 color=green

四（表格代码1）

一：

表格代码的结构：

 1:

功能结构

     <功能参数><分表参数>内容<分表结束><功能结束>

 2:

代码结构

  结构1（简单的表格）:

显示内容

显示内容

  结构2（带背景颜色）:

显示内容

显示内容

  结构3（带背景色带边的表格）:

显示内容

显示内容

  结构4（带背景带边,边带制定颜色的表格）:

显示内容

显示内容

  结构5（带背景带边,边带两种颜色的表格）:

显示内容

显示内容

  结构6（左右多分的表格,将一个表格左右分为两个或以上来处理）:

显示内容1显示内容2

显示内容1

显示内容1

显示内容1

显示内容1

  结构7（上下多分的表格,将一个表格上下分为两个或以上来处理）:

显示内容1显示内容2

显示内容1

显示内容2

显示内容1

显示内容2

3结构说明:

<>              是表示定义的开始和结束,

TABLE         是定义这段代码功能是"表格代码",

width=        是定义表格的初始总宽度,

height=     是定义表格的初始总高度.

bgcolor=  是定义表格的背景颜色

border=    是定义表格的边的宽度

bordercolor=是定义表格边的颜色

TR       是定义表格换行

TD           是定义将总表格分为几个单表格来处理

align= 是定义表格内容的显示位置,align=center:

是居中align=left:

是左对齐align=right:

是右对齐  

显示内容  是表格内的实际显示内容 

/TR      是定义表格换行结束

/td         定义单表格结束

/TABLE      定义总表格结束 

二实例分析:

例:

代码1:

我是星空明月

代码1效果:

我是星空明月

代码2:

我是星空我是明月

代码2效果:

我是星空

我是明月

代码3:

我们在第一讲中就说过,代码套代码的格式.将文字代码套入到表格代码中

我是星空我是明月

我是星空

我是明月

代码4:

根据我们的显示要求可以用"align="来定义内容的显示位置

我是星空我是明月我是明月

我是星空（居中）

我是明月（左对齐）

我是明月（右对齐）

三:

注意事项:

1:

数据的分配要准确:

如果你将一个总表格分为多个单表格来处理,就要定义每个单表格的长和宽度.每个单表格加起来的总长和总宽要和总表格一致.

例1:

总宽是200总高是60左右分100x60+100x60=200x60就和总宽高一样

我是星空我是明月

例2:

总宽是200总高是60上下分200x30+200x30=200x60就和总宽高还是一样

我是星空我是明月

2:

固定表格数据并不是真的完全固定,会随着内容的大小和多少来自动调整宽高.

例1:

我们固定总宽为300总高为30.