名叫“定位标识符”，它有一个属性叫align，将这个属性设置成center或者middle，被标识的网页就会显示在浏览器的中间（即左右居中显示）位置。

表示开始居中显示，而

要居中显示的图片或文字

和都是HTML标识语言（用来制作网页的一种明文语言代码）的基本标识符，使用的基本原则如下：4 L3 `1 K! v* Z- x9 o

$ R; L& b, Q7 _, T: o, S1、不区分大小写，大写与小写是等价的。

等同于

。
( h1 S! k# e, L9 v6 A
  s4 f6 l( o2 S- x1 k9 T1 t! Q: j9 r- c. ^; T! Z+ X6 M
2、必须成对使用，既要标识显示效果开始，也要标识显示效果结束。被标识的要素，放在开始和结束之间。

要居中显示的图片或文字

4 x; g0 o+ b9 Y& i) M3 l

' [" v2 X6 H. V  b6 W: _2 w: S9 ^6 ]3 \8 g2 i) N
3、不同的标识符可以嵌套使用，但不能相互骑跨。

是正确的，而

是错误的。错误的标识，会加倍消耗内存资源，影响网页显示或刷新的速度。
) h6 e5 e' u, m3 W' e, I1 c! w7 J1 v) }8 S. S/ P
第二题、如何在帖子里显示图片？
0 n% k5 u  {7 a. s4 t) Q6 ^1 S8 M" ?6 v: v; K: z) a
9 l( |3 L. a0 U. q8 _, {  V/ e
名叫“图片标识符”，是专门用来在网页里显示图片的标识符。它最重要的一个属性是src，应该给这个属性设置图片的位置，“URL”表示一个有效的包含文件名的网络地址，也就是图片文件在网络上所在的位置。- l+ ?9 j: N7 s
例如：，这是新浪网首页上的一张图片的URL，这个图片的文件名是“27124406-index.gif”。如果你想在帖子里显示这个图片。
# u3 ~' I" ?9 s5 K: r4 ]语法实例：8 l6 _/ t8 F/ [" L
这个标识符还有若干个属性，不同的属性用来修饰和控制图片显示的效果，最常用的典型属性是：$ r" f  v; h( L5 A* T) U5 b, Q1 X
border=n （n代表任意一个数值）% {; B, j; x! r
该属性用来给图片设置显示边框，border=0表示图片无边框显示。n的数值大小决定图片显示时边框的宽度。3 A& `- c+ }/ \' J9 d
如：3 y% c1 |; s. `: g( k0 _2 B

2 D. T7 O3 \9 F( [  @) A4 m2 Rsrc=http://image33.360doc.com/DownloadImg/2011/08/0716/15420614_1.gif>
2 s2 W. D6 ~8 i) d9 u# Bwidth=n（n代表任意一个数值，最大值不应超过显示器当前分辨率的最大象素）
* ?9 W2 B3 y2 K& f: `. a& o$ E( u该属性用来给图片设置控制显示的宽度，width=500表示图片显示的宽度为500象素。
, c3 N# f+ c8 n$ K( b4 l如：6 ^+ z7 j) T2 J& o% i  n6 ^
备注：, N* O4 o, s7 `0 w. G( y. t
   1、一个有效的URL应该包括正确的网络地址（位置）和图片文件名。如果用正确的标识个语法，在网页上显示出来的却是一个小叉叉（俗称胶布），说明src属性的URL不是有效的。! u/ h+ h) {* _& _$ i1 y
    2、标识的属性应该写在开始标识符的尖括弧，若有多个属性，可以连续写入，但属性与属性之间，应该用空格来间隔。6 F- x. P4 c7 i
如：
1 ]% v4 `( a9 j4 Q" `+ e/ ^     3、URL指向的图片位置必须是网络上的，所以加工之后的图片必须首先上传到网上才能引用。“src=d:/myimage/123456.gif”这个地址肯定是错误的，因为你的电脑的D盘，在网上是无法共享的，如果图片还在你的电脑硬盘里，指向你电脑磁盘的URL就是无效的。# V3 y  O, H& X9 g1 ^* o  x; a
  总结：
3 |6 I( `) f: N- \8 o# b1 U, g6 c在帖子里发一张图片，并且让图片显示在网页居中的位置。
/ N. D0 t: y4 [- }
4 q* ?& K$ X+ I& c  {$ }) I- V
4 i' a- ^1 z/ r; d: q源代码如下：
. Q0 l# \4 e/ P: U2 T


手工制作音画贴教程（二）
: f+ n. H; \7 s, f/ j8 o) o4 O# Z8 D# @( T5 A; E6 G+ B3 I
网络上90％的页面都是使用HTML标识语言编写的，因为HTML是一种明文标识语言，所以，一个网页文件往往也就是一个纯文本文件。
8 Z$ j* K6 H) l8 H" m: b: s6 M/ B  }8 R: v
我们只要学会一些HTML标识符（全部不超过130个标识符），就可以用Windows的记事本编写网页程序。用“记事本”制作网页是最简单、最原始的网页制作技术，同时也是最高水平的网页制作技术（因为能够用记事本写HTML程序，意味着你对标识语言已经烂熟于心）
( f+ W0 M7 m/ u" h6 H/ D/ e2 _
, ~( b, E! W* b" m+ R' k# ?用记事本制作网页的技术，不妨从如下几个步骤开始：
) v8 N: I1 q8 D+ t  }  I) M- G, [4 Q1 }+ [, b
1、在你的C、D、E、F任意个一个磁盘分区上创建一个工作目录（文件夹），例如：MybbsWord. |9 N, s8 u8 W" T

- ~$ F: Z: C' \- _- u2、打开Windows记事本，写好一个制作帖子的源代码。将代码以文件形式保存到MybbsWord文件夹里' @) k8 ?7 Q  W/ Z

5 ^4 g2 p+ E6 F; Z; M5 a: X6 H3、保存文件时，将代码文件保存为HTM格式，比如，欲将文件命名为a07408001，则保存的文件名为a07408001.htm
9 c6 p( _. j: f9 e! C
! O( [/ P# ~7 c) u/ v4、如果你不慎将文件保存为text格式，只需要将文件的扩展名（后缀），修改为“.htm”就可以了。
: `! G6 h5 {& X, I! R: x
/ B5 t" A7 v  u* M  r+ `2 O5、htm格式的文件，俗称超文本，可以用记事本打开阅读源代码，当然也可以继续编辑。, G& M$ ^, ]% c3 e! {# g& r3 b0 K
# x4 @% {7 }+ f
6、用鼠标双击你已经保存的a07408001.htm，浏览器会自动打开显示，这使得你能够在发表帖子之前，就能在你的电脑上看到帖子的效果。
4 c5 X, K( f7 H7 ^9 l0 \* l" u  _* j! }
                                                          『每一课程两题』9 V5 s- u# N, Z

- D* M9 `- y# w- z9 \5 q
* o& v2 y3 L$ R1 ~" v4 T* k第一题、如何在网页里画表格，并利用表格组织显示图片和文字？; X4 _. O1 @  Y' w( a4 U

3 b2 O  s5 s) k7 }5 o: o( m用HTML标识语言代码制作的表格是网页上划分栏目区域，分类文字内容、拼嵌异形图片最基本的要素。画表格是制作网页必不可少的技巧，几乎所有结构复杂、图文并茂，栏目众多，内容庞杂的网页都少不了用表格来实现。音画贴里华丽的边框正是用表格来实现的。
& `0 n, @2 A! A  Y$ S' T4 L+ ^$ ~2 [
表格一般有若干行和若干列构成的方格组成，所以表格也称“网格”。和我们在实际生活中用到的表格（例如：课程表）一样，文字是应该写在方格子里的，表格的“方格子”，叫做单元格，每个单元格都是一个容器，其它所有的网页元素都可以放在这些容器中，也就是说，你可以把图片、文字、音乐、动画全都安排显示在指定的单元格里。你甚至可以在一个表格的某个单元格里，再装入另一个表格，这就叫“嵌套表格”，表格是可以层层嵌套的，很多音画贴的外围边框，正是一层套一层的表格做出来的。
1 r. ?/ |  Q2 Y4 ~4 C画表格的语法实例：
  m" `1 V: m6 z. E+ Q9 t
% x  G0 q4 m' U% N$ w0 m, N% [3 U4 p' T1 W0 P

! ^7 x9 |5 i8 b

第一行第一列	第一行第二列
第二行第一列	第二行第二列

$ w" W# W1 P8 C8 P. E1 K* m) S9 k$ K5 D
这是简单的一个两行两列的表格。
% U' [) Y) i7 F( k+ v8 T  F最常见的音画贴所使用的表格，一般都是只有一行一列的矩形框，或是只有一列的多行表格。
3 {) H( b) n: n8 f# O0 `
0 ^, l7 a9 P% _* k这个标识符用来定义表格，要特别注意：这个标识符一定要成对，而且嵌套表格时不能骑跨，否则将得不到预想的显示的效果。标识定义表格的开始，标识定义表格的结束。表格的行和列，必须包含在和之间。
) A1 O# i' m8 r, z6 C+ p/ q) Z7 Y2 f# X. Q  L9 u8 q: ^4 e1 Q
这个标识符有很多属性，利用其不同属性可以设置表格的样式，比如：表格是否有边框，边框线的粗细，背景颜色、背景图案、表格的宽度（象素），表格内元素与表格边框的距离，表格与外层容器之间的距离等等。% @5 A4 @) `( s  c
# ]* U# Z" k% n+ t$ X  K7 f1 f
border=n（n代表任意一个数值）# I. o9 N, ?2 Y0 `& y" ?
该属性用来定义表格的边框线粗细，n为零表示该表格没有边框（或不显示边框）/ E2 f" y; F6 W7 q
$ R- F9 ]4 U- p
例如：
  i  y& N; {! K* ]  X( Q
- d  O( r: C) Z# |  k6 a3 cwidth=n（n代表任意一个数值，最大值不应超过网页宽度的最大象素）. \3 v3 `( l. a) I
该属性用来定义表格的宽度。定义表格的高度可以使用height=n，原理一样。如果想定义一个宽度600象素的表格如下
8 m2 r7 |/ u- {) U2 \& f例如：/ ?* e3 z" e% [5 c

  U9 O, q# U+ M! `! Ibgcolor="X"
# e, }: Y7 Z( n该属性用来定义表格的背景颜色。“X”表示一个16进制的数字（0－9的数字和a-e的字母），例如：feb034。fe代表红色值，b0代表黄色值，34代表蓝色值，三种不同的单元色，最后混合成一个复合色。
' _7 O( g" B8 X3 _' E7 r; R, Z
! O0 L9 j8 W( a' Z* h2 a使用16进制颜色代码，一般要在颜色代码前加上一个“#”号，例如：bgcolor=#ff00de。$ u1 F- K8 C" h5 E& G6 F# m, c
有些单色可以用英文单词定义，red（红色），blue（蓝色），yellow（黄色），green（绿色），例如：bgcolor=yellow
1 T* L* F$ K$ U2 T6 U( G  p颜色的定义，还能使用VB脚本语言的函数，例如：bgcolor=RGB(255,128,32),RGB()是一个调色函数，括弧内的三个参数分别代表红绿蓝三种颜色的色度值。8 D  Q& k6 \  R* o2 @5 K" P' |" V
定义表格背景颜色最常用的语法是bgcolor=#000dea
. W2 g1 p3 G4 n) O3 K' _( \  L  R. B) P
例如：) c# ]2 X* L- r+ s2 o

' J0 u& {8 M9 Y5 m: i6 F1 ^# ^cellSpacing=n （n代表任意一个数值）
9 N5 H7 z$ t. n4 a3 _# E9 t该属性用来设置表格单元格中内容与表格边框的距离，n为零表示允许单元格里的元素靠近边框。" q/ u( S! K7 u/ H& C, ?
cellPadding=n（n代表任意一个数值）' n% i0 Z, ^- `0 }9 v7 X
该属性用来设置表格与外层容器的边距，n为零表示表格没有边框距离。- ^+ [! W) f& a7 v
cellSpacing和cellPadding是制作音画贴最重要的两个属性。也就是说音画贴里的表格必须有这两个属性。4 _1 v- K; l3 Z8 S- V6 W
4 Q0 j" o- @2 g* }8 i8 A
例如：9 S; R0 e# I0 n- j9 ]" m

! ?: j  s0 b& l  ]8 A1 i和定义表格的行，一对定义一行，可用多次重复定义任意数量的行。画表格的时候，一定要先分“行”，再分“列”。
/ B( O1 t9 S8 H1 V1 c
) E( }/ f' Z5 g! u4 }这个标识符，也有属性，但没有必要使用。因为对表格单元格的样式修饰，可以通过定义表格的列，一对定义一列，可用多次重复定义任意数量的列。表格分列的原则是，必须要在“行”里分列，通俗地理解就是表格外框包含行，行里包含列，最后画成表格。3 j; r6 I7 H" h4 e$ M/ b3 ^( e# h% X
7 L" H: P, j' f
前面说过，表格的单元格是用来装入网页元素的容器，而容器装东西的位置就是之间的位置。& b* i" X8 T( L
0 H* {- e5 f( D, D- P
实例一：在一个表格（矩形框）里显示一张图片。
5 I4 W- Q* O8 Z- j

的属性设置来实现。 9 l- f  K) Z5 x5 v3 Y5 q: b" @1 ~, ]6 a& W( k: _7 |	和	与

! p' ~1 g/ A. [, u: c4 C; r) r' g
1 }: Z2 P! D. l9 F) C/ l

! a* v$ u( u' q8 d" W7 q1 C实例二：在一个表格（矩形框）里显示一句文字。" A: J  r3 s! e* h% @

( g, ?3 N8 S5 ]1 ~$ m: B
1 Q; n! ]0 C# d  e8 y

在这里写上要显示的文字

+ l6 f" Y6 |5 Z" K/ ^

7 p9 z$ `! W7 j% n" F- x备注：
: h4 x" a6 p/ A( L' T1、如果是一个多行多列的表格，第一行定义了多少列，以下的各行，一定要有相同数量的列，否则表格显示出来就不规则。
8 ^# a! G8 y5 A  ^. w" L, C% l) Q$ J- K! q! A* W4 \, ~
2、在里设置align和valign两个属性，可以控制单元格里内容的相对位置，align=center（左右居中），valign=middle（上下居中）。
8 V( O$ {; U: d6 s
  |! b0 Z  B' s, J3、可以单独设置一个单元格的背景颜色，例如：或
" a( Y$ m5 b  v+ S6 f* Y3 e& I' P2 {- Q. d: L  N' o
4、可以设置一个单元格的尺寸（会影响别的单元格的尺寸），例如：（宽度100象素，高度40象素）
0 t& r1 R' x- x8 `" ]( g9 w) Q6 Q2 M1 \1 ~, |8 o; _
5、在表格中嵌套表格，就是在单元格里再定义一个表格。实例如下：
! M) |1 e9 R( w' q# X* W0 V4 Z" q7 G5 Y

  F+ A9 S* O& W% H* B

9 ^1 A* t$ ^8 H 2 h4 w0 q$ H6 m/ ^/ q5 J 4 ~6 t" ]* _- u) T ) f# ~2 T, X: Q, Y ......在这里还可以嵌套表格 ! i& N8 v1 j# u$ ?1 o) P ' F) Q) Z1 {3 `! j! z% u  E

! I+ G& b' Y8 h% [3 `- ~! A+ |( S9 _9 H  X& ?2 x" r
第二题、如何实现动态文字之一（走马灯效果演示）3 t' c& _  O) }

: o) d3 a6 B# U6 Z9 A) l: A( k3 b语法：需要演示的走马灯文字和图片! a3 _% `5 s& U+ s7 c6 x0 Q# ?% m  P
# `) ]( b+ F! u- k' D: d
这个标识符，用来定义网页元素走马灯演示的动态效果，该标识必须成对使用，如果没有结束定义，之后的所有网页内容会全都到处乱跑。* d- ?# M3 a0 S* Y

% S: E5 B: t$ `  P8 U: k7 b的主要属性及其使用方法如下：
: y/ e: |, p' A1 H* B* E% x$ f
. M9 }2 P% e; h+ Z- hdirection=M
: y% |$ F# w# J0 c该属性用来定义走马灯的方向，“M”是一个代表方向的关键字。) s) h* S1 ]" u& H/ Q$ O
direction=up（从下向上），direction=left（从右向左），direction=right（从左向右）7 [4 Y3 \+ h& W' _9 d$ Z
* i) i/ q4 d# Z9 r2 L# y2 g  j, V
scrollDelay=n（n代表任意一个数值）8 }1 }) I2 G9 ?, g
该属性用来设置走马灯的演示速度，即一次移动和下一次移动之间的时间间隔，数值越大，移动速度越慢。7 a1 y# U3 n' g& A4 S
- t# n* K1 i4 b0 z# J
scrollAmount=n（n代表任意一个数值）& I+ g* _+ f. b) n; U" t' o) }
该属性用来设置走马灯的演示步长，即一次移动多少距离，例如：scrollAmount=3表示一次移动3象素的距离。
+ F& V* [- e) G* t/ V+ b$ _4 G* \7 T0 ^
width=n , _& e8 J: C' Q/ w- ?- s+ a* V
该属性用来设置走马灯演示区域的宽度，该宽度如果超过了网页的宽度，则无效。
3 |! x& I  H. K2 L' |! F' i7 _4 d* u
; C+ H; c  Z$ U2 h+ vheight=n: Z7 g$ S( C( m  B% ]( [( B# m% i
该属性用来设置走马灯演示区域的高度，如果是从下网上演示字幕，设置适当的区域高度很重要。. D  q# W3 y) f4 z" ?$ v2 o! s
* }$ ^& t, p$ n- x- X/ k' Q
完整的语法实例：
7 c+ v% D; y8 m2 G: R7 j  Q1 a4 a/ Q$ U0 \, \" h1 y7 }7 W
在这里写上你要演示的所有的文字.......' S) f, u" ?( o
  [5 T% H' t- P+ V

4 s% e$ y- u+ e" s总结：
6 u$ W6 ^0 l6 B6 b( B
. y+ f8 X3 B7 h  y! N2 K# w+ ~在帖子里发一张图片，使用嵌套表格给图片加上边框，并且给图片配上走马灯注释文字。5 R; \, `$ \  `7 F. @' b. X; x* I

: t; i0 I' |5 |# G7 T

1 F9 \. Q( ?" r6 Y8 p, i! Z& d
2 z8 q. V5 L/ X8 d

: x5 J8 _5 H6 E2 m  i$ C7 ~  T  Q ) v7 R( G# t9 Y( G' M- j6 Z' a  E/ u * _: t1 }6 z' r: k ' s0 B; c3 u  l3 ~$ w* z7 _6 _ # G$ d3 b/ M! C0 k: R* _; b9 h 7 X' T8 w. l! C8 D" Q. e % O6 Z. Z0 }/ n9 u 颐和深锁亡国恨，玉兰出墙春眠惊 * m% G8 ?  w  u- p* P, x% ^ ) _. H* E, j0 I; K3 q9 P

) k0 J! Y# {* G* a+ v, w

                                      
                                                
手工制作音画贴教程（三）) ~; J- ~! W5 |2 @
) e( D# F3 d/ w9 s
问：bgcolor=#00ffff 定义的是背景颜色吧？
7 d' [& G- ^  O: i3 c; U4 k答：是的。可用此方法定义整个网页的背景颜色；也可定义整个表格的背景颜色；也可定义表格中任意单元格的背景颜色。5 V6 d8 r& h/ \% i& K
举例如下：
8 y6 K" W0 K% U/ p. j7 w; l5 [8 G, H6 B( F" A' u( }

: t" `' m7 A% y( m1 h0 I定义表格的列，你的《颐和园春色》就是一列对吧？: c6 D7 M% t$ y

/ b5 J0 S# Q1 x* G, x批注：完全正确' l6 @+ b0 S1 Z; R+ [' O+ l
一般的音画贴都是只有一列的表格。除非你想要左边图片，右边文字的排版效果，这就需要两列。1 c% G3 X5 {% K( M6 b
------------------------------+ V# O4 d8 c: \0 q( m& ]
) k- i, _6 v. _. Z* `
5、小节：在居中显示一张图片、边框粗细为5、象素为600、边框颜色为灰色的代码：
. v) ]; H' @7 E

5 a7 f6 K8 Q" k2 y! Z# E8 D& \ - Y  x9 H& `3 c$ I: J  c问：边框的颜色是如何定义的呢？什么情况下是自动添加的？5 p0 j& X  e& @7 ^) x 用bordercolor=#ee00cc设置表格边框的颜色。如果没有自定义边框颜色，浏览器会默认表格的边框颜色为灰色（#cccccc）。" X2 F! |1 Z8 u/ m5 j( ~! |, @ 如果设置了表格的边框颜色，而没有设置边框的宽度（边框线粗细），则边框颜色不可见。 / s8 ?7 r! k$ D& L  J9 Q+ j* i例如：。该定义中，表格的边框颜色不可见。' @, z2 c  C- k+ d : o2 R# |3 H% e5 e4 m; A* h- E1 I问：你制作的帖子的多层外框的颜色是如何定义的呢？ 7 m" |  G7 R  h5 }3 N: R. [! a; H答：肯定不是使用定义表格边框颜色来实现的。事实上几乎很少使用定义表格边框的方法实现特效。. g) t9 x. Y8 d) L5 J4 M 9 o9 o3 m! d6 e. d我定义音画贴装饰框的原理是这样的：' J' k  p( B$ S- D/ E 1、用平铺的图片作表格的背景，或者给表格设置背景颜色。$ J9 h" H" [5 m+ k 2、在表格中嵌套表格（矩形框里套矩形框）。因为里面的表格比外面的小，居中后，四周会露出外层表格的背景图案或背景颜色。! P* P; |( w+ Q; E 3、层层嵌套。多层表格，只有最里层的表格是用来显示帖子内容的，外层的表格都是装饰。 6 A5 O9 T3 w( O' E% {9 Q4 a* e; Z) K 问：怎样设置表格和表格中图片宽度的像素值？3 E, v3 r9 B  d. M* s4 v/ f 答：表格的宽度要在标识中设置，而图片的宽度要在标识中设置。当图片的宽度像素值大于表格的宽度像素值时，图片会撑大表格的单元格，表格的宽度会被自动调整到大于或等于图片宽度；如果图片的宽度像素值小于表格，并且小于表格单元格的宽度像素值，图片周围就会有空白区，或者露出表格或表格单元格的背景。 ' O1 J) h$ h" D- X) A设置表格的宽度：( J: G! J- g+ P- D1 Q 设置图片的宽度：0 ~' G. f9 j) y1 ]! F6 C* A( S & F( z- p+ e2 [- H1 q" ? 问：如果我要显示背景颜色，如何设定这个值？ - \5 g* f+ n& Y+ r% ^ 答：设定背景的颜色，参见第一个问题的答案。如果要显示出背景的颜色，不要在背景前放太大的图片即可，文字时不会遮盖掉背景的。( p1 H3 q$ H  D' N0 V 8 H! h5 z( ^2 X% P# z7 W -----------------------------  W4 X5 t3 p/ b( _0 ?; X2 q 关于笔记的批注 & i: ]9 j4 ]( ~: K3 y  V. ?% e-----------------------------$ n  y: X% ]' m$ {) |8 x9 [- R 第一课：居中显示图片 . v4 L" v  M. q; a  Q! G" c1、 ： 0 }, e* q5 e! b- U" o $ |$ C* E" v$ j. J5 F* _5 [+ m* S' q 其中 width=100为表格的象素宽度；border=n为边框的宽度，为0则无边框% n0 Z. M, U% ]' ~8 N( U6 O * }0 `/ J( ]( i0 `批注： + J2 q; Y+ ~7 f2 c+ D1、：。这里的“:”是多于的，也是错误的。页面上会显示出一个“：” * R+ I. G# F" o4 P2、width=100 border=n 你这是定义图片宽度和图片边框的，不是定义表格的。 ' L) E; o% `" k% p0 Y* }----------------------------# ]$ f" K4 [1 O) R   ) h/ X& x3 }- w; a2 E 第二课：设置边框、滚动文字显示9 ]$ F/ w3 S' ~# b 1、定义表格（几乎所有标识都要成对使用）。 & x. t# G3 t$ k( e2 a& t2、在中，用border=n定义表格边框宽度、width=n定义表格宽度、height=40定义表格高度、bgcolor="X"定义背景颜色 0 P& Z, _( ]7 n4 q3 p; ]( M* B/ s" L8 i$ r, U% U. f0 @, t 批注：完全正确1 U1 p) Q3 i( N ----------------------------! g( T) q7 ~; D0 h5 \2 _ cellSpacing=n定义图片与边框的距离，cellPadding=n定义表格与外容器的边距。不懂5 Z0 [6 }4 V% e% S / \+ P: G- C; F  a! _ 批注： - q4 d3 u; h. ~: `2 y: h( A在表格的单元格里放置图片或文字，如果不希望图片或文字靠边（与表格线保持一定距离）4 c6 D  j7 c9 H. H+ } cellSpacing=n5 v9 z3 q! J) |3 m 在表格中嵌套表格（方框里面套方框），如果不希望两个方框重叠，或希望里面的方框与外面的方框之间留有空白（明显的看出大框里面有小框） / z+ S/ }: e6 {4 U  {cellPadding=n2 Q  ?% j2 ?0 p. m: ` ----------------------------- 2 |$ j& V% ~0 X) J, d/ |) G, w# G0 x4 \3、和，定义表格的行。如你制作的《颐和园春色》就是定义了三行是吧？第一行是颐和园春色的标题行、第二行是诗、第三行是图片。0 g6 ?- f# {0 z$ V" v; `6 j, G& T * ]# D1 {6 ]& z批注： + U% r' F8 j: B  E: R不是三行，是一行。在一行里使用了 分了三个段落，每个段落里又用了一个透明的表格 $ w9 s' O( ~: Y( g, |8 v2 n0 O ( o5 x3 X* C* ?, R( P" z! ^ ----------------------------- . l. ~( d  D- T& t$ M: }9 ?: H6 a4、

和

9 U3 F# o" f; z6 p* {  B+ A9 d8 Z; P7 X8 ]

( ?5 `( M6 q/ {. r- ~问题：border=5 是边框的粗细吗？border=0是什么意思？! }1 D" R6 L% d9 l2 \- U$ l

9 ]2 l* ?# ?+ h4 @$ Z/ d! v. k) h批注：
& c! L+ c* X- K5 v# V( f8 Cborder=5 是表格边框线的粗细
' n# ]& V' W9 i1 t- W4 a" }$ V1 F8 x% m+ _border=0 是设置表里显示的图片不带边框
1 D7 F9 F0 r+ ]& f3 @% W------------------------------
3 S) O) B1 ?1 H
! A, u4 l' ~5 |4 [0 u7 T7 R6、在中可以设置表格内容的相对位置：align=center（左右居中），valign=middle（上下居中）。
# R$ A5 [0 J0 r8 P- ?4 M问题：你的代码
- z/ R5 B8 ~* g0 J2 E' O1 s( }7 U8 E

* m/ G7 d$ p) K) P) K

- ]5 a# W  _6 I3 K, b* W7 ~$ w" u, W, \. ~ 4 c4 I# t5 Q, i# d$ `" Y* h " g8 n# o0 A$ a......在这里还可以嵌套表格 6 y5 }. }& @; s1 D1 t' _ 4 x! }' `) x' s5 R, E

4 X( n2 _# P1 v9 i! p& n& ~
意思是：在一个图片与边框的距离为3、与外容器的边距为12、边框宽度为1、象素宽度为600、背景颜色为#000adc的表格内嵌套一个左右上下居中的、图片与边框的距离为3、与外容器的边距为2、象素宽度为90％、背景颜色为#000adc、边框粗细为1的表格。同时在* G$ z5 c' p. {9 v: T
......在这里还可以嵌套表格: V+ @2 B7 M' a, H) R, o
之间可以任意嵌套其他各种各样的表格内容3 }$ |, e5 A% M4 j6 U8 `
我理解的对吗？
2 G' h) r+ Z$ Z0 y1 h5 q1 V& K. _: p! Q9 H! K) A# o2 ~4 ^
批注：非常正确（如果你的表达是正确的）。* k1 n; I' A7 `6 U4 c
' c& R* c* A2 i0 o8 f9 M( B
问题：width=90%中90％是什么意思？我理解是图片的大小占表格的实际的大小的90％。& w- L) ^' A6 F: N

1 y% e4 O0 M/ Q6 Q" P. u批注：
3 q& x" Z4 X. x+ ~7 |4 o. I5 [代码中没有这个标识，就说明没有图片。" x! h) ?  w# Q  @

+ H1 y; `7 o$ ^& Nwidth=90%是定义套在表格里面的表格的宽度，只能占外层表格单元格（容器）宽度的90%  A$ q$ B/ r6 u4 ~6 @
用百分比设置宽度和高度的像素值，这叫“相对定义”，外面必须有参照容器。
8 I* E+ [8 X: Z3 B6 x----------------------------4 c) u6 u6 g2 N6 L: j$ Q9 K% p
4 C$ u7 E6 e4 I& C
7、动态显示文字：
6 j8 _5 v! z# P2 N, Z+ }3 H/ y需要演示的走马灯文字和图片；
6 ?, x  |; N+ t* C# R" Y2 I* Y) @5 {. M. K" }4 \
添加一段、一次移动和下一次移动之间的时间间隔为150、从左向右移动、宽度为520、高度为25的表格。  c# w$ _7 s) T. ~% G
      
0 G; F$ o- u& r2 L批注：
( N5 X. m. D4 v) B9 x! c. \: Q不是一段文字，应该是一串文字。
1 a# X, o. F  X5 F+ Y  S方向应该是从右向左。8 K( K  {/ K3 Y2 o
宽度和高度是“指走马灯的显示区域”，不是指表格（代码中没有就说明没有表格）
6 j' m( _" ]# |: D$ T, i-----------------------------; O5 T6 x, z0 y+ o1 |  ?) G
问题：1、scrollAmount=n  一次移动多少距离, 没懂
* a% e! e( d  K( ^, _回答：你走路的时候，一步可以跨一尺，也可以跨二尺，也可以碎碎步踩蚂蚁，所以叫“移动步长”0 t/ `' e+ A1 {4 y  H7 l
; {9 {5 [5 r) c! ], p# ~
问题：2、如果要从下往上滚动显示一首四行的诗如何设置？
7 `. F: \9 Y; j  O, `" h. ?回答：. @' d+ \( V/ H, m
设置显示区域时，留出足够的高度，height=n（n值要大一点哟）
& X& D9 g9 i1 B7 [% j/ D0 A7 I设置走马灯的运动方向为从下向上，direction=UP3 @1 g4 O) o- A: {$ ?6 {  W- w
先将你的诗歌写成一行（其实是一串），然后在每一句的后面加上
（因为
叫做换行标识符）7 S, Q/ h3 b. O2 [0 R
备注：
是不成对使用的，只需要写在换行的位置，一个
还一行，有几个就换几行。


手工制作音画贴教程（四）
0 `( {" M( s" A. h, N% ]0 [- |
- _9 |1 L0 p) X5 D* E5 \6 |+ c虽然是简易教程，涉及的内容和技巧却一点都不能简化。过于简化的结果，就是让从头开始才认识HTML标识符的人消化不良。但若不简化，时间和效率就成很问题，既不能在预定的时间内完成“速成”的计划，想必也会吓住对HTML超文本制作未入门的人，使其看着那些乱七八糟的“洋代码”望而却步。
, d9 n! w5 r, i& k; `( ~1 m) A) B+ Q( K  c% ?
网络论坛里的音画贴，看上去很华丽，再配上优美的音乐和煽情的文字，令观众和读者耳目一新，甚至为之有所感触。其实，这不过是音画贴作为一种稍具艺术性的表现方式，充分利用了人的视觉、听觉感知的同时，激发其自我想象力，以达到魅惑人心的目的。师傅龙在田野曾告诉俺：“音画贴不过是网上的闲情男人用来泡妞的一种庸俗老套的把戏”，这句话虽然有点偏激，但还是有一定道理的。有五年以上网络经历的人，大概都记得上个世纪八九十年代，刚有了OICQ和EMaill的那些年，网络上到处充斥着各式各样的贺卡，逢年过节、网友生日，一张制作精美的虚拟卡片，被你发给他，又被他转发给她。最后因为过于泛滥，其中的情色内容和形式成为污染网络环境的公害，大量无效重复的信息成为消耗网络资源的垃圾。' a- S, S( j9 S$ R3 A
9 K) u6 H3 p  [0 b$ f) Y. l: q: Q
曾有人说“第一个用花儿比喻女人的人是天才，第二个人是庸才，第三个人是蠢才”。音画贴大概就是第三代的图文卡片。
. _0 A  P; G* a! p3 I
; C/ Z. `- }- o4 Q  Q+ y, u: ^制作音画贴在很大程度上，犹如女人化妆。与其说会化妆的女人知道怎样用脂粉使自己变得更加漂亮，还不如说会化妆的女人其实知道不化妆的自己是啥样子。铅华褪尽，显露本相，若把音画贴华美的装饰去掉，剩下的信息有多少精髓呢？
; @/ \4 @( k- G8 `, M5 L0 b
. k: E. W3 Y4 i构成音画贴内容的三大要素是图片、文字和音乐，这些也应该是真正体现音画贴创作者聪明才智的要素，而制作页面的技巧，作为实现三大要素可视、可听、可读的形式，倒是应该位居第四。如果从这个意义上来说，你只要学会了在网络上显示图片、排版文字，播放音乐，就意味着已经掌握了制作音画贴的实质性技术。8 t+ p7 V" s* b# ?8 T1 _

+ `( D( S8 A+ s令人遗憾的是，让人不得不首先花费最多时间和精力的，偏偏就是音画贴这种表现形式。制作音画贴的技巧越来越成了一种可以在人前炫耀的“技术”，而音画贴里的内容反倒被忽略或视若无睹。/ p& d1 C2 t+ d* ]/ Q  ~8 |

0 ]4 I" W) I  \2 k; ]- v/ w『每一课程两题』! K7 g+ `) _! t
, `2 X# G" A) [
（一）如何让文字样式各异，大小随意。+ z; B. o  T5 `+ e# e. S

! |9 g% o' D% s7 q5 K语法：被自定义字体样式、大小和特定颜色的文字; p" k7 i# Q' v4 h' @( _! v: }6 B
标识符用来定义文字的样式、文字的大小和颜色，该标识必须成对使用。如果只有定义而没有结束定义，将导致定义之后的所有文字继承被自定义的特性。% N3 F+ f* q) p: g0 |# }; v4 w
4 x$ J# w& d& i( A( C& r! [: ~
标识有三个基本属性：
- C' T5 I! q5 v5 L7 z1 N% l+ o6 W
& m' B: u- }' R+ u+ m! I) Fface="字体"  该属性用来定义文字的字体样式，字体名称必须是服务器上的操作系统可识别的。一般操作系统可识别的字体名称是黑体、宋体，仿宋_GB_2312，楷体_GB2312和隶书，默认字体是汉字为“宋体”。英文字母为“Arial”。假如设置face="华文彩云"，必须要保证西陆论坛的Web服务器的系统里有这个字体，否则这个定义就是无效的，文字将被以系统默认的字体（宋体）显示出来。: I9 Y' d$ z) D( T
/ g; L8 G, V" C1 z
size="字号"  该属性用来定义文字的字号大小，计算机上可显示的中文字大小有三种标准，一种是西方人的标准“磅”，一种是与操作系统和显示其分辨率无关的“像素”，还有一种就是中国人的标准“号”。习惯上采用中国标准，用0－9这十个数字代表字号，“0”号字最大，依次减缩，“9”号字最小。但是西陆论坛的文字编辑器并不采用这个标准，在西陆论坛里发贴，采用“增强模式”编辑文字，允许设置文字大小，但只提供了1－7这七个数字，而且是数字越大字号越大。
" f% D: `8 U* C# ]) l. I
2 \: O+ w  g7 l" s9 }color="颜色"  该属性用来定义文字的显示颜色。颜色代码与设置网页背景和表格背景的代码一样。7 x/ Q  Q; X5 D  F9 v* F
color=Red,color=#ffff00,color=RGB(0,255,255)，这三种设置方法都是合法的。+ U; Y; Y6 @8 W% ]- U7 J, I

3 y; ]( K/ R+ g现在的网页制作技术和规范日益国际标准化，几乎所有的网站都开始使用CSS样式标准，制作网页的人最深切的体验便是，在自己的电脑上设置好的字体样式和大小，将网页上传到网络上浏览时居然面目全非，原来设置的字体样式和大小全都变了样子。这正是因为非标准化的设置被CSS样式脚本所覆盖的结果。
7 x8 ?, Z; V  @6 R, R: P4 O
0 ^# t/ _& i3 _, H所以，学会用CSS样式标准定义字体样式和大小也很有必要: Y0 X; W6 q* p2 L( q1 e' h
/ p, d( Q; t& Y) \, l
语法：style="font-family:方正琥珀;font-size:18px;font-color:#000000">
$ V# W; Q2 o6 {" {
" K" C0 x& N5 K2 H' L设置网页字体的CSS样式标识也有三个基本属性，style=""这是基本语法。在""里面设置属性的语法是：/ o3 t5 _0 G( N3 ?+ z
font-family:方正琥珀;   
( x' j, t% m/ V: tfont-size:18px;( N5 b1 a: R5 _3 q9 U
font-color:#000000;: _" _& h( V. X; W4 H( s$ m& g# v
每个属性不用“＝”赋值，而是用“:”赋值，属性之间不用空格间隔，而是用“;”间隔或结束。其中的“size:18px”表示文字的尺寸是18像素（利用像素控制文字的大小，可以在屏幕上显示非常大的文字，比如：size:180px）,如果写成“size:18p”,则表示文字的大小是18磅。) [' i" c( x- k7 `& j
: C$ v/ j% y0 w) l( u. E9 w: h
定义文字的CSS样式标识，只能写入、手工制作音画贴教程（五）: V9 v( f& d, h* V1 m* L& s
5 y  q" h3 c/ i) @  V

! s* i5 d. N# ~( V$ D不知道从什么时候开始喜欢上看动画片，平时很少看电视的我，有时为了看一部动画片，也竟然将别的事情搁在一边，和孩子坐在一起，锁定电视频道，先忍受着广告的狂轰滥炸，等待令人喜爱的卡通形象出现在屏幕上。动画片中一些有趣的场景和对白，孩子一概都称之为“搞笑”，每当我被动画制作者的非凡想象和诙谐幽默所感染，不禁哑然失笑的时候，孩子也会乐不可支，扑在我身上一番嬉闹，有时候欣赏着孩子惟妙惟肖地再次模仿动画中的场景，我便真切地意识到，自己竟还有一颗未眠的童心。
8 ^2 z4 i. a5 {- l% p' x. b, ~: p
# M/ v. X  U( i3 ~1 u7 I' k6 F现在网络上的Flash动画空前盛行，随着动画制作工具软件的日臻完善和制作技术的突飞猛进，现如今的Flash动画，已经从最初的动态卡片逐渐演变成有形象、有剧情、有声音的卡通电影，大量的优秀作品甚至被搬上了央视节目，其大受欢迎的程度一点都亚于前几年风行一时的小品。因为flash一词有“闪电”的意思，爱好或专业制作Flash动画的人，在网络上一直被称之为“闪客”。1 C+ l  B5 L* o4 E$ {' H, D
% X. K- ^2 g( v1 K# V
我们见到的绝大多数Flash动画，都是使用著名的Macromedia公司的Flash动画工具软件制作的（目前这个工具软件的最新中文版本是Flash Max2004和Flash 8.0汉化版）。Flash动画文件是基于网络WEB动画标准，并且能在浏览器中显示和运行的一种交互式矢量图。“闪客”使用Flash，能够创建具有异常眩目的、可任意改变显示尺寸的以及交互式导航界面、包含说明与其他奇特效果的动画文件。  6 Q8 x) U- E- y9 G
% s( o7 o! [* x  T% G# @  j) w
因为Flash动画本身可以集成声音和画面，具有音画浑然一体的特性，在论坛帖子里使用Flash动画，或直接借用此形式抒发思想情感，或烘托气氛，或增强帖子华丽眩目的动态效果，有着独特的作用。! \" T9 M* Q/ b' ?( \* y

* R* d; K0 P8 R' f7 D* E% ~5 f『每一课程两题』' V2 r; L! N8 q& @  j9 }) O4 Y0 D
* I1 m6 y7 x8 b. b
$ H# p9 R4 e8 i1 D" b1 `
（一）如何在帖子里播放Flash动画电影。8 t6 u1 S7 ~/ c$ c. [

' _( N2 `; ?/ g- k: ~( N# _
) X2 y4 [7 \& y5 H: j1 r简易语法：
4 u  W4 l+ d) t
. G% a# z& ^  N
, o9 p$ N! M  ?' }$ P2 _2 {和这一对标识符，用来在网页上播放Flash动画片。这一对标识符也是用来在网页里播放音乐文件的，所不同的只是标识符中的属性及其设置不同。
6 F5 t+ S0 }3 B3 r( Z+ t8 C* y8 b
% ~7 C& P7 c+ u- h6 U1 E9 o& q, `. v; H0 L: C; m- i* J, D, `
基本属性设置：
6 e, z$ W1 m1 @* `: G; |+ P' I
! A( q. X" T( Y2 |% {src="swfURL"
6 t- Z& D0 ?' U/ E% m& d属性src用来引用flash动画文件在网络上的地址。因为flash动画文件的格式特殊(文件名后缀一般都是swf)，这里的"swfURL"仅指flash动画文件的网络地址。
0 v" Z! D6 w. H, w2 g2 R' J
. f( J  M3 K- L$ Q7 xquality="high"
4 o* |: [3 M+ \. W. {属性quality用来设置动画效果的分辨率或清晰度，high表示高清晰度。
: Y. `: D  r% O5 q' p) K
! M6 ?* z0 v1 p; Etype="application/x-shockwave-flash"
7 K+ w$ O) y" R. @+ r5 L4 |1 i属性type用来设置播放器标识的类型，application/x-shockwave-flash表示当前播放类型是flash动画。% J+ ~5 O+ {. \; {
0 ?0 R* x9 F' s% J, |
如果需要设置动画演示画面的尺寸，可以增加设置width=n和height=n这两个属性值。7 r% ?4 J; g9 P0 i
* O8 s$ \  ^6 d2 {
事实上，在浏览器中显示flash动画文件需要另外的专门程序来完成，浏览器本身无法解释flash的显示请求。因此，这就需要访问网页的浏览者的电脑系统里（客户端），已预先安装并注册过专门解释Flash的插件程序，如果客户端的系统中没有播放flash的插件，可以在插入flash动画的网页上，强制浏览者自动下载安装播放插件程序，以便达到让浏览者打开网页时，flash动画就能显示出来的目的。
8 x; F: {9 V5 t0 b, p2 `) C# k: }# B1 f! [
所以，在帖子里播放flash动画的源代码，还可以扩展成下列实例：( H, ~- J, B2 o
) c( T5 n2 n; m% `: P/ }! Z

5 ~5 ?+ _! K' f1 c5 E+ B
8 {) ^4 m; z' I1 R在上述实例中，需要注意的事项：2 ~7 B8 d% [8 @% o/ a! J
6 j% M( G& u. |0 b# d0 D0 E0 w. @

! c6 H0 r+ j5 O5 U9 s1、标识符，包含和这一对标识符) y) T) T& ~: M, I- ~

、< P >和等标识符，作为其属性使用，而不能单独使用定义文字样式：- e0 X- E( f6 g7 [- ?, [6 u 例如：3 Y; V5 a% Y9 r- T8 r% s 4 y& r# ~4 U9 ]! _( @* A& E

7 V3 L( ~3 t: ^( u( ?( ` < P style="font-family:方正琥珀;font-size:18px;font-color:#000000;"> 2 \8 `! I7 R: g7 m5 k( t4 c4 @2 d: l3 m) x 以上四个定义，都是合法的。 & H( C" J, n' D% V: `0 m0 z ( f* g0 n5 w/ k; g9 I- z0 _' e定义文字的CSS样式标识，还可以在文字定义标识中与其它属性混合使用。 ; |- ]* o+ R8 t0 C& B1 z例如：这个定义也是合法的。  Z& Y1 Z/ `! r: Q # f) s+ v& u2 q' X7 z% f# I9 E0 B 附加：音画贴里的文字排版的问题。/ ~  D% z4 h9 U7 q4 z 0 m" J  E8 [$ M2 q( j# _; d音画贴里文字主要有两种排版形式，一种是诗歌，还有一种是短文。无论哪种排版形式，都需要划分段落、换行和低格缩进。8 Z2 D0 ]# T% R4 i6 n( y2 m ! A7 I9 b  Q) s* _$ u$ j < P >< /P >这一对标识符，用来划分文章或诗歌的段落。语法：< P >一段文字< /P >。在分段标识符里可以设置段落文字的行距，是得整篇文字显得更美观，不拥挤。语法：< P line-height:150%一段文字 ，“150％”表示文字的行距相当于文字行高度的一倍半。 2 ]  j7 c- N2 y8 _! R3 e: ^ $ X# Y4 o7 R7 Q5 G9 j$ M8 W 这是一个单独使用的标识符，用来将文字换行。用法：只需要在一行文字的最后写一个 。 还能多次连续换行，写几个 就换几行，有时候可以用 代替< P >划分文章的段落。 4 [, B! v# ]# c% W 0 G$ l+ w, ^6 C 这也是一个单独使用的特殊标识符，它代表一个字节的空格，因为一个汉字等于两个字节，文章段落中需要首行缩进两个汉字是，可使用连续的四个“ ”。 2 }# Y9 K1 {+ h# W+ [9 N , s( x2 x3 x. }$ k7 p7 c（二）如何在网页中播放音乐 " Y  `4 S) l) Z! {. J0 W+ U! U/ Z$ y5 |. P+ F: g 语法： 4 L$ _" E& z- Z" N! E7 e% w( {8 e6 t  V- a 这一对标识符，用来在网页上播放音乐或Flash动画。但是播放那个音乐和播放动画使用的属性是不同的。) m+ {+ e& `/ h * U7 h, M2 m( K2 {- m 播放音乐的标识符无需先用

3 @  C5 p! ~! p# E8 |; [! x# V$ t

; j2 N4 t8 T' ]8 X " n+ E$ T" \0 \+ {  }

8 f8 K. U0 A" k7 E6 x, }% }8 _' o4 Y+ h/ O3 V" P
下面是插入透明Flash动画的源代码：
9 s6 `% a2 U9 g! _8 _! i5 n$ j0 z) B2 k8 e: ~* e2 O) u) ]



手工制作音画贴教程（六）
" F9 _! ~1 o  c% A! E
$ N( m2 x& {. }9 w" v6 H4 s 1 c% w4 F; L5 `8 X$ [  [
手工制作音画贴的简易教程写到第七篇，也就是结束篇了。利用1－7篇的知识和技巧，再利用适当的网络信息资源（如网上图片、音乐、动画素材以及优秀的诗歌、散文），应该可以制作出精美的音画贴。至于音画贴的内容、场景气氛、风格和精美程度，则完全取决于制作者的思想观念、写作能力、审美情趣、爱好和修养，运用知识和技巧的能力则应该是实现制作者创作意图的手段，已经退而其次。, i4 j2 }1 j* U, M+ n
! w+ D3 P8 f. P9 x2 L
    如果说音画贴的质量和制作水平，依然还是取决于内容而不是其形式，那么高水准的音画贴应当首先是原创作品，而且不仅是形式的原创，更重要的还要是内容的原创。网络上常见的大多数的音画贴，不过是装裱在一个精制像框里的转贴图片或是转载文章，根本就算不上是原创作品，除去华丽样式的铅华，剩下的就是一个版面极其丑陋的转贴，从效率的角度看，这种徒耗浏览者电脑内存资源和阅读时间的帖子，还不如一个最普通的转贴。* ?3 g* b# B4 P6 q
/ d  ?) `/ O1 U3 L7 K2 K7 m
    真正的原创作品，应该样式是自己设计的，代码是自己编写的，文字是自己创作的，图片是自己拍摄或加工的，音乐是自己创作或演奏或合成剪辑的，GIF或Flash动画是自己制作的。从这个意义上来看，前几天非常巷陌发表的音画贴《茶醉》，可以说是原创音画贴作品的一个典范。首先她的帖子的外观样式代码是自己设计编写的，文章是自己的随笔散文作品，Flash动画是自己制作的，图片均被加工后巧妙地置入场景，音乐被合成在动画中。四十情怀论坛里的音画贴层出不穷，但未见过第二个作品的原创程度超过《茶醉》。
# |: E& V' \: v1 n8 u4 ]1 @) h( N7 l3 ^* z3 z- I& o% a7 U4 n
『每一课程两题』
3 w+ A4 ^, @; M2 G) @: W/ S# V, G6 F5 N0 D/ m- G9 H: [3 G
（一）如何调整透明Flash动画在背景图片上演示的位置。: K: Z# o" M/ Z  ?6 y$ w
- |. ^  _+ M* ?9 F8 U
    在背景图片上叠加透明Flash动画，是利用动画的演示功能，给图片的静态场景，增加动态效果。例如：如果背景图片是花草，可以在前面叠加一个蝴蝶翩然飞舞的透明动画；如果背景图片是小桥流水，可以在前面叠加一个雨点纷纷飘落，水中涟漪四散的透明动画。透明的Flash动画，不会遮盖掉背景图片的静态场景画面，只是在场景前面演示动画效果，让观众感觉是一个动态的画面。' L* H* ~+ M0 r

+ m/ a" f* T$ G9 Y7 H5 v" V0 `    实现叠加的基本方法：
' s2 O! z4 Z# ~% l
% W8 L- I" c. {8 P& O- {   

定义音画贴左右居中显示
$ z7 a% Q+ S8 v3 y    定义表格开始& u, ~  k1 e; E9 \; |2 k) e  o
    定义表格的行
* h4 S: V: G( U; Y$ G" j    定义表格一列结束( a% O$ ?. D" }' j, W3 X- m; W8 O
    定义表格的一行结束
# W1 W0 l( ^: S2 U/ g4 i9 J   

定义表格的列（单元格）; S% O. J* n. C, C     表格单元格中插入透明Flash动画) p0 l  O8 u( e- t

定义表格结束
* D# k" a% `& D+ `   

定义居中显示控制结束
3 E# ?! ]3 d; x( g* v. j1 u
( C2 C( L, b# i+ s0 ]# O4 z    如果叠加在背景图片前面的透明Flash动画不是音画贴制作者自己创作的，有一个问题就显而易见。因为动画不是专为图片而设计的，动画尺寸和图片尺寸就难免不同，能不能把动画正好叠加在图片的恰当位置，就是需要进一步掌握的技术要点。在小桥流水的画面里叠加一个雨点纷纷飘落，水中涟漪四散效果，可以让雨点落在桥上，但无论如何也不能让涟漪在桥面上散开。遇到类似的问题时，解决之道只有两个方法，一是调整动画的尺寸（Flash动画允许改变尺寸而不影响效果），二是调整动画片在表格单元格里的位置。- e: ^! c, W) Q6 e8 a# ^

) e0 z0 t! }# _- |! [8 s    调整动画尺寸的要领很简单，只要动画的尺寸不大于背景图片的尺寸，也不大于表格单元格的尺寸就可以了。在标识符里设置width和height两个属性就可以了。
7 f0 I7 K7 J; a1 h1 Q! n. F" P+ l

6 V  b: h# e, O7 T    调整动画在表格单元格里的位置，则需要在标识符里设置align和valign两个属性。前面已经学了align=center这是左右居中，valign=middle这是上下居中。但是仅仅用这两个设置，只能让动画叠加在表格单元格的中央和图片的正中间。3 V% Z6 j( X/ t6 r. ~

9 J% e+ u/ ]& d+ H    其实，无论是图片、文字，还是动画，在表格单元格里显示的位置至少有九个，归纳如下：$ _! F1 m2 P- G0 L
- ?. o& k. u7 H. H
    1、正中间。$ b' b+ C  C$ |. t# y: T
    2、左上角。5 S9 E$ i$ ^8 M* W6 s
    3、靠左边。
5 |  b7 r* ~$ ?  P+ s    4、左下角。
9 h1 A/ I3 ?$ ~- h; h6 }0 q    5、靠顶边。. |9 k) s3 M) R+ {
    6、靠下边。
1 \1 _! i% ~& ^3 \  H  \    7、右上角。
0 A7 S1 W+ S. o    8、靠右边。7 m  R) i' l" o! y6 V7 b
    9、右下角。5 ], S" y  _: `: x6 s: P
" K: B" E% @$ w  w8 E6 \: \+ o4 Y
    两个属性搭配出的九个位置变化，其规律一目了然。设置属性值的关键字，left是左面，center和middle是中间，right是右面，top是顶部，bottom是下底。都是英文单词的本身含义。1 ^" q4 p6 N, v( t) G/ O

3 h; n; w3 k. g3 O& _8 H! ]8 l9 q（二）关于音画贴中的安全隐患问题4 J! ~$ }. F3 T( y7 M5 H7 A* U- U. O0 u
7 N: ?: J' k9 P# K

* z8 e6 V4 X9 X1 ~; `4 a7 x+ p9 b: W    这个问题不是写给音画贴制作者的，而是写给爱看音画贴的读者和观众的。因为音画贴的制作者都是其中的安全隐患的始作俑者，或者是义务传播者，只有无知的读者或观众往往是受害者，或者是被侵犯者。- H  b, k: A! L
    不知道有没有人意识到过音画贴里的安全隐患问题，但其中的安全问题一直都确实存在着。+ ^( ^! E* n) F3 V

2 j& P" F; e$ R+ r" X6 }. Y' l# f9 y* k* `. `; ?  Y
    首先是来自图片的安全隐患。
9 B' ^# s- V0 A" r5 \! J6 E3 D% d% m& L. [4 b% X8 w1 h7 Q
# {1 |7 e# K' [$ M
    微软公司推出的ASP网络编程规范或语言，被Windows系统普遍地支持一个控件，该控件可以将图片解析成二进制数据流，将图片数据保存到SQL-Server或Access数据库中，然后还能用该控件还原成图片显示出来，这个技术的本意是为了防止不受限制地下载图片，结果却被聪明的ASP程序员利用数据流的还原过程，注入其它代码。因为图片被加载到浏览器显示的时候，连接图片还原事件，会触发还原图片的代码，于是被注入的其它程序代码也就自动被执行了。有些注入代码只是获取或收集客户端（浏览者）的信息，如客户的IP地址，操作系统的版本，系统用户的名称，之前或之后跳转过的网络位置等等。这些信息对于大多数的网民是没有什么价值的，但对于寻找“肉鸡”的黑客、网络流氓与网络窃贼可能就很有用处了。网络上很多给网民提供免费上传图片或是免费客流统计的网站，都有不怀好意的企图，表面上看是给你提供不花钱的方便，其实很有可能是在跟踪或监视你的冲浪活动。还有一些被注入图片数据流的恶意代码，其危害性就更加显而易见了。
* X) e7 A8 W$ [+ b+ v7 \5 S( N4 C. b7 ~+ o5 O4 L

. o& |& T- b/ b$ @, c+ [9 N  I    有一个简单的方法可以辨别是否有来自图片的安全威胁。
: m5 g- m0 j: \1 S1 T6 i% R8 ]    如果图片的地址是：或是。此类有图片名后缀的地址一般是安全的。
3 J- E( ], {2 e    如果图片的地址是：http://www.xxxx.com/xxxx/xxxx.php?id=xxxx&mov=xxxxx。此类没有图片名后缀，而带有参数的地址有可能是不安全的。
2 o6 l; l: G- s. T0 t6 N$ A" g' ?! R1 k) ?$ ~" F3 r' G
    还有一种安全隐患来自Flash动画。
: t% M" i' C1 J- u* _" Q    Flash动画原本就是一个可以交互的程序，动画中集成的颜色和图片是可视的，音乐是可听见的。这些元素本身都是安全的，但是当动画演示的时候，稍有程序常识的人都应当意识到，动画文件中肯定有程序在运行，正是由于程序的控制，才有动画的演示。动画制作者是动画电影的导演，一些缺乏职业道德，或是为了达到某种不可告人目的的导演，完全可以在幕后再安排一些偷窥、欺诈、盗窃、破坏之类的程序动作，并不因为观众看不见，它就一定不存在。因为访问了不干净的网站，观看了不干净的动画而“中招”的事件，每天每时每刻都在发生，屡见不鲜。
. w. {, _5 Y5 g/ x- n3 O" D! A* H9 C% Z! i' g$ m
    总有人不断地疑问，我在哪里在某月某日何时浏览过什么网站，不认识我的网友怎么会知道的？我从不点击乱七八糟的网站，我的电脑里怎么会有了病毒和木马？也许正是你看过的一张不起眼的图片泄漏了你的网上行踪；也许正是一个制作精美、剧情搞笑或感人的Flash动画悄悄地往你的电脑里安插了一个间谍程序。9 S9 ?# F( f- g/ Z: m3 i

: z: @- o$ D* l4 u! l- i2 R    Flash动画里的安全隐患很不好防范，只能寄希望于你的操作系统的健壮性和防火墙软件的可靠性。如果网页上的动画一出现，就马上出现要下载或者更新什么插件之类的提示，你要格外小心，千万不要随手去点击“接受”、“信任”或是“确定”之类的按钮。如果你不能确定那个提示是好意还是歹意，最好的应付手段就是同时按下Ctrl+Alt+Del键，强制中断或结束可疑的程序进程。
3 a" P% o2 u+ ]  t1 c- y/ m' h8 _. p
    思梦涵手工制作音画贴简易教程到此结束，但愿对爱好音画贴制作的网友们有所裨益。

汤普森简易钢琴教程 bt简易教程 怎样制作简易花边 制作简易小板凳 简易mtv如何制作 谁会制作简易测谎仪 如何制作简易温度计 简易相机如何制作？ 简易冰淇淋如何制作？ 制作简易录音笔 简易天线制作？？？ 如何制作简易收音机 怎样制作简易汉堡? 简易太阳能电池制作 求X264播放简易教程 如何制作简易的显微镜 怎样制作简易的保温箱 豆腐类的简易制作 家庭如何简易制作酸奶 怎样制作简易的管理软件 咖啡的简易制作流程 怎么制作简易的奶茶？ 求eTrust防火墙的简易使用教程。 求Photoshop CS 简易教程地址，谢谢。

最新新闻 沃茨手表网 CSDN程序文档 上海旅游网 神马百科 程序博客 香蕉皮作业帮 景德镇新闻网 余姚信息网 作业帮作业网 互助问答吧 16楼社区 解题作业帮艺术百科亮点网神马百科 神马文学网 拍题作业网 UC知道 我爱散文网 北方网 科学网 第一文库网 微思作业网 我要文章网 都市新闻网西欧教育西山新闻网好楼房产信息网 九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网 神马品牌网 杭州交通信息网/"> 杭州市高中教育平台 查人人中国名人网 爱美之人 上车买票 安卓系统之家 中科新闻网 科学院研究所 高考快车 高考志愿帮 大学志愿大全 高校问答 高考问答 中考百科 大学知道 久游网