推荐阅读
法国设计师菲力浦B斯达克
小到牙刷，大到建筑 法国设计师菲力浦·斯达克（phlllipe starck）是20世纪末西方最有影响的设计师，同时也是一个发明家、思想家。 他的作品涵盖了建筑、室壬杓啤⒒车、家电、家具I域，从食品、刀叉餐具、厨房用品、沙发座椅、摩托，一直到餐要、宴会展示场和建筑。不论小到清洁口腔的牙刷，或是尺度巨大庞然的建筑物，他都可以显F出对细节的同样执着。 艺术经历 Philippe Strack于1948年一月十八日在巴黎出生，父亲是一名飞行员及飞机工程师，他是在满室设计蓝图的家庭中长大成人的。在父亲的设计桌上乱画，拆开家里的电器来研究，都是S track童年时的主要消遣，这些启发了他对建筑和设计的兴趣。 其后，Philippe Strack考进巴黎的Ecole Nissim de Camondo学院，主修建筑。毕业后Strack有感读书时过分用功，决定到世界各地去旅行，环游世界后，Philippe Strack在皮尔.卡丹担任艺术指导一职，不久他便成立自己的公司，这时他设计的三脚椅子和Cafe Costes内的布置，使他逐渐受到人们的注意。 真正令Strack声名大噪的，当然是1982年负责法国总统密特朗新居的设计工作，之后的Nani Nani大厦、Royalton和Paramount两间酒店，更令Philippe Strack成为名闻全球的名字。 幽默与设计 像很多天才一样，斯达克小时候既不是好孩子也不是好学生，他的调皮似乎随着年龄的增长而有增无减，成为他形象的一部分。这种儿时的顽皮，慢慢演变为成熟的幽默，渗透在他的设计当中。他的幽默感，从他让事务所的工作人员戴上斯达克脸孔面具可见一般，他在嘲笑自己的同时，也嘲笑了这个端庄做作的世界。尽管斯达克现在已经是设计界少数少年得志的明星，但外表还是一副标新立异、吊儿郎当的模印
关于“层”定位的问题的解答
一. 常出现的问题 当你的表格选居中的时候又插入了层（插入层方法1：object->draw layer）的时候（800*600），分辨率一旦变大、窗口最大化之后，层就错位了，而如果使用菜单(插入层方法2：Insert->Layer)插入层的时候，这个层就会与它的上级元素相对定位，但是一旦在Dreamweaver中用移动工具动了它，它就会马上变成绝对定位，不会再与上级元素相对定位了。 二. 思想： 通过object面板置入的层是绝对定位的层，这个绝对定位指的是层的左上角与浏览器窗口内部的左部、顶部距离，代码中的写法是left与top。 通过菜单置入的层是相对定位的层，这个相对定位指的是层与它的上级元素的距离（它的上级元素的左上角），由于这个div中不再有left与top的属性，所以浏览器把它的位置定为与它的上级元素相同 （总结一：只要去掉层的left与top属性就可以相对定位！） 例图： 三. 深入思想： 现在层已经相对定位了，可是只是这样还完全不能满足要求，因为很多时候不能把表格设定得那样准确，否则会把表格搞得很麻烦，把代码搞得很大很大。 如果在上面说做出的相对定位的层的基础上再做一个层对它相对定位，不就解决问题了吗？ 这就涉及到了父层与子层的问题（由于它是层的基础，在书与网上教程中就可以看到，这里不再阐述），父层相对于某点定位，而子层相对于父层定位，就可以达到层的相对定位这个目标了 四. 具*作（只介绍最简单的方法，对代码熟的朋友可以手敲的）： 先在页面内插入表格（可以设居中，表格就居中了，否则几乎无意义），鼠标在某单元格内点一下，让光标在此闪动，然后通过菜单插入一个层，这个层就相对与这个单元格定位了。插入一个层之后，不要动它，而且也永远不要动，但是可以更改它的大小，比如把它的高与宽都改成"0"，让它不再影响你对其他内容的编辑，否则，这个层的left与top属性出现之后就成了绝对定位了，变成绝对定位后你可以把它的left与top属性去掉，就恢复成相对定位了。变成"0"之后，有时子层会看不见，可以按[f11]键点它恢复编辑。 现在光标在这个层内闪动，再通过菜单插入子层，这时子层与父层重叠，你可以随意移动它，不管怎么动，它都是相对与父层定位。 好了，一个相对定位的层（子层）做好了，你可以在里面随意添加内容了，也可以改变它的尺寸、位置、背景等所有属性，但是不要动left与top属性，因为它是相对于父层的左上角定位的。 下面给出父层与子层在Dreamweaver中的属性面板： 父层： 子层： 五. 技巧： 先插入一个表格,在其中一个单元格中插入父层，可以把它定得小一点，比如说20象素宽、10象素高，这样它就不会盖住下面的链接，也不影响子层的相对定位。 如果要用778象素宽定义表格，可以把父层插入到表格的第一行第一个单元格中，这样就可以在所有层制作完后插入父层了！对代码熟的朋友就可以手敲父层而不必再去调整子层的位置了。
XHTML基础教程(二)
合理的添加图片可以使一个网页更加的美观。<img>标签用于在网页里插入图片。<img>标签有一个重要的属性"src"，它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件，在</body>前加上如下代码： 保存后浏览网，请确认您的网页与该页面相同。 我们注意到<img>是一个空标签，需要在结尾加上一个"/"以符合XHTML的要求。这里的例子除src外还有一个属性alt，我们把它叫做做替换属性，当图片由于某种原因而无法显示的时候，alt的属性值就会代替图片出现；而当图片正常显示时，只要把鼠标停在图片上就会看到alt属性的属性值。 我们在之前的教程中曾经学习过创建超级链接，下面我们打开“index.html”并且将刚插入的代码改为下面这段：
最新发布
新年贺礼:制作百事可乐波浪动画
[制作缘由] 受电视“百事可乐”广告启发，制作广告片尾的百事可乐的波浪动画。[学习重点] 1、辅助线的灵活使用。 2、路径对象的调整方法。 3、使用蒙版产生动画效果。[面向对象] fw的初级学习者[源文件下载] 点击这里 [制作步骤] 先来看效果演示： 12、使用“部分选定”工具，选中左侧白色图形对象由下角的路径节点，按键盘上向下的方向键，向下方将其移动，使其与水平方向的第6 条辅助线相交为止。
详解Fireworks中的动画制作
有过FLASH动画制作基础的朋友一定知道，在FLASH中将绘制的图像转换成的“图像元件”或“动画元件”是可以通过软件的内建指令，产生运动及其它变化的效果。而在Fireworks中也沿用了这种动画制作方式，从而大大减省了GIF动画制作时的繁琐性。而在本篇教材中，我们也只针对软件直接生成的动画效果进行分析，不对手工分桢的动画制作进行讨论。 一、动画的基本运动 在Fireworks中，动画的运动方式可分为四个基本动作： 1、直线运动：图像由A点直线移动至B点； 2、旋转：图像原地进行顺时针或逆时针旋转； 3、不透明度渐变：图像的透明度发生变化； 4、缩放：图像的产生放大或缩小的变化。 每种动画效果即可独立作用于一个图形对象，也可同时作用于一个图形对象上。 二、图像的动画制作 在Fireworks中，将绘制完成的图形对象制作成动画效果，可以通过“动画”的设置对话框直接完成。同时也可以将图像转为“图像元件”后，通过“补间实例”功能来间接实现。 1、使用“动画”设置框制作动画 点选将要制作成动画的图形对象后，选择菜单栏上的“修改――动画――选择动画”命令，将会弹出“动画”的设置对话框，如图01。
三分钟创建网页相册
Word01 cellSpacing=0 cellPadding=0 width="100%" align=center border=0>如果您管理一个图像站点,或者您有很多照片需要发布,如何才能快速的完成一个网页相册,在网页中添加图像,制作链接,设置导航呢?手工的一页一页制作显然效率很低,工作量巨大.这里介绍一种应用Fireworks 4.0,Dreamweaver4.0协同工作的方法,使您可以在三分钟内迅速制作出自己的网页相册.在Dreamweaver中应用创建网页相册命令让您可以快速创建一个相册站点.这一命令通过javascript调用Fireworks处理选中文件夹下的一系列图像,创建缩略图和大图,并自动完成缩略图与大图的链接.使用创建网页相册,您必须在系统中安装有Dreamweaver和Fireworks.2.打开Dreamweaver 4.0,选择菜单 Commands -> Create Web Photo Album (命令 -> 创建网页相册)此时弹出下面的面板.3.在 Photo Album Title(相册标题) 文本框中,输入标题文字.该选项必须填写.标题文字将显示在相册索引页的上部灰色背景表格中.在 Subheading Info(子标题) 和 Other Info (其他信息)文本框中添加补充说明文字.可写可不写.4.点击 Source Images Folder(源图像文件夹) 后的 Browser (浏览)按钮选择相册的源图像文件夹.点击 Destination Folder(目标文件夹)后的 browser 按钮选择保存HTML和处理后图像的文件夹.
Fireworks4.0大内秘籍之凌波微步
Word01 cellSpacing=0 cellPadding=0 width="80%" align=center border=0> 在众多的网络图像处理软件中，究竟哪一款才是真正可以网络称雄的兵器呢?出自名家之手的Fireworks4.0，无疑可以排名网络图像兵器谱天下第一。江湖盛行的Photoshop虽说同样出自大师之手，但终归需要再用Imageready配合，才能在网络中亮出其锋芒。因此，如果能够学会运用Fireworks进行网络图像处理，可谓“宝刀在手，谁与争锋”. 不过，有了好的硬兵器，内功修行对于技艺的提高也非常的重要。由内而外，方能将Fireworks发挥的淋漓尽致。小生不才有幸，近日在江南西子客栈偶获一本《Fireworks 4.0大内秘籍》，不敢独享，特择其中一段摘录，希望能与各位网路同人，共同切磋。 凌波微步摘录 凌波微步心法为江南断肠客所创，用于创建随波流动的文字特效。修炼凌波微步，可以使您的文字动画出神入化，让文字犹如仙人指路，变幻莫测。最适合用在Banner，Logo等场合，创造逼真的“凌波”效果。 心法： １、打开Fireworks 4.0，新建468x60的图像。 说明：468x60是网络Banner（广告条）的标准尺寸。 ２、在Optimize(优化）面板，将文件格式选择为Animated GIF。 说明：如果要制作GIF动画，一定要选择Animated GIF选项，如果选择GIF选项，输出的将只是GIF静态图像，而不是GIF动画。凌波是动画心法，所以初练者一定要切记该步骤，以免走火入魔。 ３、创建文字路径。 （１）选择文字工具，创建希望运动的文字。 （２）选择路径工具，在画布上绘制一条曲线路径。 （３）选择菜单Text > Attach to Path（文字 〉附着到路径）。此时在画布中形成文字路径。 ４、选择Frames(影格）面板，点击右上角小箭头，在弹出菜单中选择Duplicate Frame(复制影格）选项。在谈出对话框中选择复制的影格数目。 说明：复制的影格数目会影响动画的连续性和生成的动画文件大小，所以比较凌波微步比较合适的数目是10到20。对话框中，滑块最大只可以拖动到10，但可以直接在文本框中输入超过10的数。 ５、创作文字运动。 （１）在影格２，选中画布中的文字路径，然后选择Object(对象）面板，在Text Offset(文字偏移）中填入数值，例如30。 （２）在影格３，选中画布中的文字路径，然后选择Object(对象）面板，在Text Offset(文字偏移）中填入数值，例如60。 （３）以此类推，完成其他影格的设置。文字偏移的数值成等差数增加，例如30，60，90...... 说明：文字偏移是使文字路径中，文字的起始位置在路径上发生偏移，凌波动画正是利用这个功能，使每一个影格的文字路径发生偏移，从而产生凌波微步的效果。 ６、输出，完成。 凌波微步其实也不是很难，不才花了５分钟就修炼了一次。这里沾沾自喜，从此行走江湖又多了一招。如果有机会，小生不才下次再为大家介绍一些更好的Fireworks内功心法。
对比效果的制作
在网上，我们经常能够见到如下效果的图片，下面我们就来看看制作这种对比效果图的方法之一： 其次、join命令后的颜色的变化。颜色会统一为你第一个所画图形的颜色……可以自己来试验一下。好了、有关的知识就讲这么多，大家自己底下多试验，多体会吧！…………
Fireworks教程用Fireworks做动态页
软件的更新换代速度越来越快了，新软件一波接一波――首先是flash5.0开始，然后有Photoshop6.0，再到最近的DreamWeaver4.0和Fireworks4.0，真有点吃不消的感觉。Firewoks4.0令我感到最方便的，就是它加强的Behaviour功能，只用鼠标的简单拖动，就可以做出眩目的效果来。今天要讲的是用Fireworks4.0做出来的一个效果（具体可以看：http://981622.class.netbig.com）。 首先的第一步当然就是创意，我这里讲的主要是技术上的问题，所以略去构思不讲。版面构造如图一。我这里用的是WMP7.0版本的一个SKIN，你也可以找一个一模一样的来。 版面构造好以后，就是用slice工具切割了。注意的是必须切换到slice view。我是这样切割的：首先是五个按钮，因为一共有五个栏目；然后是显示栏目内容的黄色背景，我预置了981622几个艺术字。要注意把其他的空白地方也要搞切图，这样整体文件小一些。效果如图一。 单击frame标签，在三角形中拉出菜单，选择add frames，在当前frame后添加5个frames（因为一共有5个栏目），然后在每一个frame的黄色背景下添加栏目简介内容。如图二。 好了，回到frame1，单击第一个按钮，按钮中间出现一个符号，然后是最关键的一步：把符号拖到黄色背景中，在随后出现的对话框中选择frame2。如图三所视。按钮到所视区域出现了一条蓝色曲线，表示behaviour添加成功。其他的按钮也是这么做，依次选择frame2，3，4，5。 好了，做了这么久，应该保存一下，预览了。按f12（就和dreamweaver一样），就可以看到作品在浏览器中的样子了。 怎么输出到dreamweaver中修改呢？选择file/eXPort，在对话框中选择export html file，建议选择“put images to subfolder”，并把子目录设置成images，这样图片就不会全部保存在根目录下了。（图四） 好了，作为专门设计网页图形的fireworks，有这样的功能比起photoshop已经强大很多了。当然，firewoks还有许多功能，有机会大家一起探讨。
Fireworks制作光盘效果的圆形图片
光盘效果的圆形图片 Fireworks的history面板的功能，想必大家用得不多吧，这次这个图形制作用的就是history面板中的功能，有兴趣的朋友可以看看，我在这儿，把制作过程仔细地讲一遍。：）1、首先新建一个文件，用ellipse工具画一个圆，fill为none,stroke为1，颜色自定，我这儿选的是#000033。2、克隆图片（edit->clone），在info面板中，把W值减去4，敲回车。并用箭头工具选中这个clone的图片，向右移到四个象素。3、同时选中这二个圆，用modify菜单中的combine->punch,进行布尔运算。4、把这个运算出来的图形clone，并翻转180度，然后join.5、再次clone图形，modify菜单中的transform->numeric transform->scale,各选97% 6、打开history面板，把最后二项clone&transform同时选中，按下面的replay按钮，一直重复按这个按钮7、最后的结果。
在Fireworks中制作淡入淡出动画效果
淡入淡出动画效果 用Fireworks做的淡入淡出效果，有人说看PNG格式看不出真正的步骤，所以在此补上这样一篇教程。 对象的淡入淡出效果是firewoks可以创建的普通效果之一，对两个链接对象进行插帧的时候，其中一个对象的不透明度设置为0%，一个对象的不透明度设置为100%，就可以获得淡入淡出效果。 六、效果完成。原文件保存编辑吧
Fireworks制作环绕圆形文字
圆形文字环绕实例 有时候可能需要做一些圆形文字的环绕，类似于左边的文字。其实这类文字实际上就是一种文字环绕路径的效果，不过只简单的通过Attach to Path功能是无法实现这种效果的，仔细地观察一下：环绕路径的文字的上半部和下半部实际上方向相反，所以光使用Fireworks3提供的文字环绕路径功能无法一次性实现类似的效果，其中还需要一些小技巧。：）请看制作方法： 最终结果：
简简单单几步搞定水晶字
水晶字教程本站原创！如果转载，请注明出处！http://www.gaohua.com/blog 谢谢！（访qs520的凝胶字效果）1.建一个600*440的画布 （尽量大些，这样做的东西才比较大气）2.输入“中国龙”三个字字体颜色设置如下3.运用滤镜4.参数basic设置（注意选的颜色2种是一样的）（您可以尝试多种不同颜色效果）5.参数lighting设置6.参数bevel profile设置7.加入阴影1，注意颜色与主色一致！8.效果9.加灰色阴影10.效果看看最后的效果换个颜色：完