一个导航的教程..

这个阶段偶要教大家画一些常用的按钮，以及一些网页常用的边框。平顶山论坛_鹰城视窗0 t% r8 Y: `/ v0 [# D& M$ S/ J L
www.pdsren.com" d8 x6 E* ^1 r1 @- z& P
边框：平顶山论坛_鹰城视窗8 H) ?) [0 u4 }9 w2 L) n3 a

600)this.width=600;" border=0>
(图2.1)，下边我将教大家如何制作以上两个按钮。
平顶山，鹰城，平顶山论坛，鹰城论坛，鹰城帮帮，生活服务，鹰城水库，我爱鹰城，鹰城美食，求职招聘，购物时尚，鹰城生活1 |+ s) U0 I0 n
图1.1教程：$ V; b H3 B& F

先新建一个500*400大小的画布，画一个400*40的长方形，调成渐变，如图2.1.1
平顶山，鹰城，平顶山论坛，鹰城论坛，鹰城帮帮，生活服务，鹰城水库，我爱鹰城，鹰城美食，求职招聘，购物时尚，鹰城生活# h- Q7 Z; e b. _( J

600)this.width=600;" border=0>平顶山论坛_鹰城视窗2 U/ |9 F5 D4 ^* U' r- G% s
（图2.1.1）
www.pdsren.com( |2 G. a& L5 X7 F0 h" Z
于是乎出来了一个我们做出来了个这个样子的图形如图2.1.21 O7 y- J8 B6 h

600)this.width=600;" border=0>
（图2.1.2）www.pdsren.com+ X! o% D5 U' l/ m9 u. e' Y

然后我们用部分固定选定工具平顶山论坛_鹰城视窗/ _* [4 L' Q) q; C

600)this.width=600;" border=0>
选取长方形的上边两点如图2.1.3 平顶山，鹰城，平顶山论坛，鹰城论坛，鹰城帮帮，生活服务，鹰城水库，我爱鹰城，鹰城美食，求职招聘，购物时尚，鹰城生活. [) c: V) T$ A H6 P' U

600)this.width=600;" border=0>平顶山论坛_鹰城视窗9 W7 C0 ]/ E5 b1 {) a3 T
（图2.1.3）2 I j: Z' h8 M
www.pdsren.com a3 k y. ?6 _# {; p
按住shift键，按两下向右键。如图2.1.4

600)this.width=600;" border=0>
（图2.1.4）
欢迎光临平顶山第一网站_鹰城视窗。鹰城视窗是平顶山（鹰城）历史悠久最有影响力的论坛，请认准www.pdsren.com!; c! n+ B; p+ s
画一个绿色的长方形，我们通过部分选定工具得到一个如图2.1.5 平顶山，鹰城，平顶山论坛，鹰城论坛，鹰城帮帮，生活服务，鹰城水库，我爱鹰城，鹰城美食，求职招聘，购物时尚，鹰城生活; U5 E$ |- q2 Z9 W, c

600)this.width=600;" border=0>0 Z q# s3 V6 s! d$ A" m5 x' Q
（图2.1.5）www.pdsren.com" m$ `% V _; v- a8 v" F/ a8 J h0 X

通过复制粘贴我们得到如图2.1.6 欢迎光临平顶山第一网站_鹰城视窗。鹰城视窗是平顶山（鹰城）历史悠久最有影响力的论坛，请认准www.pdsren.com!# L! z4 n# V! I. l5 B
[url=http://www.msnsir.com/xg/lj/images/2.1.6.gif%20width=428%20height=98%20/>（图2.1.6）%3Cbr%20/%3E%3Cbr%20/%3E通过[img]http://www.msnsir.com/xg/lj/images/dakong.gif][img]http://www.msnsir.com/xg/lj/images/2.1.6.gif%20width=428%20height=98%20/>（图2.1.6）%3Cbr%20/%3E%3Cbr%20/%3E通过

600)this.width=600;" border=0>[/url]
我们得到如图2.1.7 www.pdsren.com; L% D- x M) G. X0 L

600)this.width=600;" border=0>
（图2.1.7）
www.pdsren.com9 B$ c/ b" W' d) V8 d" z, A
图形发光，白色属性如图2.1.8 欢迎光临平顶山第一网站_鹰城视窗。鹰城视窗是平顶山（鹰城）历史悠久最有影响力的论坛，请认准www.pdsren.com!" s L b) G. H+ G, S2 G! V1 H

600)this.width=600;" border=0>: f' ~9 e- m4 y! T5 N
然后再发光颜色为 #7B869A 得到如图2.1.9 www.pdsren.com8 B) {" S" ?! E* I! Z1 \

600)this.width=600;" border=0>- J+ y" E0 |$ Y
（图2.1.9）
欢迎光临平顶山第一网站_鹰城视窗。鹰城视窗是平顶山（鹰城）历史悠久最有影响力的论坛，请认准www.pdsren.com!! X6 F' t G$ K9 f/ L$ k
复制粘贴图形，去掉描边，向右移动两个像素，如图2.1.10

600)this.width=600;" border=0>平顶山，鹰城，平顶山论坛，鹰城论坛，鹰城帮帮，生活服务，鹰城水库，我爱鹰城，鹰城美食，求职招聘，购物时尚，鹰城生活1 B* g0 X1 d. s6 ^
（图2.1.10）

画一个长方形黄色渐变。放置图形下层，如图2.1.11 ) m7 p2 M1 m4 F. ?

600)this.width=600;" border=0>平顶山论坛_鹰城视窗! Q+ S9 p. O, O1 y) k& p6 S/ P5 a: G
（图2.1.11）欢迎光临平顶山第一网站_鹰城视窗。鹰城视窗是平顶山（鹰城）历史悠久最有影响力的论坛，请认准www.pdsren.com! Z' E3 p/ r4 d: A+ x" y

画一个长方形如图2.1.12

600)this.width=600;" border=0>www.pdsren.com7 u, n# ~; ?1 G& f
(图2.1.12)

设置如图2.1.13

600)this.width=600;" border=0>
（图2.1.13） H+ P' b0 r# g7 ] A

把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。欢迎光临平顶山第一网站_鹰城视窗。鹰城视窗是平顶山（鹰城）历史悠久最有影响力的论坛，请认准www.pdsren.com!$ x9 k1 ]+ `* l
欢迎光临平顶山第一网站_鹰城视窗。鹰城视窗是平顶山（鹰城）历史悠久最有影响力的论坛，请认准www.pdsren.com! ~7 f( f- A/ Z. Y0 U0 E
如图2.1.14

600)this.width=600;" border=0>
（图2.1.14）
平顶山，鹰城，平顶山论坛，鹰城论坛，鹰城帮帮，生活服务，鹰城水库，我爱鹰城，鹰城美食，求职招聘，购物时尚，鹰城生活; T: }9 Z6 @' D
画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15