好文档 - 专业文书写作范文服务资料分享网站

教程网页设计+入门+切图 

天下 分享 时间: 加入收藏 我要投稿 点赞

这是所有成功的图象设计软件所必备的特点,当然Fireworks也不例外。您可以在工具栏中按下文字按钮(图标为“A”的那个按钮),再在工作窗口中单击以呼出文字编辑面版(Text Editor)。Fireworks的文字面版十分直观,完全支持双字节文字(当然,前提是系统拥有相应的字库 ),使用的方法与普通图象编辑软件中的同类功能十分相似,如果您有一些图象设计经验的话,完全可以轻松上手。 但与众不同之处在于:Fireworks2的Text Editor功能支持定义单个文字的属性。当您在Text Editor中输入一串文本后,可以自由地改变此 文本中任意字的属性。也就是说,用户可以在Text Editor面版中同时输 入一串字体、颜色、大小等等属性完全不同的语句。

不仅如此,在用Fireworks编辑图片的过程中,文字始终保持一种特殊 路径形式。所以用户可以随时随地地修改文字内容,而不会象Photoshop5 那样,一旦进行“Rend Layer”操作,用户就再也无法对文字层中的内容 进行修改了:( #方便的文字色彩填充功能 Firework将文字作为一种特殊的物件(object),它既能够让Text Editor工具识别,对文字的内容进行修改,又允许用户象编辑普通路径那 样给文字着色、描边(方法详见教程的上一章)。这种特殊的设定给用户 带来了前所未有的方便,甚至当用户使用变形工具(快捷键为“Q”)给 选定的文字进行变形后,聪明的Firewoks仍然能够自动匹配变形后的文字 的大小,依旧允许用户使用Text Editor对文字进行编辑。 #别出心裁的文字对齐选项

Fireworks 提供了一个矢量绘图软件所特有的文字对齐功能。您只要在画面中文字上单击右键,就可以在随后弹出的菜单中的“Align”一项内选择文字的对齐方式。Fireworks2共提供了八种文字对齐方式: 左对齐(left); 右对齐(right); 水平居中(center-1);

左右扩展(Justified-1,这种方式是通过调节文字的水平间距使文 字按文字框的长度对齐,使用非常广泛); 左右拉伸(Stretched-1,这种方式是通过拉伸文字的宽度,使之按 文字框的长度对齐); 顶端对齐(top); 竖直居中(center-2); 底对齐(bottom)

上下扩展(Justified-2,这种方式是通过调节文字的垂直间距使文 字按文字框的高度对齐,使用非常广泛); 上下拉伸(Stretched-2,这种方式是通过拉伸文字的高度,使之按 文字框的高度对齐); #文字的特色效果

Fireworks2 新增一个Style功能面版(“Windows > Styles”快捷键 为Ctrl+Alt+J )。Style功能提供了近300种内值的路径填充和描边的特效,可以最快捷地生成适用于网页制作的文字特效,当然,Style 也适用于所有普通路径。并且Fireworks2允许用户自由扩充Style,您可以将自己新创的路径定义为一个Style(方法是使用Styles面版的弹出菜单中的“ New Style”命令),以便今后反复使用。

#文本环绕路径功能

这无疑是Fireworks2的文本功能中最激动人心的效果,这个以前只有在矢量绘图中才可能具备的功能大大缩短了用户制作环绕文本的工序。您只须选定文字和文字要环绕的路径,然后选择“Text > Attach to Path” (快捷键为 Ctrl+Alt+Y),就可以将文字结合到特殊的路径上。并且,结合后的文字依旧可以通过Text Editor进行编辑,也可以使用不同的Align 方式定义不同的路径围绕效果,还可以用上述的方法修改文字的填充效果或套用Style。

#查找和替换功能(Find & Replace)

这样的新增功能听上去似乎是一款文字编辑软件才应该具备的,不过细心macromedia已经为用户考虑到了方方面面,Fireworks2中的Find & Replace功能(“Windows > Find & Replace”)不仅提供了普通的文字查找替换功能,并且可以修改文件中使用的颜色、字体、URL!这些匠心独具的设计使Firework2成为最具创造力的图象设计软件, 它完全体现了macromedia的设计决心——让您的工作更具效率(Productivty)。

网页配色表

制作主页对色彩需要有一定的感觉,许多网友总是配不好颜色。

阿捷教你一个窍门:就是用同一色系的色彩,色彩丰富但不花。

. . #FFFFFF #FFFAFA #FFF68F #FFEFD5 #FFE4E1 #FFDEAD #FFC1C1 #FFB90F #FFA54F #FF8C00 #FF7F50 #FF6EB4 #FF4500

#FFFFF0 #FFFAF0 #FFF5EE #FFEC8B #FFE4C4 #FFDAB9 #FFC125 #FFB6C1 #FFA500 #FF83FA #FF7F24 #FF6A6A #FF4040

#FFFFE0 #FFFACD #FFF0F5 #FFEBCD #FFE4B5 #FFD700 #FFC0CB #FFB5C5 #FFA07A #FF82AB #FF7F00 #FF69B4 #FF3E96

#FFFF00 #FFF8DC #FFEFDB #FFE7BA #FFE1FF #FFD39B #FFBBFF #FFAEB9 #FF8C69 #FF8247 #FF7256 #FF6347 #FF34B3

#FF3030 #FDF5E6 #FAF0E6 #F7F7F7 #F5DEB3 #F0FFFF #F0E68C #EEEE00 #EEE8AA #EEDFCC #EED5B7 #EEC900 #EEAEEE #EE9A49 #EE8262 #EE7621 #EE6363 #EE3A8C #EE00EE #EAEAEA #E5E5E5 #E0EEE0 #DEB887 #DBDBDB #D9D9D9 #D3D3D3 #D1D1D1

#FF1493 #FCFCFC #FAEBD7 #F5FFFA #F4F4F4 #F0FFF0 #F08080 #EEE9E9 #EEE685 #EEDC82 #EED2EE #EEC591 #EEAD0E #EE9A00 #EE7AE9 #EE7600 #EE5C42 #EE30A7 #EE0000 #E9967A #E3E3E3 #E0E0E0 #DDA0DD #DB7093 #D8BFD8 #D2B48C #D15FEE

#FF00FF #FAFAFA #FA8072 #F5F5F5 #F4A460 #F0F8FF #EEEEE0 #EEE9BF #EEE5DE #EED8AE #EECFA1 #EEB4B4 #EEA9B8 #EE9572 #EE799F #EE6AA7 #EE4000 #EE2C2C #EDEDED #E8E8E8 #E0FFFF #E066FF #DCDCDC #DAA520 #D6D6D6 #D2691E #D02090

#FF0000 #FAFAD2 #F8F8FF #F5F5DC #F2F2F2 #F0F0F0 #EEEED1 #EEE8CD #EEE0E5 #EED5D2 #EECBAD #EEB422 #EEA2AD #EE82EE #EE7942 #EE6A50 #EE3B3B #EE1289 #EBEBEB #E6E6FA #E0EEEE #DEDEDE #DC143C #DA70D6 #D4D4D4 #D1EEEE #CFCFCF

#CDCDC1 #CDC9A5 #CDC1C5 #CDB7B5 #CDAF95 #CD9B1D #CD8C95 #CD7054 #CD661D #CD5B45 #CD3333 #CD1076 #CAFF70 #C71585 #C4C4C4 #C1CDC1 #BFBFBF #BDB76B #BBFFFF #B8B8B8 #B4EEB4 #B3B3B3 #B0E2FF #B03060 #ADADAD #A9A9A9 #A4D3EE

#CDCDB4 #CDC8B1 #CDC0B0 #CDB79E #CDAD00 #CD96CD #CD853F #CD69C9 #CD6600 #CD5555 #CD3278 #CD00CD #CAE1FF #C6E2FF #C2C2C2 #C1C1C1 #BF3EFF #BCEE68 #BABABA #B8860B #B4CDCD #B2DFEE #B0E0E6 #AEEEEE #ABABAB #A8A8A8 #A3A3A3

#CDCD00 #CDC673 #CDBE70 #CDB5CD #CDAA7D #CD950C #CD8500 #CD6889 #CD6090 #CD4F39 #CD2990 #CD0000 #C9C9C9 #C67171 #C1FFC1 #C0FF3E #BEBEBE #BCD2EE #BA55D3 #B7B7B7 #B452CD #B23AEE #B0C4DE #ADFF2F #AB82FF #A6A6A6 #A2CD5A

#CDC9C9 #CDC5BF #CDBA96 #CDB38B #CD9B9B #CD919E #CD8162 #CD6839 #CD5C5C #CD3700 #CD2626 #CCCCCC #C7C7C7 #C5C1AA #C1CDCD #BFEFFF #BDBDBD #BC8F8F #B9D3EE #B5B5B5 #B3EE3A #B22222 #B0B0B0 #ADD8E6 #AAAAAA #A52A2A #A2B5CD

#A1A1A1 #9F79EE #9B30FF #9A32CD #98F5FF #949494 #912CEE #8EE5EE #8DEEEE #8B8B7A #8B8878 #8B8378 #8B7D6B #8B7500 #8B668B #8B5A2B #8B4789 #8B4500 #8B3626 #8B1C62 #8B0000 #87CEFF #858585 #838B83 #7FFF00 #7D7D7D #7B68EE

#A0522D #9E9E9E #9AFF9A #999999 #97FFFF #9400D3 #90EE90 #8E8E8E #8DB6CD #8B8B00 #8B8682 #8B814C #8B7B8B #8B7355 #8B6508 #8B5A00 #8B475D #8B3E2F #8B2500 #8B1A1A #8A8A8A #87CEFA #848484 #836FFF #7F7F7F #7D26CD #7AC5CD

#A020F0 #9C9C9C #9ACD32 #9932CC #96CDCD #9370DB #8FBC8F #8E8E38 #8C8C8C #8B8989 #8B864E #8B7E66 #8B795E #8B6969 #8B636C #8B5742 #8B4726 #8B3A62 #8B2323 #8B0A50 #8A2BE2 #87CEEB #8470FF #828282 #7EC0EE #7CFC00 #7A8B8B

#9FB6CD #9BCD9B #9AC0CD #98FB98 #969696 #919191 #8F8F8F #8E388E #8B8B83 #8B8970 #8B8386 #8B7D7B #8B7765 #8B6914 #8B5F65 #8B4C39 #8B4513 #8B3A3A #8B2252 #8B008B #8968CD #878787 #838B8B #7FFFD4 #7D9EC0 #7CCD7C #7A7A7A

教程网页设计+入门+切图 

这是所有成功的图象设计软件所必备的特点,当然Fireworks也不例外。您可以在工具栏中按下文字按钮(图标为“A”的那个按钮),再在工作窗口中单击以呼出文字编辑面版(TextEditor)。Fireworks的文字面版十分直观,完全支持双字节文字(当然,前提是系统拥有相应的字库),使用的方法与普通图象编辑软件中的同类功能十分相似,如果您有一些图象设计经验的话,完全可以轻松上手。但
推荐度:
点击下载文档文档为doc格式
6577v4yluw2xzhu2l5cm
领取福利

微信扫码领取福利

微信扫码分享