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

UC广播代码制作教程之一前言:一: 应广大UC玩家的要求,本站长抽出一定的时间将UC广播代码的讲座做成文字教程供大家参阅,互相学习.二:本教程也是非常简单易懂的网页基础教程,只要你能认真学完本课程,你就可以用记事本也能做出精美的网页.(因为静态网页就是用这些代码构成的).广播代码也就是从网页代码中来的.三:在本教程阅读中请你千万别心急要吃个胖豆腐出来,慢慢来.不懂的地方请到:UC合作免费电信2-卡拉OK练歌坊-OK歌厅 咨询.但是:对于讲述中已经详细讲述的内容本人有权拒绝回答.请在教程中找答案.是为了避免你的懒惰延续.四:如果你有兴趣制作出了属于自己的完整精美网页.本站免费为你提供网络网页放置空间.你就可以让你的朋友随时观看到你的成果.本站也免费为你宣传.五：警告：本系列教程禁止任何人以任何形式转载或剪切转载。五：本代码教程分为无数.讲:第一讲: 简单代码基础和准备工作(重要).:讲述代码的结构和常用规范.第二讲: 图片代码.:图片显示代码.第三讲: 文字代码.:控制文字的显示规格.第四讲: 文字表格代码.:控制文字的规则显示和特效.第五讲: 图片表格代码.:控制图片的显示规则和特效.第六讲: 超链接代码(可点击代码).引导型超链接代码.第七讲: 移动代码. 让静态的文字或图片动起来.第八讲: 简单广播图片制作.(重要).教你如何最简单的从图片中提取需要的部分内容来做成新的广播图片.(裁剪需要的,丢弃多余的图片内容)第九讲: 动漫代码:SWF动漫代码.背景音乐代码第十讲: 简单网页代码基础.:讲述网页制作中的特殊代码.第十一讲: 网页制作:.:教你如何用讲的代码来做一个精美的网页. UC广播代码应用教程之一(代码基础):一:代码的结构：所有的代码都是由这样的结构组合而成的： 内容比如我们要将一个代码里面嵌入另个代码(只将内容部分用完整代码覆盖就可以了):如: 内容2二:代码中用到的字符号: 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=72:另一种固定表示大小的是点阵,包括各种长度和宽度和大小的定义都用这种表示方法:用数字来表示.如: width=400 height=80 等等.(点阵是指:定义用多少个点的长度,如width=400表示用400个点的距离来定义长度,就是400点长.)实例1:实例2: 3:还有一种不固定表示大小的方法是百分数:百分数是建立在我们定义的区域范围内产生的. 如:我们定义一个西瓜为100%或10斤,这就是总量.百分数都是建立在总量里面的.然后我们再分这个西瓜:你分50%,他分30%,我分20%,再来人就没得分的了. 其中的总量也是可以以百分数来表示,但这个总量也是建立在更大的总量下的.实例1:以我们自己定义的总量来分(总=500 1分30% 2分70%):实例2:以显示区域为总量来分,定义总量为显示区域的40%.或100%: 3.33:地址:1:文件地址:是指文件在网络上的绝对路径.如:/Article/UploadFiles/200611/20061125011717774.gif 2:链接地址:是指网络任意地址.能正常打开的. 3.34:颜色:一般用RGB颜色编码来表示最简洁.但缺点就是不容易读懂,也可以用颜色的标准英文名来表示: 如:color=ff0000 color=red color=0000ff color=blue color=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:/UploadFiles/200611/20061126205625466.gif例2:/UploadFiles/200611/20061126205625242.jpg3:如何取得图片真实地址?:第一步:打开任何一个网页,里面会看到很多图片第二步:用鼠标指着你喜欢的图片中间,点鼠标右键-再点属性.(不能点右键的先请你放弃用这图)第三步:在属性栏中找到地址:(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=73:颜色:一般用RGB颜色编码来表示最简洁.但缺点就是不容易读懂,也可以用颜色的标准英文名来表示: 如:color=ff0000 color=red color=0000ff color=blue color=008000 color=green 四（表格代码1）一：表格代码的结构：1:功能结构 内容 2:代码结构 结构1(简单的表格):显示内容 显示内容 结构2(带背景颜色):显示内容 显示内容 结构3(带背景色带边的表格):显示内容 显示内容 结构4(带背景带边,边带制定颜色的表格):显示内容 显示内容 结构5(带背景带边,边带两种颜色的表格):显示内容 显示内容 结构6(左右多分的表格,将一个表格左右分为两个或以上来处理):显示内容1显示内容2 显示内容1显示内容1 显示内容1显示内容1 结构7(上下多分的表格,将一个表格上下分为两个或以上来处理):显示内容1显示内容2 显示内容1显示内容2 显示内容1显示内容23 结构说明: 是表示定义的开始和结束,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.星空娱乐之家欢迎你 星空娱乐之家欢迎你我们看到实际将表格挤高了.超过我们的规定,我们一定要记住这一点.要根据实际内容的宽高来调整表格的大小.才能达到理想的效果. 星 空 娱 乐 之 家 欢 迎 你 （表格代码2）一：代码的结构：我们常常看到一些好看的图片,但是我们想在图片上面加些文字或更多的图片来用,这就要用表格代码来制作效果.1:功能结构 内容 2:代码结构 结构1(在一张图片上面写字):文字代码 文字代码 结构2(在多张图片上面写文字):文字代码内容 文字代码内容 结构3(用不同的图片来做背景):显示内容1显示内容2显示内容3 显示内容1显示内容2显示内容3 结构4(带背景图片加上边,边带制定颜色的表格):显示内容 显示内容 结构5(带背景带边,边带两种颜色的表格):显示内容 显示内容 结构6(左右多分的表格,将一个表格左右分为两个或以上来处理):显示内容1显示内容2 显示内容1显示内容2 结构7(上下多分的表格,将一个表格上下分为两个或以上来处理):显示内容1显示内容2 显示内容1显示内容23 结构说明: 是表示定义的开始和结束,TABLE 是定义这段代码功能是表格代码,width= 是定义表格的初始总宽度,height= 是定义表格的初始总高度.bgcolor= 是定义表格的背景颜色border= 是定义表格的边的宽度bordercolor= 是定义表格边的颜色background= 是定义背景图片地址TR 是定义表格换行TD 是定义将总表格分为几个单表格来处理align= 是定义表格内容的显示位置,align=center:是居中 align=left:是左对齐 align=right:是右对齐显示内容 是表格内的实际显示内容/TR 是定义表格换行结束/td 定义单表格结束/TABLE 定义总表格结束 三:注意事项:1:数据的分配要准确:如果你将一个总表格分为多个单表格来处理,就要定义每个单表格的长和宽度.每个单表格加起来的总长和总宽要和总表格一致.例1:总宽是200 总高是60 左右分 100x60+100x60=200x60 就和总宽高一样我是星空我是明月例2:总宽是200 总高是60 上下分 200x30+200x30=200x60 就和总宽高还是一样我是星空我是明月2:固定表格数据并不是真的完全固定,会随着内容的大小和多少来自动调整宽高.例1:我们固定总宽为300 总高为30.星空娱乐之家欢迎你 星空娱乐之家欢迎你我们看到实际将表格挤高了.超过我们的规定,我们一定要记住这一点.要根据实际内容的宽高来调整表格的大小.才能达到理想的效果. 3:表格的制作一定要根据图片的实际大小来制作.否则显示不正常,但专用来做背景的图片又不受此限制.如:本例原始图片大小为:100*80 但是表格是:150*50,显示就不完整.如果将表格做成图片宽或高的倍数就可以了.就形成了多张排列显示.如:500*160或500*80 UC广播代码制作教程六（超链接代码)一：代码的结构：我们常常遇到聊友问一些问题,很多问题在网络上能找到非常简单规范的答案.但是我们用文字给朋友门说很麻烦,朋友还得去复制来粘贴到IE里面.我们用上代码来控制,就只需要用广播形式发出去,朋友们就可以直接点你的广播就可以直接到你想告诉朋友的地址里面去了.1:功能结构引导显示内容2:代码结构结构1(直接用文字来说明的超链接):文字说明例:欢迎进入星空娱乐之家实际效果:欢迎进入星空娱乐之家 结构2(用图片或图片加文字来做超链接):图片代码例: 实际效果: 3 结构说明: 是表示定义的开始和结束,A 是定义这段代码功能是超链接代码,href= 是定义超链接的地址文字说明 是你为你推荐的这个链接做的用文字说明或用图片说明./A 是超链接代码结束 是定义所有内容居中显示直到 表示居中结束 三:实例:1:手把手教你制作UC房间广播请点这里 效果: 手把手教你制作UC房间广播请点这里2:要下载“UC快乐心情”的请点这里效果: 要下载“UC快乐心情”的请点这里3:要下载“UC 星空版”的请点这里效果: 要下载“UC 星空版”的请点这里4:找音乐应有尽有,找伴奏得心应手,点此进入. 效果: 找音乐应有尽有,找伴奏得心应手,点此进入.酷讯咨讯:历史上回贴率最高的一张图片-你绝对没见过的畸形人组图-被称人妖变性女艺人欲自杀 UC广播代码制作教程之七（移动代码)一：代码的结构：我们常常遇到聊友问一些问题,很多问题在网络上能找到非常好看的图片,但是这些图片有些是静态的,不动的.或我们自己写的文字也是静态的,我们就可以利用代码将其动起来.1:功能结构显示内容2:代码结构结构1: (直接用文字来做内容的移动):内容例:星空娱乐之家实际效果: 3 结构说明: 是表示定义的开始和结束,marquee 是定义这段代码功能是移动代码,direction= 是定义移动的方向:参数有:left=先向左移动 right=向右 UP=向上 DOWN=向下scrollamount= 定义移动的速度,用数字表示, 一般从3到7就合适了.behavior= 是定义移动的方式:单向可省略此参数.alternate=往反移动.width= 在移动代码参数中表示移动范围.宽.height= 在移动代码参数中表示移动范围.高.内容 任何文字或完整代码.移动代码结束. 二:实例: 结构A: (用图片或复杂的表格来做移动内容):1:移动图片:图片代码2:移动表格:完整表格代码3:在表格内移动:移动内容4:设置移动范围(固定区域移动):移动内容例1: 实际效果: 例B:移动表格: 实际效果: 例C:在表格内移动:内容实际效果: 例D:设置移动范围:内容实际效果: UC广播代码制作教程之八（图片编辑)点此下载的相片软件前言:我们常常看到一些好看的图片.想和朋友们一起分享,或做网页或广告背景使用,但又太大.也有些我们不需要的内容在里面,想去掉.会PS图片编辑的人又不是很多.PS的优点就是可以很复杂的编辑很细微的效果,但我们不需要自己做图,花的时间太多没必要,再则现成的图片本身就很精致了,只是大小和结构问题,我们只需要拿来改大小和结构就可以了.我们就可以利用一些小工具软件来做,我们以Google相片管理软件.为例:该软件三大优点:软件小安装方便并全免费无须注册, 编辑简单,可以管理你电脑上所有的图片.一：图片的结构： 图片都有宽和高的数据,一般只要指着这图片右键-属性-就会看到该图片的属性,里面可以看到图片的大小.一般以(宽X高pix)pix是点阵的单位,由多少个点构成表示.根据我们房间广播的要求,代码显示区域不超过500和高度不超过200的要求.我们可以将不管多大的多尺寸的图片做成我们需要的图片.如: 鼠标指着图片点右键.属性.就可以看到786X592 pix的尺寸属性,就是指这张图是786点宽,有592点高.注意我们还要估算这张图的比率,如:786:592约等于8:6 如果我们将本图制作成高度不超过200的图片,那我们应该将宽度压成多少呢? (200X150 pix)同样的我们有两种方式来实现这种变小.1:用代码,如:来限制显示大小就可以了.这只能做为单图显示,我们想将此图片做为背景,再想在这图上面加字,用代码就不行了.就得改变图片的实际大小才能.下面我们来一步步改这图片的大小.其实熟悉了整个过程就很简单的4步就完成了:1:下载图片.2:剪切图片并可做适当的效果调节. 3:导出剪切好的图片.4:上传图片.然后就可以得到图片网络地址使用了.二:制作过程:第一次使用就得下载软件来安装.以后就直接使用软件就可以了.一:软件的安装:1：下载：“相片软件”，在本站软件园有提供该软件中文版下载。点此进入PS软件下载.2：安装注意：该软件完全免费又没有广告插件。可以放心使用，但是必须按照软件默认路径安装，安装过程中请不要更改任何默认的设置。包括路径。3：启动设置：开始-程序-Picasa2-Picasa2 第一次启动会提示你扫描你电脑里面的图片,你可以选择是,将用一定的时间来扫描你的电脑里面所有的文件夹,提取管理里面的图片,也可以选择不或取消.你将手工将图片文件夹加到相片软件中.4:添加文件夹:4.1:首先要建文件夹或你电脑里面有的文件夹才能添加:在你电脑里面建一个目录(文件夹),取名为:广播图片.记住哦,4.2:点软件左上角的文件-将文件夹添加到Picasa2.4.3:出现文件夹管理器对话框.在里面找到你建的文件夹如选择广播图片.在右边的适用于中选择总是扫描.在点确定.如果此文件夹里面有图片就直接显示出来了,如过没有图片将自动隐藏,当你加入图片就自动显示出来了.二:图片的保存:1:建文件夹:在你电脑里面建一个目录(文件夹),取名为:广播图片.记住哦,2:保存图片:方式1:只能下载你看到的图片,不一定是正式原始图片,因为IE在显示的时候可能已经压缩了该原始图片.指着你在网络上看到的图片点右键-图片另存为-保存到你电脑的广播图片文件夹里面.方式2:可以下载到真实原始质量图片.指着图片点右键-在属性栏中找到地址:(URL),后面的就是图片地址,但不一定是真实地址,从http:/开始到.JIG或.GIF结束,中间不带.?号的一般就是真实地址.在将地址完整复制帖到溜览器的地址栏里面,回车,会看到完整的此图,再进行点右键-图片另存为-保存到你电脑的广播图片文件夹里面.三:图片的剪切:1:选中图片的小样,双击,使其只显示这一张的大样图.2:剪裁:点左上方菜单栏中的剪裁3:选择裁剪区域:在图片上任意框选一块区域:然后在拖动区域.或直接拖动选区的四个边线来调整选择区域.选出来的亮框就是我们需要的.暗的部分就是我们不需要的.为了配合UC的布局,请尽量选择长条型,以尽量靠近(宽:高)比率为(10比2)为佳.如:选好后点左边的应用,就看到了我们剪好的图片了.注意看此图片的大小:例图裁剪下来后是(宽1223X高322 pix)的.4:导出图片: 直接点右下角的导出,注意:1:在导出文件位置点浏览找到你的原始图片文件夹,如:你建好的广播图片.在导出文件夹名称里面尽量使用同文件夹名称,以免每次都要修改名称.默认以你原始文件夹来命名导出文件夹名称.如你的下载图片地址为 E:广播图片 你导出的图片将保存到E:广播图片广播图片里面.注意:2:根据你裁剪后的大小来决定是否需要压缩大小.如宽高都小于我们的广播图片要求