教程贴子速成-----字体篇（不断增加中）

明活 · 发表于 2005-11-30 04:14:00

<

>給初學者.如果你是高手的.煩請你不要看這貼,時間寶貴.煩請你為論壇多發貼還好.如果你不懂這些請慢慢學:我在這教大家一些基本的東西,
<

>三种编辑模式：Design、UBB和HTML的区别 
<TABLE cellSpacing=0 cellPadding=10 width="100%" align=center background=http://www.wokey.com/images/bg1.jpg border=0>

<TR>
<TD>
<

>Design、UBB和HTML三种模式：可能很多人都没能了解他们之间的区别，现作细解 
<

>★所有的使用动网程序论坛都支持三种编辑模式：Design、UBB和HTML，这三种编辑模式各有其功能和特点，鉴于有些网友常常混淆编辑模式，此贴加以说明，希望大家看了能够对论坛的三种编辑模式做到心中有数。
<

> 1、Design编辑模式：
<

> Design的英文含义是“设计”，这里指半可视化的与Word相类似的编辑模式。用户可以在这个编辑模式下直接输入文字并进行修饰，其效果是“所见即所得”的(What you see is what you want)，你还可以在这里充分利用编辑框上方的工具栏进入诸如插入图片、插入媒体音频/视频文件、插入超级链接乃至取消等等操作，不同的是，当你插入上述内容时，它的可视化并不太理想——你不一定能够看到实际内容，而可能只是一些UBB语法格式的文字(我们下面会谈及UBB语法的)。不过Design编辑模式也有“预览”功能哦——当你在HTML下编写完一段完整的代码后，你试试切换到Design编辑模式，你会发现，你所编辑的HTML代码在这里可以看出效果来的(虽然这个效果不完全是真正发布后的效果)，这对你编写帖子和查看帖子效果无疑是有一定的帮助意义的。
<

> 论坛默认的编辑模式就是Design模式。当你发布新帖或回复别人的帖子时，你首先进入的编辑模式都是Design模式。如果你需要进入别的编辑模式，那么，在如下三种情形下你可以单击编辑框下方的相应按钮进行切换：
<

> 1）发表新帖时； 2）打开一个帖子然后点击该帖子稍右上方的“回复”按钮时； 3）引用别人的话时。
<

> Design编辑模式支持UBB语法，就是说，在Design编辑模式下，如果你直接使用UBB语法编辑帖子，论坛系统也是接受的。不过，由于“自动格式”等原因，有时在Design模式下使用UBB的一些语句会出现问题(如系统会加入<a href=...>...</a>、<font=...>...之类的HTML代码)，造成所编辑的帖子发布后效果不如人意。
<

> 2、 UBB编辑模式：
 UBB是早期一些论坛为了支持部分HTML特效而设计的语法标签，这些特定的语法语句通过论坛的特殊程序将其转换成HTML效果显示出来，至今大多数论坛程序仍然使用。UBB语法就是中括号语法，每条语句的语法标识符放在中括号里，和HTML语法一样，也定义了起始符，成双成对出现。比如，令文字颜色为红色，我们用如下语法格式(*号用时去掉，下同)：
[*color=red]我喜欢心静如水咖啡屋[*/color]
效果：我喜欢心静如水咖啡屋
下面列举一些常用的UBB语法：
[*B]文字[*/B]：在文字的位置可以任意加入您需要的字符，显示为粗体效果。
[*I]文字[*/I]：在文字的位置可以任意加入您需要的字符，显示为斜体效果。
[*U]文字[*/U]：在文字的位置可以任意加入您需要的字符，显示为下划线效果。
[*align=center]文字[*/align]：在文字的位置可以任意加入您需要的字符，center位置center表示居中，left表示居左，right表示居右。
[*URL=http://2008wlkw.2000y.net]黑马在线动力[*/URL]：加入超级连接。
[*EMAIL=MAILThandanfang@163.net]写信给黑马[*/EMAIL]：有加入邮件连接。
[*img]图片地址[*/img]：在标签的中间插入图片地址可以实现插图效果。
[*flash]Flash连接地址[*/Flash]：在标签的中间插入Flash图片地址可以实现插入Flash。
[*code]文字[*/code]：在标签中写入文字可实现html中编号效果。
[*quote]引用[*/quote]：在标签的中间插入文字可以实现HTMl中引用文字效果。
[*list]文字[*/list] [*list=a]文字[*/list] [*list=1]文字[*/list]：更改list属性标签，实现HTML目录效果。 
[*fly]文字[*/fly]：在标签的中间插入文字可以实现文字飞翔效果，类似跑马灯。 
[*move]文字[*/move]：在标签的中间插入文字可以实现文字移动效果，为来回飘动。 
[*glow=255,red,2]文字[*/glow]：在标签的中间插入文字可以实现文字发光特效，glow内属性依次为宽度、颜色和边界大小。 
[*shadow=255,red,2]文字[*/shadow]：在标签的中间插入文字可以实现文字阴影特效，shadow内属性依次为宽度、颜色和边界大小。 
[*color=颜色代码]文字[*/color]：输入您的颜色代码，在标签的中间插入文字可以实现文字颜色改变。 
[*size=数字]文字[*/size]：输入您的字体大小，在标签的中间插入文字可以实现文字大小改变。 
[*face=字体]文字[*/face]：输入您需要的字体，在标签的中间插入文字可以实现文字字体转换。 
[*DIR=500,350]……[*/DIR]：为插入shockwave格式文件，中间的数字为宽度和长度。
[*RM=500,350,1]……[*/RM]：为插入realplayer格式的rm文件，中间的数字为宽度和长度，第三个数字取值为0和1，0表示手动播放，1表示自动播放。
[*MP=500,350,1]……[*/MP]：为插入为midia player格式的文件，中间的数字为宽度和长度，第三个数字取值为0和1，0表示手动播放，1表示自动播放。
[*QT=500,350]……[*/QT]：为插入为Quick time格式的文件，中间的数字为宽度和长度，第三个数字取值为0和1，0表示手动播放，1表示自动播放。
【说明】
1）有少数语法本论坛不一定支持。 2）查看本论坛的UBB语法模式会发现，它的语句模样其实是HTML格式的。
 3、 HTML编辑模式：
 这是论坛最高级的编辑模式，要求用户有一定的HTML语法知识，能够编写HTML代码。
 HTML文件是标准的ASCII文件，它看起来象是加入了许多被称为链接签(tag)的特殊字符串的普遍文本文件。从结构上讲，HTML文件由元素(element)组成，组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”，有起始标记和结尾标记。元素的起始标记叫做起始链接签(start tag)，元素结束标记叫做结尾链接签(end tag)，比如我们经常使用的表格就是由<table>和</table>分别作起始标识符，<table>里面还有各种参数和属性设置，<table>和</table>之间还有一些成对出现的诸如<tbody>、<th>、<tr>、<td>等元素。
 其实，如果你对HTML语法知识还不太了解的话，你还可以借助一些网页制作软件(如FrontPage、DreamWaver等)在可视化编辑状态下编写帖子，结束后再切换到HTML模式将相应代码复制到论坛上来。你也可以修改别人的代码，作为过渡阶段的学习手段，这是准许的。
 最后切记：<table>...</table>之类的用<>包含起来的代码就是HTML代码，它们只有在HTML编辑模式下编辑，你想要的效果才会在发布后得以正确显示。 </TD></TR></TABLE>
<H2><IMG src="http://www.gzsums.edu.cn/webclass/html/br20t.gif"> 基本语法</H2>
<H3><marquee> ... </marquee></H3>
<DL>
<DD><TT><marquee>啦啦啦，我会移动耶！</marquee> </TT></DD></DL>

<MARQUEE>啦啦啦，我会移动耶！</MARQUEE><PRE></PRE>
<H2><IMG src="http://www.gzsums.edu.cn/webclass/html/br20t.gif">文字移动属性的设置 </H2>
<H3>方向 <direction=#> #=left, right</H3>
<DL>
<DD><TT><marquee direction=left>啦啦啦，我从右向左移！</marquee> <marquee direction=right>啦啦啦，我从左向右移！</marquee> </TT></DD></DL>

<MARQUEE>啦啦啦，我从右向左移！</MARQUEE>

<MARQUEE direction=right>啦啦啦，我从左向右移！</MARQUEE><PRE></PRE>
 
<H3>方式 <bihavior=#> #=scroll, slide, alternate</H3>
<DL>
<DD><TT><marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <marquee behavior=alternate>啦啦啦，我来回走耶！</marquee> </TT></DD></DL>

<MARQUEE>啦啦啦，我一圈一圈绕着走！</MARQUEE>

<MARQUEE behavior=slide>啦啦啦，我只走一次就歇了！</MARQUEE>

<MARQUEE behavior=alternate>啦啦啦，我来回走耶！</MARQUEE><PRE></PRE>

<H3>循环 <loop=#> #=次数；若未指定则循环不止(infinite)</H3>
<DL>
<DD><TT><marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee> <marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee> <marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee> </TT></DD></DL>

<MARQUEE loop=3 width="50%">啦啦啦，我只走 3 趟哟！</MARQUEE>

<MARQUEE behavior=slide loop=3 width="50%">啦啦啦，我只走 3 趟哟！</MARQUEE>

<MARQUEE behavior=alternate loop=3 width="50%">啦啦啦，我只走 3 趟哟！</MARQUEE><PRE></PRE>

<H3>速度 <scrollamount=#></H3>
<DL>
<DD><TT><marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee> </TT></DD></DL>

<MARQUEE scrollAmount=20>啦啦啦，我走得好快哟！</MARQUEE><PRE></PRE>

<H3>延时 <scrolldelay=#></H3>
<DL>
<DD><TT><marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee> </TT></DD></DL>

<MARQUEE scrollAmount=100 scrollDelay=500>啦啦啦，我走一步，停一停！</MARQUEE><PRE></PRE>

<H2><IMG src="http://www.gzsums.edu.cn/webclass/html/br20t.gif"> 外观(Layout)设置</H2>
<------ALign------->
<H3>对齐方式(Align) <align=#> #=top, middle, bottom</H3>
<DL>
<DD><TT> <marquee align=# width=400>啦啦啦，我会移动耶！</marquee> 对齐上沿、中间、下沿。</TT> </DD></DL>

<MARQUEE width=400 align="top">啦啦啦，我会移动耶！</MARQUEE>对齐上沿。

<MARQUEE width=400 align="middle">啦啦啦，我会移动耶！</MARQUEE>对齐中间。

<MARQUEE width=400 align="bottom">啦啦啦，我会移动耶！</MARQUEE>对齐下沿。<PRE></PRE>
<------Background Color-------><A></A>
<H3>底色 <bgcolor=#> </H3>
<DL>
<DD>#=rrggbb 16 进制数码，或者是下列预定义色彩</A>： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua </DD></DL>
<DL>
<DD><TT><marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee> </TT></DD></DL>

<MARQUEE bgColor=#aaaaee>啦啦啦，我会移动耶！</MARQUEE><PRE></PRE>

<H3>面积 <height=# width=#></H3>
<DL>
<DD><TT><marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦，我会移动耶！ </marquee> </TT></DD></DL>

<MARQUEE width="50%" bgColor=#aaeeaa height=40>啦啦啦，我会移动耶！</MARQUEE><PRE></PRE>

<H3>空白(Margins)<hspace=# vspace=#></H3>
<DL>
<DD><TT>******************************************** 嗨, <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦，我会移动耶！</marquee> 大家好！ ******************************************** </TT></DD></DL>
******************************************** 嗨, 
<MARQUEE hspace=20 vspace=20 width=150 bgColor=#ffaaaa align="middle">啦啦啦，我会移动耶！</MARQUEE>大家好！ ******************************************** 
在论坛默认的编辑状态下，我们可以通过UBB语法的move和fly语句让对象动起来， 但功能很简单，只是平行地移动。而我们使用HTML的Marquee语句则可以产生 更多的移动效果：向左、向右、向上、向下。再嵌套使用marquee语句， 效果就更加丰富了。 marquee的基本语法：<*marquee>文字<*/marquee> 说明：与大多数HTML语法元素一样，它也是成双出现的， 被修饰对象就放在起始符和终止符之间,为了怕被默认语法 我在尖括号的前面加了*号,请大家在发帖的时候注意去掉*号 请看如下例子： <*marquee> 啦啦啦，真的会动耶！<*/marquee> 
<MARQUEE>啦啦啦，真的会动耶!</MARQUEE> 瞧，简单吧？不过，以上例子只是使用了marquee的默认用法。我们加入相应的参数，它的移动方法就有所不同了。 参数一：direction direction的英文意思就是方向。这个参数的取值有四个：left（左)、right(右)、up(上)、down(下)。 例：<*marquee direction=up>向上移动<*/marquee> 
<MARQUEE direction=up>向上移动</MARQUEE> 参数二：behavior 移动方式。值：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。 例：<*marquee direction=left behavior=alternate>哈哈，我来回走！<*/marquee> 
<MARQUEE behavior=alternate>哈哈，我来回走！</MARQUEE><*marquee direction=left behavior=slide>累！我只走一次！<*/marquee> 
<MARQUEE behavior=slide>累！我只走一次！</MARQUEE> 参数三：loop 循环。若未指定则循环不止(infinite)，其值取数值。例： <*marquee loop=3>我只走三次哦<*/marquee> 
<MARQUEE loop=3>我只走三次哦</MARQUEE> 参数四：scrollamount 移动速度。值取正整数。数值越大，速度越快。例： <*marquee scrollamount=25>看，我走多快！<*/marquee> 
<MARQUEE scrollAmount=25>看，我走多快！</MARQUEE> 参数五：scrolldelay 延时。数值。例： <*marquee scrolldelay=1000>我走一走，停一停<*/marquee> 
<MARQUEE scrollDelay=1000>我走一走，停一停</MARQUEE> 参数六：bgcolor 底色。例：<*marquee bgcolor=pink>看到了吧？有底色！<*/marquee> 
<MARQUEE bgColor=pink>看到了吧？有底色！</MARQUEE> 参数七：width和height 就是移动的宽度与高度了。例： <*marquee width=200 height=200 bgcolor=pink direction=down>这个面积不够我移动！<*/marquee> 
<MARQUEE direction=down width=200 bgColor=pink height=200>这个面积不够我移动！</MARQUEE> 其他参数： 空白(Margins)<HSPACE=数值 vspace="数值"> 对齐方式(Align) 
 
乐助会，乐助会</CAPTION> </CAPTION>
 
<DIV align=left>70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>乐助会,乐助会</CAPTION> </CAPTION></DIV>
发贴时需要字体要这种效果的，先点击UBB模式，然后输入上面给出的代码，然后在“乐助会,乐助会”那里换上自己喜欢的字，就可以了，大家都来试试哦 http://www.xj2005.com/bbs/UploadFile/2005-10/200510142229078411.mp3

		自动登录	找回密码
密码			立即注册

[教育] 教程贴子速成-----字体篇（不断增加中）