除了电影还有艺术 蒂姆波顿个人作品展受访—lightbox是什么，记者：办这样的作品展，你有什么感觉？

　　波顿：我有种奇怪的感觉，因为通常这样的展览是在你死后才会举办的。我感到受宠若惊，又觉得很奇怪。我从没想过这些东西有天会被挂在墙上。

　　记者：展览中有些你的概念和图画的原作。看到画着图的小纸片或者你以前写的信被展出有什么感觉？

　　波顿：我没怎么去过博物馆，所以这种感觉有点出乎我的经验。看起来有点不像我。哦，那不是我的臭袜子挂在墙上么？反正很奇怪。不过我觉得我跟MOMA合作很顺利。他们展示的方式让我觉得舒服。我以前觉得我再也不会去翻看那些东西了。不过奇怪也并非坏事，我不介意奇怪的感觉。

　　lightbox是什么记者：展览中你创作的角色都有点怪诞或惊悚，但同时看起来又美丽而纯真。这是你看待人们和世界的方式么？

　　波顿：我喜欢事物的混合状态。我总是觉得事物并不是铁板一块。欢乐和悲伤，美丽和丑陋，大多数事物都是混合体，这就是我为什么把本不相干的事放在一起的原因。但这种状态构成了我们每个人。

　　记者：当你回顾职业生涯，哪部影片最让你感到骄傲？

　　波顿：你花费了时间和精力的电影都是你的一部分，即便是那些不太成功的。但是有些电影，比如《剪刀手爱德华》，对我来说更个人化，因为影片中的主题很强烈，我在十几岁的时候也曾做过这种个人化的探索。《艾德·伍德》中的主人公跟我的相似之处在于我们都喜欢瞎幻想。我喜欢《理发师陶德》是因为他沉默寡言。在每个角色身上，你都会试图找到一些个人化的元素。

　　记者：在展览中有些设计草图还没有化为现实。你在不久的将来会继续这些计划么？

　　波顿：不一定。我做那些计划的时候被关在一个小屋子里，拿起哪个做哪个。有一些发展得成熟些，但是大部分成为了我的灰色地带。我喜欢这个展览的一点，就是它展示了由一个小小素描开始变化发展的神奇过程。

　　记者：你是否从一个形象出发，最后发展成一个故事？

　　波顿：恩，经常是这样的。我不是善于言辞的人，所以我常通过涂鸦、素描之类的方式来思考。我有这样的动画背景出身，习惯于利用视觉思考。

　　记者：你如何寻找灵感？创造一个角色是基于一种还是某个特定的人物？

　　波顿：你试着向事物敞开自己的感受，对一个人、一个动物、一件东西、一种感受，或是天气。关键是看事情不要局限于一种眼光。

　　蒂姆·波顿新版电影《爱丽丝梦游仙境》是在一张张的素描中渐渐成型的，《红桃皇后》就是其中一幅。电影《剪刀手爱德华》中爱德华的人物素描从《剪刀手爱德华》、《断头谷》到《僵尸新娘》、《爱丽丝梦游仙境》、《查理的巧克力工厂》，蒂姆·波顿以怪诞、离奇、骇人而又美丽的风格成为好莱坞独树一帜的导演。然而在电影

　　lightbox是什么WAP2.0网页设计中的交互细节，对非触屏手机，在不影响功能交互的前提下，应尽量减少按键。不同的浏览器，通过五向键焦点的跳转方式是有差异的。

　　在页面中放过多的图片，会增加按键次数。因为QQ浏览器中的设置项——“非链接图片”默认是“可选中”，即无论图片是否带链接都会获得焦点。

　　WAP很大的弊端是：不能实现Ajax一样的局部刷新，也不能使用JavaScript进行前台输入校验等。不能调用lightbox或者自动消失的tips等方式，很难给予用户及时的响应和充分的反馈。WAP2.0的提示折衷处理为两类：

　　强提示

　　强提示一般用在提交较长篇幅的内容，提交全局设置，二次确认删除等不可撤销的动作等情形。直观的感受是，跳转到了一个新的页面。强提示页面除了反馈操作结果提示语以外，就只有确认操作或者一两个符合情境的回溯。这里所谓强提示，类似桌面端的模态对话框。

　　弱提示

　　弱提示，一般应用于局部输入、局部设置等情形。之所以弱化，一方面能反馈用户的操作，另一方面又不打断用户在整个页面内可能进行的后续操作。直观的感受提示是在当前页刷新显示，并没有跳转。其实WAP是无法实现局部刷新的，只是表现上做了处理。

　　。对网页中“返回顶部”的诟病，大致可以归纳为：

　　１．对网站内容有干扰（视觉干扰/tab键无法跨越/页面朗读器/打印机无判断）；

　　２．返回顶部（“BacktoTop”）措辞具有性，用户对“顶部”的认知是不固定的；

　　lightbox是什么３．浏览器或键盘（home/pageup）内建功能完全可以实现返回的功能。

　　手机端WAP页，由于手机硬件上没有内建功能（个别浏览器除外，qq浏览器支持快捷键返回顶部），焦点跳转的体验非常艰辛，门户等产品单页的大信息量导致页面过长。所以“返回顶部”的设计有其必要性。然而，将其放在哪里，怎么用都需要斟酌再三。很多WAP网站做了相关尝试，例如手机腾讯网旧版WAP2.0，手机新浪网炫彩版等。

　　前一版手机腾讯网WAP2.0版页面，在标题栏左端有模块间快速跳转的控件，页面最下面的标题左端则是跳转到顶部的控件。跳转按钮带来的不良体验是，控件表现传达不出预期，点击率较低。五向键定位困难，尤其在鼠标形或轨迹球焦点切换方式下；跳转后，由于没有动画转场，初次体验模块跳转的用户会对跳转失去方位感（但回顶部可以明确认知）。

　　手机QQ空间WAP2.0页底的回顶部，设计的很到位。左边的小图标和文字处理在同一个panel里，焦点切换时只会得到一次焦点。

　　仔细分析一下浏览行为模式和使用情境，什么原因驱户希望快捷地返回顶部。一般可推测出两种情形：当网页顶部有栏时，用户会希望浏览完整页面内容后，借由去往别的频道；另一种情形是页面顶部会有动态更新，需要用户关注（比如，手机QQ微博）。所以手机新浪网各频道页的设计，底部都会复现头部的，“↑TOP”的存在就显累赘了。

　　手机腾讯网WAP2.0交互设计中，规范了“返回顶部”的使用场合——仅在频道页的底部foot之上出现“返回顶部”。基于一个假设，用户返回顶部利用页面头部的切入其他频道。触屏版的手机腾讯网，因为触屏设备滚屏操作的压力很小，会谨慎用之。

　　返回顶部后，焦点应该到哪里

　　返回顶部后，焦点应该落在哪里？手机新浪网的处理方式是，跳转到页面第一个链接。手机腾讯网的处理方式是回到页面浏览的初始状态，即按两次向下键，页面才出现焦点。这个细节，个人认为手机新浪网的设计更到位。

　　：

　　·浅谈交互设计规范(4顶)

　　·[深圳]卓望数码技术有限公司招聘交互设计(4顶)

　　·[杭州]雪橙网络科技招聘前端开发等职位(6顶)

　　·在局限下设计(1顶)

　　·Blippy拥有最具创意的404页面：这是什么意(8顶)

　　色影无忌-[老狐教程]之《玩转RAW格式》——基础篇

　　以前，我们使用的DC多数只有JPEG这一种存储格式，我们没什么选择的余地，但随着数码相机性能的提高，以前只有专业机才有的功能渐渐的变成了多数相机普及的功能，比如MF功能、多点对焦、高速连拍等功能，而RAW、TIFF等存储格式的增加也是其中一个方面。那么，这三种格式到底有什么差别呢，它们各有什么特点呢？对于它们的使用，一直有很多争议，有人甚至认为使用RAW的就不是好的摄影师（因为用RAW就是为了后期处理、而依靠后期处理的就不是好摄影师）……看了下面的讨论就会明白，这种看法是多么的无聊。

　　lightbox最新版引用 再谈RAW – zuoandi，不过，在讨论之前，首先要说明一下数码相机的成像原理：

　　我们手里的所有数码相机都能照出彩色的图像，但实际上绝大多数的数码相机的感光元件只能记录灰度信息（除了FoveonX3感光元件，扫描式数码后背和多次数码后背以外）！由于每个感光单元只能感受RGB三元色中的某一种颜色的灰度值，所以我们要将3种颜色的感光元件分开间隔布置，布置成如下次序:

　　大家可以看出，绿色占了总数的一半，而红色和蓝色各占25%。这样做的原因是因为人眼对绿色更，能分辨出更多的细节，另外绿色也占据了可见光谱中最重要和最宽的，所以这样布置效率最高。

　　从的介绍我们可以看到，这样得到的结果只是一些3种原色不同亮度的象素组成的马赛克而已，但实际上，我们需要的是每个象素都同时记录3种颜色，这时，我们就要进行彩色插值，把那些丢失掉的色彩信息经过对相邻像素的色彩信息分析之后被重新估算出来。实际上，一个好的彩色插值算法是十分复杂的，主要面对的问题是既要解析细节还要仍能正确还原颜色。

　　在最极端的情况下，我们会遇到这样的情况：拍摄一个十分小的黑白相间条纹，间隔小到刚刚能覆盖住每一个像素单元。这时，这种插值算法就会出现问题：邻近的绿色像素单元不会给算法提供任何新的信息，所以算法就不知道白色的红色像素单元红到什么程度，同理也不知道邻近的蓝色像素单元蓝到什么程度（其实都应该红到或者蓝到最淡，因为是白色）。当然啦，这样的情况在实际生活中非常罕见。实际上，就算感光元件捕获的是十分明亮饱和的红色，仍然存在绿色和很少量的蓝色信息。我们举的例子中的问题在于，正确估算颜色需要一定量的空间信息。如果只有唯一一个像素单元捕获红色信息，那么我们将没有办法重新构建出这个特定像素单元的颜色。

　　由于的原因，我们得到的图像会有莫尔纹（表现为无关的红、绿、蓝色点或者导致变色），绝大多数相机为了防止这种问题都采用了在感光元件前面安装低通滤镜的方法（AAFilter，Anti-AliasingFilter）。这个滤镜实际上起到了模糊影像，把色彩信息分布到邻近像素单元的作用。

　　RAW数据就是由感光元件记录的图像的所有灰度数据。为了得到最终可用的图像，这些RAW数据必须经过所谓的“RAW转换程序（RAWConverter）”的处理（包括去马赛克）。JPEG格式的数码相片实际上使用了整合在相机固件内的RAW转换程序进行全部转换处理。

　　把这些基本知识解决后，我们就可以介绍着3种图像格式了。

　　RAW格式的全称是RAWImageFormat，是拍摄时从影像传感器得到的电信号在模数转换（A/D转换）后，不经过其他处理而直接存储的影像文件格式，该格式的影像文件即没有将每个光敏元件得到的电信号与周围象元所得到的电信号进行加权平均化而得到彩色信息，也没有进行过清晰度调整、反差调整、色饱和度调整以及白平衡调整（这点最重要，不需要在每次拍摄前都对白平衡进行设置，可以把更多精力投入到摄影中去），反映的是从影像传感器中得到的最原始的信息，可以说是真正意义上的数字底片。RAW的图片尺寸相对较大，具体计算方法如下：尺寸大小＝（拍摄象素数×每种原色的色位位数）/8。

　　它的优点是影像质量最高，同时图像尺寸适中，而且，很多参数可以进行后期调整，并且不影响画质。缺点是RAW文件不同于BMP、JPEG等文件类型，RAW的代码中没有头文件，这使得很多软件无法支持对它的读取和编辑，通用性差。不过，随着技术的进步，越来越多的软件支持对RAW格式的浏览和编辑，比如PHOTOSHOP新发布的RAW插件，就可以对RAW进行编辑，而最新版的ACDSEE也加入了对RAW格式的支持。此外，还有RAW转换程序，例如AdobeCameraRAW或PhaseOn

　　但是，我们使用RAW格式拍摄时也不是无所，最起码的要求是景深控制正确、正确，虽然在电脑上可以进行量的后期调整，但由于数码相机（包括数码单反）的宽容度还是于有一定差距的，如果过曝或者欠曝，将会导致亮部细节或者暗部细节丢失严重，即使后期调整也比较困难。

　　所以，目前多数专业的摄影师、或者说任何稍微懂得点电脑的摄影师，只要在存储卡允许的条件下都会使用RAW，取得尽可能好的素材为以后的再创作留下更大的空间。

　　TIFF格式的全称是TaggedImageFileFormat，是一种无损压缩格式，它保存的图像信息和RAW是相等的，不过它的尺寸就比RAW大许多了，具体的计算公式是尺寸大小＝（拍摄象素数×每种原色的色位位数×3）/8。TIFF格式又分为TIFF-RGB和TIFF-YCbCr两类，其中多数相机所说的TIFF是TIFF-RGB。TIFF-YCbCr则是将亮度信号和色度信号分开表示，其中色度信号只有2个，Cb是R（红）和G（绿）两种原色之差，Cr是G（绿）B（蓝）两种原色之差，在处理时可以通过亮度Y与两个色差信号的线性运算反推出三个原色信号的亮度大小。TIFF-YCbCr比TIFF-RGB缩小了1/3，但是，付出的代价就是不利于软件对它的读取和编辑。所以，现在数码相机仍旧是使用TIFF-RGB的格式。

　　同RAW相比，二者的共同点是都保存了最完整的信息量，而且，都可以用软件修改诸如白平衡之类的参数，便于后期修改。而与RAW相比，TIFF的优点是方便软件读取，便于进行编辑，缺点是文件大小太大，极大的占用存储空间，不过，由于数码伴侣的盛行，使得我们对存储空间的要求不是很高，所以，TIFF越来越收到人们的欢迎。

　　JPEG属于一种有失真压缩，即我们平时所说的压缩，所生成的压缩数据经过解压缩后重建的图像与原图像只能在视觉上保持一致，但压缩比越高，视觉上的一致性越差，如果压缩比不超过1:4的影像质量，人们很难看出其与不压缩影像之间的差别的。那么JPEG的图像损失是在哪里出现的呢？要说明这个我们首先要解释一下JPEG的压缩原理。

　　如上图，在这个算法当中，我们都是以象素为单元对整个图像分成多个8×8的子块，然后对这个子块进行DCT变换（离散余弦变换），然后进行量化、熵编码，然后得到压缩数据，在解压（浏览）过程时，压缩后的数据经过熵编码解码器、反量化器、IDCT（离散余弦反变换）后重建图像，然后处理下一个8×8的子块。通俗的来说，在每个8×8的单元中，对单元中的每个原色进行对比，然后将相近亮度判断为统一亮度，这样，表示起来就明显的简化，从而达到压缩。但是，在解压过程中，遇到子块中的同一亮度信息，系统就会仍旧把每个象素解压回这同一个亮度，从而造成损失。所以说，JPEG的损失主要是在DCT变换部分。量化这个概念，通俗的说就是把相近的数值归为一类，比如，如果量化后的数值为1、2、3等整数，那么，量化器接收到1.7，则输出2，接收到3.1，则输出4，这样必然会产生失真。不过，相对与DCT的失真来说，它的失真算是很小的了（因为量化间隔越小，量化精度越高，失真越小）；熵编码同样会造成数据损失，不过也是比较少的。

　　说来说去，JPEG的损失这么高，那我们为什么还要采用这种编码呢？虽然它会损失画质，但照片所占空间会大大的缩小，采用不同的压缩比，它可以比TIFF节省50％到90％的空间！而且，由于在WINDOWS中的普及，所以针对JPEG的软件也非常多，我们编辑起来也非常方便，所以，这种格式是家庭用户采用的主要图片格式。

　　从以上讨论我们可以看出，之所以会产生多种格式并存的局面，是因为它们各自的特点截然不同，可以满足各种用途的需要：

　　如果需要最完整的图像信息，并且善于使用支持RAW格式的专用编辑软件，那么可以选择RAW格式；如果需要完整的图片信息，而且想通过大众化的工具进行编辑，同时对文件所占的存储空间要求不高，可以采用TIFF格式；如果只是一般用户使用，存储卡有限，而且想在后期进行方便的处理，那么JPEG是首选。

　　一、什么是RAW文件？

　　RAW文件主要是一种记录了数码相机传感器的原始信息，同时伴随着一些由相机所产生的一些元数据（metadata，诸如IS0的设置、快门速度、值、白平衡等）的文件。不同的相机制造商会采用各种不同的编码方式来记录raw数据，进行不同方式的压缩，个别还甚至对raw数据进行加密。所以，不同的制造商对各自的raw文件采用不同的文件扩展名，如Canon的.CRW、Minolta的.MRW，Nikon的.NEF，Olympus的.ORF等，不过其原理和所提供的作用功能都是大同小异的。

　　二、为何要选择RAW格式？

　　答案常简单的，我们来看一下在绝大部分数码相机内部，拍摄JPG的话，其生成过程是怎样的。

　　从CCD/CMOS得到原始Raw数据后，把之前设置好的各项参数，如sRGB或是AdobeRGB的色彩空间、锐化值、白平衡、对比度、降噪等，更多的是再加上一条强S形的曲线（提亮亮部、压暗暗部）进行变换（为什么要这样？这是因为CCD/CMOS捕获光子能量是基于一种线性Gamma（Gamma1.0），可是人眼对光的感觉的却线性的，如果不进行这个操作的话，图像是暗得没法看的。并且不清楚原因的人看了后绝对不会去买数码相机，厂商恐怕要倒闭了），得到变换后的图像，再按照你所设定的JPEG质量（诸如SHQ、HQ、M、S）进行压缩，得到JPG文件。

　　而拍摄RAW格式的话，机身上的所有设置除了ISO、快门、、焦距之外，其它设定一律对RAW文件不起作用，因为上述的色彩空间、锐化值、白平衡、对比度、降噪等的所有操作必须在转换Raw时才指定，一切都由你自己控制。

　　打个最简单的比方，拍JPG就像是自己拍照，然后拿给相机制造商的打片手来帮你出片；而拍RAW格式则是自己拍照、自己冲洗底片、自己出片。（看看为什么OlympusStudio中把英文版的“RawDevelopment”翻译成中文版的“Raw显像”就知道了）

　　也许有很多人对后期的处理（或是对PS）嗤之以鼻，觉得前期拍摄时相机后面的脑袋是最重要的。没错，对于这一点，本人也十分赞同。可是，既然有前期那种认真对待摄影的，为什么就不能把这种态度用后期制作上去呢？以前我们一直埋怨拍的片子被冲印店的打片手糟蹋，于是转向拍翻转，算是让自己有了更大部分的操控权。现在到了数码，从头到尾都可以让自己完全控制，又为何要将其拒之千里之外呢？况且，更是由于数码的原因，假设后期出片（这里指的不是PS，而是相当于底片显影的过程）不认真处理的话，前期付出的努力再多也可能没法弄出真正质量高的片子。

　　三、关于传感器

　　主流的数码相机传感器，主要有CCD、CMOS和FoveonX3。对于FoveonX3的工作方式，可自行到Foveon的主页上去查阅，这里主要只简单地讲一下CCD/CMOS的工作方式，对我们使用raw就已经足够了。

　　数码相机传感器是由横竖两个方向密集排列的感光元件（CCD或CMOS）组成的一个二维矩阵，常见的有如下图示的Bayer模式的排列方式，每个CCD就对应一个像素。其中R、G绿光、B蓝光，而在Bayer模式中G是R和B的两倍（因为我们的眼睛对绿色更）

　　矩阵内的每个CCD或CMOS只是用来感受光子的能量，因应进入光线的强度而产生对应比例的电荷，然后将这些电荷信息汇集并经过放大，储存起来。而应当知道的是，raw纪录的只是每个像素的电荷值，它是没有记录任何的颜色信息的。所以CCD是“色盲”的，也就是说：

　　RAW文件只是灰度文件而已！

　　我们可以这样去想象一下充满电荷的CCD/CMOS，就像下图一样：

　　eC1Pro、RawShooteressentials2005，各厂商自带的Raw转换软件等）的作用就是将这些像素所记录的亮度信息转换成为所能看见的颜色信息，至于不同的制造商是如何排列传感器矩阵上的RGB或CMY的问题，我们不需要去关心，只要所使用的软件能够支持你的数码相机，就说明他已经了解这个问题，知道该怎么去诠释和处理每个像素上的亮度值。

　　由于现在的CCD/CMOS与FoveonX3的原理不一样，所以对于CCD/CMOS而言，要获得一个像素上的颜色值，必须从邻近的像素中获取信息来进行一种叫做“反马赛克”的运算（FoveonX3可不需要这样），从而得到该的颜色值。当然，除此之外，RAWConverter所控制的事情还有下面的这些，而这些也是我们在操作Raw的时候一定得知道的原理。

　　●白平衡——我们的眼睛能够自动的适应不同的光线，把最亮的地方解释成白色，其他的颜色依序地去解释。可是传感器却没有人眼的这种功能，它必须知道到底多亮才是白色，因此我们需要设定白平衡来告诉它。在使用Raw拍摄的时候，传感器纪录的只是每个像素的亮度值，白平衡是作为元数据（metadata）记录的，用以在后期RAWConverter转换的时候用的。也就相当于一个起点，也可以理解成在转换函数中的一个必不可少的参数，少了它，其它的颜色就没办释。之前小好像有篇文章关于拍摄时白平衡不管设置与否，都可以在后期还原的问题。我的看法是在理论上是绝对肯定的，为什么说是在“理论上”？从的论述就可以知道，白平衡的设置只是在后期转换时才参与。所以即使拍摄时没有设置正确的白平衡，只要在后期转换时能够输入当时场景的正确的色温值的话，绝对是可以还原出原来的色彩的。可问题就是，有多少人能够在转换时准确的记起当时的色温值。除非在图片中有一处纯白色的参照物，用白平衡吸管吸取该处的颜色就可以正确设置了。这里其实也告诉了我们一个值得去尝试的技巧：拍摄照片时，在构图里放置一个白色物（如白纸，但注意要在不影响构图的地方，也不能太大面积影响读数，并且要让其充分受到现场光线的照射），把它也拍进去。后期转换时候用白平衡吸管吸取这个白色物就可以了，然后把白色物这部分裁掉。

　　可是，对于拍JPG的话，可不是这么一回事。因为拍摄后，就由相机在内部处理转换成JPG，也就是说它必须要用到色温值进行运算。如果这之前没有设定好白平衡的话，那肯定是要偏色的。

　　●色彩演绎——假如你问一千个人哪种颜色是红色，可能你会得到一千种不同的红色。同样的道理，对于CCD/CMOS而言，它不知道究竟什么才算是红色、蓝色、绿色。因此，我们在转换RAW文件时，必须指定红色、蓝色、绿色的定义，也即色彩空间（Colorspace），不同的数码相机本身就内置了不同的Colorspace，如sRGB，AdobeRGB等。对于这点，我的理解是，拍摄RAW格式的话，相机里面设置sRGB或者是AdobeRGB都是废的，因为是在转换时才将RGB的定义（即目标ColorSpace，转换后的文件的ColorSpace）告诉RAWConverter，因此在转换RAW文件时都会有一个Colorspace的选项，是你必须指定这个目标ColorSpace的。所以，如果我们是拍摄RAW格式的话，不要再问到底要设置成sRGB或者是AdobeRGB了，喜欢的话，甚至可以转成ProPhotoRGB也可以！拍JPG的话恐怕对图像质量的追求也不是很高，所以就用sRGB算了。

　　●Gamma校正——首先你应该先知道什么是Gamma，相关的资料可以自己上网搜索一下。数码RAW格式的拍摄是采用线性的gamma(即gamma1.0)，可是人的眼睛对光的曲线却是一“非线性”的曲线。所以RAWConverter会在转换时都会应用一条Gamma曲线到Raw数据上（简单的理解，就是相当于对原始数据进行一个f(x)的变换，并且注意，f(x)并不是一次的线性函数），来产生更加接近人眼的色调。

　　●降噪、抗锯齿和锐化——当图像细节刚好落在CCD矩阵中的单位像素上，或者假设落在了一个R-感光像素和B-感光像素上时，问题就出现了。该细节处的真正的颜色光靠“反马赛克”运算是很难准确地还原出来，也就是说细节会有所丢失。因此，大部分的RAWConverter都会在转换的时候进行一系列诸如边缘检测、抗锯齿、降噪以及锐化等操作。而由于不同软件所采用的算法未必相同，因此使用不同的RAWConverter出来的片的细节也不一样的原因就在于此。

　　哎，打了那么多的字，真的好累了。其实关于Raw要说的还有太多太多，我在做笔记的时候是直接把原文（英文，全书254页，关于Raw的内容就100多页）摘录下来的，所以在写这篇文章时一边看着英文一边思考来写的，甚是痛苦。虽然，如果能够明白Raw相机内部的工作原理的话，以前的所有问题可以迎刃而解。但也许对大多数阅读这篇文章的人来说，关键是要知道怎么用好（转换好）Raw，所以原理的东西不再多讲（涉及较多的数学原理）。假如以后有精力的话再写一篇：[老狐教程]之《玩转RAW格式》——软件篇，专门介绍CameraRaw2.4。最后，把大家必须知道的关键性的东西列出来（以CameraRaw2.4forPhotoshopCSPlugin为例）：

　　1.任何的操作，能够用CameraRaw进行的，都不要留到转换后到PS中去操作。这里的原因我只简单地说：转换前和转换后的操作有根本性的区别，转换前的各种操作，实际上是在定义一系列的参数（如色彩空间、锐化值、白平衡、对比度、降噪等），然后交给转换函数（其实就是Dcraw，一个开源软件，DaveCoffin。他有多厉害，看看下面这些RAWConverter软件，都是基于Dcraw：AdobePhotoshop、Bibble、BreezeBrowser、ConceivaLightbox、cPicture、dcRAW-X、DirectoryOpusPlugin、dpMagicGraphicConverterbyThorstenLemke、InView、IRISimageprocessorforastronomers、Lightbox、PhotoCompanion、PhotoJockey、PhotoReviewer、PolyView、PowerShovel-II、RawDrop、RawView、SharpRawbyDuaneDeSieno、SilverFastDCPro、ViewIt、Viewern5、VueScan）进行运算，生成目标像素的颜色信息。相当于一个f(x)，f(色彩空间的定义，锐化值，白平衡，对比度降噪)=目标像素的颜色，只要这个颜色值不超出目标色彩空间的色域，它就是有效的颜色信息。但如果是转换到较小的色域中，是会出现部分颜色被裁掉（即目标像素的颜色超出了色彩空间（如把一副包含颜色信息相当丰富的图像转换到sRGB的Colorspace时）。可是在图像已经转换（显影）后，再到PS中操作的话，如Level、Curve，Hue/Saturation等，都是基于目前已有的像素颜色值进行操作，而且线性的操作，必然会造成不可逆的信息损失。举个例，一个非线性的转换f(x)=x^2（x的平方），x=3或x=-3，得到的结果都是9，必然有颜色信息被压缩。又如，CameraRaw2.4中所提供的Exposure、Shadows所提供的作用相当于PS中Level里面的WhitePoint和BlackPoint，那么假设我们把亮度值为245的点设为白点（255），在Level中的结果是从245到255两度的点全部变成白色，这好像问题不大。可是最致命的就是，原来从0到245之间的点都被拉伸成0到255，那中间没有的颜色信息从何而来？那些就是“”出来的颜色，采用插值的算法算出来的。这也就是为什么应用完Level后再看一下直方图会看到中间有很多不连续的断线（这里我不上图说明了，如果对PS的Level相当熟悉的话，应该能理解）。可是，如果在CameraRaw中设定Exposure有什么不一样呢？在CameraRaw中实际上只是给定了一个参数值，让函数去把所有的像素重新计算，因此得到的是有效的像素颜色信息。

　　2、关于锐化的问题，是用软件（CameraRaw2.4）自带的锐化功能好还是PS中的UnsharpMask好？答案绝对是软件（CameraRaw2.4）自带的锐化功能。……在图像中，边缘是由灰度级和相邻域点不同的像素点构成的。因而，若想强化边缘，就应该突出相邻点间的灰度级的变化……(《Delphi数字图像处理高级应用》刘骏)，也就是说，锐化的算法，一般是通过对灰度值进行运算的。那么，不用解释，你也知道PS中的是对以转换后的像素值（已有的像素基础上）进行操作。软件自带的锐化功能由有何不同呢？

　　先说锐化过程：像素灰–>边缘检测–>灰度强化–>还原出R、G、B分量

　　而像素灰的几种方法：

　　1）求出每一个像素点的R、G、B的平均值，然后把这个平均值赋给该像素点的R、G、B三个分量

　　2）求出每一个像素点的R、G、B三个分量的最大值，然后把这个最大值赋给该像素点的R、G、B三个分量

　　3）根据YUV的颜色空间，Y分量的物理含义就是量度，它包含了灰度图的所有信息。而Y=0.299R+0.578G+0.114B

　　几种方法，不管RAWConverter采用的是哪一种（甚至是其它的），从灰度的raw数据直接进行边缘检测，与现将转换后的像素的R、G、B变成灰度在检测，你认为那种效果好呢？

　　3、如果只要800X600的片上网交流，把2240X1680（甚至更大）的图片Resize到800X600，原图是否需要先锐化呢？缩小以后不是什么都一样吗？错！实践证明，先用RAWConverter锐化后再Resize，能看到的细节还是能看到。不做锐化的话是绝对看得出区别的！信不信由你！

　　4、拿到外面出片的话选AdobeRGB（在RAWConverter里，不是相机里！），上网交流的话选sRGB，不要先选了AdobeRGB进行转换后，去到PS里面再转成sRGB！但如果希望转换后作进一步处理，如加框或加签名等，就先选了AdobeRGB进行转换去到PS里面再转成sRGB。

　　7、CameraRaw2.4中的Exposure宁减勿加，减的话能恢复更多高光区细节，加得太大的话很容易在阴影区产生噪点。

　　9、一定要学会看Raw的直方图，不管哪一项的调整，注意不要有颜色的溢出（被Clip掉）就行了。

　　10、CameraRaw2.4中的LuminanceSmoothing对去处色块中出现的噪点相当有效，如蓝色天空中的噪点。同样的噪点，用PS去处的方法是把图像转成Lab模式，在对L通道进行模糊，再转回RGB模式。但效果不如LuminanceSmoothing好。

　　总结一下

　　lightbox最新版RAW格式的好处

　　◆RAW文件几乎是未经过处理而直接从CCD/CMOS上得到的信息，为后期处理提供更大的度。

　　◆RAW文件没有白平衡设置，可以任意的调整色温和白平衡来进行创造性的制作，而不会造成图像质量损失。

　　◆电脑上的微处理器来处理锐化及其它颜色运算来得更加迅速，也使得更加优化或复杂的运算能够得以实施。

　　◆可以成16位的图像，也就是有65536个灰度层次可以被调整，这对于JPG文件来说是一个很大的优势。当需要对阴影区或高光区进行细致调整的时候，这一点非常重要。

　　一、人眼与传感器

　　“假如在一杯咖啡里放了两勺糖而不是一勺糖，你并不会感觉甜了一倍；如果你把音量加大一倍，但并不会感觉音响加了一倍……”（引自BRUCE_FRASER，《Real_world_camera_raw_with_Adobe_Photoshop_Cs》）。对于我们的眼睛而言，当有原来的两倍光线进入我们的眼睛时，我们并不会感觉到比原来亮了一倍，而是觉得更亮了。人的眼睛能够对光线进行压缩，自动的适应各种不同下的光线，并对此下的颜色作出解释，也就是说人眼对光线的反应线性的。也籍于人眼的这种机能，使得当我们从一间无比的房子突然走出到一个晴天烈日下时，不至于令我们的眼睛着火（想象一下自己是否有过这样的经历，先是觉得非常耀眼，然后眼睛会慢慢适应）。而也有类似于人眼的这种对光线的非线性的反应。但对传感器而言，可就缺乏了人眼的这种机能，它对光线的反应是线性的，只用线性方式去计算进入的光子数量。所以，对于数码摄影来说，很多东西都改变了，其中包括我们拍摄时的。如果继续沿用摄影的方式的话，极可能导致两个巨大的：一是丢失大量的高光细节；二是暗部出现严重的燥点。并且对于相机的Bits（位深）是一种巨大的浪费。为什么会这样？那就让我们一起来了解一下关于传感器的线性Gamma。

　　图1是直接作线性转换（Gamma1.0）出16bits/channel后的图；图2时经过Curve作Gamma校正后的结果。为什么会出现图1的情形呢？这是缘于Sensor只是记录到达其上的光子数量，然后根据其数量作了一个正比例变换（如f(x)=2x），将得到的数据进行Gamma编码。传感器的这种对光线的线性反映被称为Gamma1.0，而人眼对光线的非线性反映通常在Gamma2.0到3.0之间。目前的DSLR大多数位深只有12Bits，专业机型可达到14Bits。据说目前还没有真正的16Bits的传感器。如下图3，我们以12Bits的传感器为例：

　　传感器采用12Bits，即2^12=4096个levels来对采集到的数据进行编码。当有能够另到Sensor溢出的光亮进入时，这时该Sensor上的电荷之上升到第4096的level，也就是说第4096的level就表示光线刚好溢出；当进光量减少一半，即降低一档，这时另到Sensor上的电荷之上升到第4096的一半，即第2048的level处，因此第2048的level就表示比过曝-1档的光量。而在过曝-1档到过曝之间的光量就被记录在2049~4096之间（共有2^11=2048个不同的级别）；当光量再减低一档时，产生的电荷只达到第1024level的水平，因此第1024level就代表过曝-2档的光量，而介于过曝-2档与过曝-1档之间的光量就被记录在1024~2048之间（共有2^10=1024个不同的级别）……以此类推，不断的递减，过曝-6档的光量只用剩下的64个levels来记录。因此，假如对某张照片而言，过曝-3档是“正确”的的话，那么整个图像中的大部分信息都被记录在512~1024的levels中，阴影区的信息记录在0~512之间，高光和过曝的信息记录在1024~4096之间。（到这里先喘口气，消化完了再接着下去）

　　接下来分两种情形：

　　1）16bits/channel的输出。由于16bits/channel每个通道有65536个亮度层次，而PS基于不知名的原因只使用0~32768共32769个亮度层次来处理16bits/channel的图像。但这也关系不大。由于DSLR只有12Bits的位深，即只有4096个亮度级别，因此Raw数据如果不经Gamma校正（或线性转换）直出的话，那么正如下面的动画所示那样，所有数据被搬到0（黑）~65536（白），并对齐0起点。因此直方图中大量的数据集中在前1/3处。这就是Sensor所看到的样子（图1）。而图2时经过Gamma校正后适合我们观看的“正常”的样子。

　　2）8bits/channel的输出。由于8bits/channel每个通道只有256个亮度层次，因此将4096个levels数出成256个levels的时候，必然要将4096个亮度级别进行压缩（2^12–>2^8）。所以在这过程中造成的是几何级数的信息损失。并且，由于数据被压缩后，能够充满整个0~255的区间，所以只转8bits/channel的图像不会像转16bits/channel世出现那么暗的现象，看起来是“正常的”。

　　三、不要被LCD了你的眼睛

　　按照前面的说法，为何我们在DSLR上的LCD看到的图案却不会偏暗，而且直方图也很正常呢？

　　其实我们所看到的直方图是经过了加工的，也就是说源直方图真实的样子就像图1那样。可如果用家看到图像是那个样子的话，谁还敢用呢？因此，在图像被显示到LCD之前，绝大部分的DSLR先对原数据进行Curve变换（会不会有些用LinearPro

　　file，我不知道）后，将其“正常化”后显示出来。（所以拍JPG免不了要这一过程以及以上2）的一劫）。因此，把ISO设置成100，拍出来的结果可能相当于使用ISO125时的结果。花些时间好好地把原来的“ISO100”，这绝对是有必要的。

　　四、对的指导意义

　　人的眼睛对高光区层次的度要远低于暗部层次的度。而如前所述，Sensor由于其线应，使用了大量的levels（Bits）来纪录高光区段的细节层次。这就是为什么国外的摄影师会提出一句话叫“ExposetotheRight”，语意双关，Right既确，也指右边。就是数码摄影里要尽量向右，让直方图中的右边部分获得尽可能多的信息。如果不足的话，原本应该被记录在中间王有的高光区信息被压缩到了中间往左的区间纪录，levels少了，层次当然少了；而暗部信息由于本身levels少，再加上不足，加上记录到的信息更少，因此不可避免的产生大量噪点。而为什么之前“基础篇（一）”里说到在CameraRaw中的Exposure宁减勿加（？？不要弄混了喔！）假设一张正常的图像，其直方图两端边界均有少量数据到达边缘，即图像中的极高光和极区。如果这时令Exposure加得过分的话，含丰富levels的高光信息必然向右溢出（丢失），而levels极少的暗部区必须要往右边levels多的区域拉，这当中必然要凭空一些颜色出来，因此噪点增加。不过，具体问题、具体分析。假如一张图真是欠曝得厉害的话，还是得适当的增加Exposure及调整Contrast来补救了！

　　基础篇到此收笔了，相信这两篇文章如果都看懂的话，已经足以应付各种RawConverter的各项调整了，基本上都是大同小异的。在此也感谢试试DX从旁指点解惑，也感谢各位阅读本文，希望能从中有所收益！

　　\r\n以前，我们使用的DC多数只有JPEG这一种存储格式，我们没什么选择的余地，但随着数码相机性能的提高，以前只有专业机才有的功能渐渐的变成了多数相机普及的功能，比如MF功能、多点对焦、高速连拍等功能，而RAW、TIFF等存储格式的增加也是其中一个方面。那么，这三种格式到底有什么差别呢，它们各有什么特点呢？对于它们的使用，一直有很多争议，有人甚至认为使用RAW的就不是好的摄影师（因为用RAW就是为了后期处理、而依靠后期处理的就不是好摄影师）……看了下面的讨论就会明白，这种看法是多么的无聊。

　　lightbox最新版那就是LightboxJS，好像现在的最新版本就是v2.04，她可以快速的把图片覆盖在当前页面上的脚本，而且能被快速安装运作于所有流行的WEB浏览器！

　　lightbox最新版Lightbox 2.04 JS图片展示插件，她的运行效果如上图所示，当咱们在网页上点击小图的时候，Lightbox帮咱们静态加载原始尺寸的图片，并把网页背景变暗，假如是多幅图片，可以的切换！

　　lightbox是什么2010年游戏界奥斯卡 VGA盛典看点盘点，满天飞，各种新作公布：

　　沙漠，顽皮狗的不少开发都是印第安纳琼斯系列的铁杆影迷，他们希望德雷克可以重复这位大荧幕英雄的轨迹。在法柜奇兵中，琼斯博士经历了南美雨林、尼泊尔雪山以及埃及沙漠的冒险，《神秘海域》前两款作品恰好与此吻合。

　　4、《抵抗3》将会公布新预告和实机游戏影像

　　》将公布？

　　在SpikeTV对VGA典礼新一轮视频造势中，《战争机器》系列制作人CliffB确认会有新的一段实机游戏影像(是《战争机器》，不一定是机器3)在VGA典礼上展出。他还说：“并不是你们所的(notwhatyou’reexpecting)，但是是会让每个人都谈论的《战争机器》消息(everyonetalking)。”

　　此前传闻VGA典礼上会有Kinect版的《战争机器》公布，但是CliffB在自己的Twitter中虽然没有正面回应，但是还是说“《战争机器3》中不对应Kinect。”

　　根据IGN线人爆料，微软将会在12月SpikeTV的VGA颁典礼上公开一些动作大作和新的Kinect游戏。(那个什么E3上公布的那个《代号：王国》改出来露个脸了吧)。THQ核心向的Kinect游戏有可能会在VGA上公布。

　　8、三张线索图、三段谜语，答案你猜到了吗？

　　线索图1：

　　lightbox是什么第三张线索图

　　基本确认是《原型》续作。

　　这位墨西哥导演可是《潘神的迷宫》、《男爵》的导演哦！

　　10、某新作VGA典礼宣传视频

　　被认为可能是《质量效应》新作。

　　11、THQ穿越FPS北棒入侵美帝的游戏《国土防线》实际影像参加VGA典礼

　　2010年03月11日，写下了第一篇博文：《兼容IE6、7、8和Firefox等主流浏览器的一些－原创》。

　　这些年来，新浪博客，陪伴着我一点一点谱写生活。

　　lightbox最新版wingtsc，基于Web的系统测试与传统的软件测试既有相同之处，也有不同的地方，对软件测试提出了新的挑战。基于Web的系统测试不但需要检查和验证是否按照设计的要求运行，而且还要评价系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。

　　随着Internet和Intranet/Extranet的快速增长，Web已经对商业、工业、银行、财政、教育、和娱乐及我们的工作和生活产生了深远的影响。许多传统的信息和数据库系统正在被移植到互联网上，电子商务迅速增长，早已超过了国界。范围广泛的、复杂的分布式应用正在Web中出现。Web的流行和无所不在，是因为它能提供支持所有类型内容连接的信息发布，容易为最终用户存取。

　　lightbox最新版二、当li水平排时，不要忘了给li加高度（firefox也同样适用）

　　三、有时float属性会影响边框效果

　　有时候，我们用CSS创建一个高度自适应布局，如何页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法，兼容IE5.0+，Opera8.5+，Firefox1.5+。下面我们看步骤：

　　1为了让浏览器识别高度100%我们需要先给html和body加上一个高度值，同时清除所有元素的margin和padding。顺便提一下，经过我的测试，html和body的height:100%;等于整个浏览器窗口的总高度，无论内容是否超过一屏。而它们下一级子元素height:100%;则等于第一屏的高度。

　　代码:

　　随着技术的优点逐渐为人所知，在网页重构中，它的使用占了越来越大的比重，取代已是大势所趋。所以，以前针对于的切图方法，也就是用中的裁剪工具将设计图中的元素一块块切下来，已经不适应现实需要了。下面介绍的这种方法，是针对于比较简单实用的。

foreach (Controller::__get('document')->breadcrumbs as $breadcrumb)

　　lightbox最新版21个可用于网站和博客的免费视频播放器插件，如今，有超过100万的网络相关的资源可以用。与其花费时间去做那些研究，还不如选择使用一些最好的并且免费的网站视频/播放器的插件。下面就是我爱互联网为您收集的非常有价值的免费的视频播放器，不仅有网站上应用的视频播放器，而且对于wordpress爱好者，还有专门为wordperss定制的插件啊，如果你正在寻找此类资源，赶紧来看下吧。

　　Flowplayer是一个开源（GPL3的）网络上的视频播放器。它用来将视频流嵌入到您的网页。专为网站拥有者，开发商，爱好者，企业和认真的程序员。使用Flowplayer，你可以定制自己的播放器并放到你的网站来接收网络上的视频。

　　特性:

　　它是完全和源码你可以在几分钟内建立您的播放器流畅如丝—它已经全面地优化并隐藏了边缘弯曲和下载堵塞等行为.时间轴展示非常流畅，有两种不同的自动隐藏模式：“隐藏”和“滑动”效果。可接收来自任何地方的视频流–使用行业标准协议的RTMP或HTTP流与最常见的Web服务器的lighttpd，Apache，nginx或IIS或从众所周知的内容传递网络Akamai公司，AmazonCloudfront，Highwinds，HDDN，SimpleCDN和更多的视频。扩展性—Flowplayer是使用Flash技术，确保98％的互联网用户可以看到您的影片。另外还有一个的javascriptAPI来帮助你改变与Flash进行通信的方式。如何安装:有详细的安装指南可利用帮你创建视频播放器。链接

　　VideoLightBox是一个免费的向导程序，它可以帮助您轻松地将视频嵌入到网站，网页或博客，只需点击几下，而无需编写代码。VideoLightBox免费用于非商业用途，商业网站使用需要许可费用。VideoLightBox的企业版提供了一个额外的选项，可以消除VideoLightBox.com的版权信息同时可在视频中增加你自己的水印。

　　特性:

　　有VideoLightBox团队在他们网站上提供的详细的安装指南。链接

　　特性:

　　可更改JWPlayer的皮肤来匹配你的站点；设计您自己或检出JWPlayer的自定义皮肤库。良好的插件系统–通过插件，您的播放器可以做任何事情。您可以建立与开发SDK和资源，或浏览我们的插件自己拿来分析，评分，以及更多。无忧视频管理如何安装:

　　本指南将告诉您如何在FlashV5的下安装JWPlayer。首先，从网上下载安装ZIP包，其中包含你开始时的所有文件。第1步：上放器文件到网站–将player.swf，yt.swf和swfobject.js文件从您的网站解压缩，请确保您已上传所有必要的影片，歌曲或您网站的图片。

　　lightbox最新版第2步：在html中嵌入播放器代码–在你的html页面中嵌入下面的代码。注：如果您放置的文件在不同的目录中，请确保设置此代码中相应的参数。

　　特性:

　　完全定制的控制面板只需几下点击就可在网站发布您的FLV或MP4视频只需几秒就可添加视频到您的Flash项目中播放广告或任何自定义介绍在播放器中使用自己的LOGO使用你想要的任何尺寸没有，完全是免费的没有特殊的编程技能的要求如何安装:

　　每个可下载的PlayerZIP文件中都会有一个“howto”的指南。链接

　　有一个安装工具的球员可以用MC的播放器的网站，其中你可以创建你自己的。MCMediaPlayer是一个基于Flash的在网页中嵌入视频，音频和图像的，它免费应用于非盈利和商业网站。

　　目前有两种版本的播放器：MC经典（以前已知为720×360版）和MC牛郎星（测试版），名称很有意思。

　　MC牛郎星—单一文件的视频播放器，都容易建立和定制，支持FLV和H.264的（渐进式下载和RTMP数据流）。

　　MC经典—这是我们原始的播放器，但现在是在停产（寿命终结）阶段，也就是说，它不再是正在开发中。.

　　特性:

　　可定制的界面可以运行在MCMediaPlayer’s的服务器或你自己的服务器R可调整大小尺寸和纵横比如何安装:

　　在其官网上有一个安装工具可以用来指点你创建播放器。链接

　　特性:

　　不需要Flash编程实现

　　如何安装:

　　有一个非常详细的视频教程可在网上了解的安装和设置过程。链接

　　是一个免费的平立的Web网站视频播放器，它用一种简单，方便的方法来添加单个或多个视频到任何网站，包括视频共享网站，在线培训，远程教育和学习，你的博客，Myspace，论坛等。

　　特性:

　　Supportstreamingflvvideofromyourwebsite.支持XML播放列表，你可以向您的播放器中添加一个或多个电影启用或禁用视频缩略图列表支持全屏幕播放支持播放下一个视频，如果超过一个电影支持宽高比控制不需懂编码知识就可以轻松个性化你的播放器内置高质量皮肤，免费的YouTube风格，Quicktimeplayer的风格，Windowmediaplayer风格，Realplayer风格，标准播放器的风格链接

　　SS4UPlayer是一个灵活的基于互联网的视频播放器，同时支持流和渐进式下载。可工作在Windows和Linux平台。它支持如FLV，264，MP4，MP3的音乐格式播放。它可以通过JavaScript设置flashvar。基于XML的换肤功能，使您可以完全自定义的颜色，工具条颜色和大小，透明度，字体类型，字体颜色和字体大小。

　　特性:

　　播放/暂停，寻道，定时器，全屏，音量条，预览图像你可以载入你自己的logo.完全FlashAS3的类和包可以通过Flash的var参数指定使用JavaScript或XML文件方式加裁视频支持使用XML播放列表支持流及渐近式下载非常稳定如何安装:

　　每个可下载的PlayerZIP文件中都有一份说细的安装指南或者你可以直接下载InstallationPDFguide的安装指南。链接

　　AnarchyMedia播放器是为所有那些想要在出版的音像内容网站中简单应用，而且它可以使得任何可直接播放的在您的网页上的MP3，Flashflv或QuickTimeMOV链接直接播放，同时可以选择隐藏的下载链接。使用GNU通用公共许可证。

　　如何安装:

　　详细安装请参考这个链接

　　下载插件

　　SublimeVideo是HTML5的视频播放器，让您轻松地在任何使用最新的网页标准的网页，博客或网站中嵌入视频。

　　浏览器制造商仍然致力于全面支持HTML5视频规范，因此现在SublimeVideo仍是在实验状态，只能工作在少数浏览器下。但是，长期的目标是让它可在所有的现代浏览器上工作。SublimeVideo将很快免费发布（至少用于非商业用途）。

　　特性:

　　全窗口模式–这将最大限度地提高视频尺寸以适应浏览器的窗口。在你在浏览器中最大化看视频时，如果你还想访问其他应用程序它是很方便的。全屏幕模式–目前只在最新的WebKit中得以支持，您可以通过ALT键激活此上全窗口按钮点击模式。HTML5视频的好处–没有浏览器插件，无Flash依赖！您也可以跳到视频的任何地方，而不必等待它的缓冲区。的纯JavaScript库链接

　　wordpress的免费视频播放器插件

　　WPMediaPlayer是一个基于Silverlight的wordpress播放插件，它可以用于播放在同一博客或网页中一个或多个播放器。还可用于播放自己主机上的或外部的托管视频服务器上的视频。

　　特性:

　　6种播放器样式并报告影片已经看过多少次默认播放器配置设置，如大小，缩略图，自动装载和自动播放每个Player实例的配置，可用于自定义每一个在博客内或文章中的Player设置视频文件的上传和选择是充分考虑结合了WordPress的用户编辑界面如何安装:

　　详细安装请参考这个链接

　　下载插件

　　WordPress的Flash视频插件，允许向Wordpress站使用符合标准的标记语言来添加加视频（和其他），是领先的源码软件。安装快捷，方便，无需额外安装/编码/PHP。这个插件是少痕迹，不创建表，卸载干净。第5版提供了播放器皮肤的全面支持，与谷歌分析的整合，并且有能力显示来自长尾解决方案的广告。

　　特性:

　　强健的选项菜单定制功能谷歌分析功能长尾广告解决方案兼容XHTML无后顾之忧！无数据库表和卸载干净播放列表，简易信息聚合，原子，XSPF，RTMP数据组件化如何安装:如需详细的安装请参考这个链接

　　下载插件

　　如何安装:如需详细的安装请参考这个链接

　　下载插件

　　这不仅是一个视频嵌入工具–它包含你可能需要的所有视频和富的功能，包括上传//直接导入影片到您的文章，使用在线视频编辑器来编辑和混排内容，视频评论，管理和您的视频内容，创建播放列表等等。

　　特性:

　　上传，从摄像头并且直接导入所有富到您的博客文章让读者和用户添加视频和音频的意见，并参与影片合作通过管理控制台管理和互动视频允许视频广告完整的管理功能，您来决定谁可以添加和编辑每个视频支持150多个视频，音频和图像文件格式和编解码器如何安装:对于安装及其他常见问题请参考这链接下载插件

　　厌倦了从YouTube等网站复制和粘贴的嵌入HTML吗？那么请你试试这个插件。

　　只是简单的按一下其中一个新的按钮，这个插件就加进了写作的屏幕（包括丰富的编辑器），然后粘贴网址，这样视频就出现在提示框中了–就是这么简单。你可以完全配置如何显示的视频（宽度，高度，颜色，网页上的排列）等等。

　　特性:

　　如需详细的安装请参考这个链接

　　下载插件

　　这个插件的主要是为了在你博客文章确地嵌入Youtube视频，这个视频还会在你的RSS摘要中完全显示出来。

　　特性:

　　简单的嵌入Youtube视频和播放列表支持最新的高质量的视频协议(360p和HDquality720p)允许完全的YouTube定制（颜色，边框，全屏）支持视频深层链接可工作在iPod和iPhone提供一个侧栏小工具生成XHTML代码如何安装:

　　如需详细的安装请参考这个链接

　　下载插件

　　该插件是用来简单地嵌入视频到一个博客帖子上，这些视频可以和外部门户网站如YouTube，谷歌视频和许多许多其他的集成，或者他们可以上传到Web服务器或远程服务器做集成，另外可以自动生成一个相应的特定的视频门户网站的链接或下载到本地文件的链接，如有需要。链接文字也可配置。此外，该视频可以轻松地集成在使用内置的所见即所得的编辑器中。该插件生成XHTML的有效代码并可以工作在WP2.5版本及以上。

　　特性:

　　如需详细的安装请参考这个链接

　　下载插件

　　这个插件管理的JW的FLV播放器5.1，让你可以轻松的在Wordpress的文章和页面中放置音乐，视频或Flash电影。

　　插入这样的标记你不需要改变所见即所得模式或特殊的HTML知识，您可以显示一个简单的文件（即一个flv格式）或您的所有文件的播放列表。

　　如何安装:

　　如需详细的安装请参考这个链接

　　下载插件

　　特性:

　　27种不同的皮肤自定义播放列表视频评分音频可视化如何安装:

　　如需详细的安装请参考这个链接

　　下载插件

　　WordPress的SeeTheFace插件可以瞬间升级您的文字博客到视频博客。在SiteClip的帮助下用户将能够方便地使用Publisher的视频信息记录和过滤器。此外，SiteClip内在的机制使其有可能和任何种类的网站结合起来，不论其类型和复杂性的机制。SiteClip可以内置在电子商务，教育/信息和新闻，社区，拍卖网站以及工作门户网站，一个管理单元等。

　　如何安装:

　　如需详细的安装请参考这个链接

　　下载插件

　　FLVEmbed是一个WordPress插件用来简化添加到您的博客（视频）Flash视频的过程。用于商业用途和执行，你需要购买球员的许可证。如果你想了解FLV视频编码以及为什么你使用FLV，Jeroen也写了一篇出色的文章，你可以在他的网站上找到。

　　特性:

　　执行一个标准的插件标记的样式嵌入一个FLV文件，它的最简单的方法高度便携，可扩展和面向未来的标签兼容XHTML如何安装:

　　如需详细的安装请参考这个链接

　　下载插件

　　Denis Tent，lightbox最新版，lightbox最新版广式普通话zh和z不分，ng和n不分，于是打拼音时经常要试，有时打一个字就要把这四个东西排列组合试一遍，把候选字表都查一遍才知道是不是读错了。要是用模糊音的话重码就变异常地多。而且十年前的拼音输入法远没有现在这么先进，这样的话输入速度可想而知。为了避免这些麻烦，于是就学五笔。五笔又分两个版本，98和86，当时肯定认为新的好，而且看起来也是98的字比较容易拆，于是就学了五笔98。其…

　　很久很久以前，我听说过Linux是很难用的东西，很久以前，我听说Ubuntu是一样很容易用的Linux，于是在Ubuntu7.10的时代我在自己的机子上装了Ubuntu开始。当时我用的是ATi的显卡，驱动死活装不上，听说N卡的驱动就好装得多，于是我对A系的显卡好感度下降不少……

　　lightbox最新版使用 Lightbox 2 和 JavaScript 构建出色的图片库，JavaScript无疑是最普遍的Web编程语言，它像HTML、XHTML和CSS一样被广泛使用。有用的JavaScript库数不胜数，比较好的库能够适应任何最新的浏览器，并且很好地协调了不同的浏览器和用户偏好。最有用最流行的JavaScript库之一是Lightbox2，它提供在线图片库、图像覆盖和图片集功能。在本文，您将详细学习Lightbox2，包括如何定制一些不常见的，甚至有可能很精妙的Lightbox功能。学习完本文之后，您就可以通过一个很容易使用的界面巧妙地展示您的图片集了。

　　人人都是摄影家

　　五年以前，似乎大家都喜欢使用博客。许多人都喜欢在线分享他们最近的生活，包括母亲、祖母、叔叔、士兵和运动员等等。最近，在线展示图片已经成为潮流。

　　只需要几百美元就可以购买一个很好的数码相机（一个高中生就能做到），然后开始积累摄影技巧。但很多图片都是以分享为目的的，而不是独自欣赏。这便让Web发挥了作用：Web提供的平台比任何艺术馆都大（但品位可能低些）。如果一个漂亮的图片被HTML页面的文本所包围，它就失去了魅力。入门摄影者的才能可能会因糟糕的Web设计而逊色。

　　开始使用Lightbox（现在是新版本Lightbox2）。Lightbox是一个提供全功能图片查看器的JavaScript库。图片显示在一个巧妙的“覆盖层”上，后者位于主Web页面的顶层。还可以设置、图片描述，甚至自定义按钮。图1是一个最简单的Lightbox。

　　但是，这只是一个很简单的设置，Lightbox可以发挥的余地还非常大。

　　在探讨Lightbox的细节之前，先了解使用它的几个主要原因，这是您应该知道的。尽管您自己非常信任Lightbox，但您必须征得同事、老板或朋友的同意，一起在网站上使用Lightbox。另外，了解为什么选择某种技术或工具往往和该工具本身一样重要。

　　首先，Lightbox属于JavaScript。所有现代的浏览器（和几个旧浏览器）都直接支持JavaScript，这确保您的页面在大部分浏览器上都很好用。尽管确实存在其他很好的基于插件的技术（比如Flash或Microsoft®控件套装），JavaScript都是所有浏览器的一部分。因此，您的用户不需要下载特别的组件，或担心浏览器的更新。几乎每个使用浏览器的计算机用户都能按原样查看到您设计的Lightbox。

　　Lightbox不仅是用JavaScript构建的，而且用的还是跨浏览器JavaScript。就是说Lightbox可用于任何现代浏览器，并且在各种浏览器上显示的效果是一样的。InternetExplorer、Sari、Firefox和Opera—都以相同的方式处理Lightbox代码。这意味着使用Lightbox时，您构建的代码和页面不要求用户选择特定的浏览器（或操作系统）。反过来也就意味着更多的用户、更多的人能够看到您的图片（您的岳母不会总打电话索要您的孩子的近照了，因为在网上就能看到）。这不错，不是吗？

　　最后，Lightbox实际上建立在两个构建良好的JavaScript库的基础之上，即Prototype和Scriptaculous。Prototype提供一些处理页面及其对象的实用函数，而Scriptaculous则添加大量的显示效果。它们已经存在好几年，并且是经过严谨测试的标准JavaScript，可以在各种现代浏览器上使用。因此，Lightbox是构建在的代码之上的，而不是从头构建的（从而引入了bug）。

　　在本文的小节单击“Lightbox2Web站点”链接，访问LightboxWeb站点（实际上，是Lightbox2站点）。在的左侧，单击“Download”链接。此时，您的浏览器应该类似于图2。

　　单击大号字体的Lightbox链接将获得一个ZIP文件，名称类似于lightbox2.04.zip（根据各个版本略有不同）。您可以将其解压缩到一个称为lightbox2/的文件夹。图3展示了下载文件夹包含的内容：非常简单。

　　传统的方法将所有脚本都放到您的站点上一个称为scripts/的目录。因此脚本的径可能是scripts/prototype.js。但是最近脚本目录的命名越来越有针对性。例如JavaScript存放在js/目录中，而ASP.NET脚本存放在asp/目录中。Lightbox使用的就是这种命名模式。如果您已经在以前的站点中使用scripts/作为目录，可能需要作一些调整。

　　现在您需要使您的Web站点可以访问所有Lightbox文件—包括它使用的图片和CSS。幸运的是，Lightbox下载已经对此有所准备。它使用标准的目录名称，比如images/、css/和js/。因此，您可以将这三个目录及其内容复制到您的站点的根目录，为下一步做好准备。

　　注意：默认的Lightbox下载包含一个index.html文件。您不能将它复制到Web根目录，因为这很可能会覆盖您的站点的索引页面。该页面是一组安装说明，但在本文中，可以删除index.html避免混淆。

　　构建一个简单的示例应用程序

　　开始之前，我们需要一个带有一些图片的页面。清单1展示了一个图片库页面的HTML。接下来，将该HTML输入到您的编辑器，这可以通过复制粘贴来实现，也可以从示例中下载这些代码（从小节获得）。

　　这些script引用必须按照这种特定的顺序排列。后一个脚本将引用前一个脚本中的函数，因此顺序很重要。如果混乱了顺序，页面将出现错误，所以要格外注意：先引用Prototype，然后是Scriptaculous，最后才是Lightbox。

　　很容易漏掉这个步骤，因为Lightbox本质上是一组脚本。但这些脚本显示图片，并且图片的显示由LightboxCSS控制。因此这是一个很重要的步骤（虽然容易忘记）。

　　lightbox最新版此外，您还可以经常更新LightboxCSS，使其匹配您的显示偏好。我们会在以后讨论这个内容，但是下面这点也很重要：使用Lightbox等工具箱将内容（XHTML）从表示（CSS）分离出来，将表示从行为（JavaScript）分离出来能提供很大的灵活性。

　　这种分离内容、表示和行为的方式在架构上称为Model/View/Controller。这种严谨的方法是一种最好的实践，可用于Web页面和企业应用程序。MVC架构的价值在于可以和调整每一个元素，同时又不影响其他元素。数据于格式，而功能于数据。本文随后讨论的简单定制就是MVC设计的直接结果。

　　这是容易疏忽的另一个步骤：确保Lightbox脚本和CSS与示例图片库所在的目录一样。如果您已经下载了图片库并将其放在已有站点上，只需上传Lightbox文件。如果是本地处理，只需确保复制了Lightboxscripts/、css/和images/目录，以及您的图片库文件。

　　为图片库的每个图片添加链接

　　Lightbox通过a元素来工作。所以，在继续之前，您必须用a标记打包页面上每个需要在Lightbox中显示的图片。通常，链接的目标—href属性的值—应该是图片本身，并且常以全尺寸显示。

　　清单5展示使用a标记更新后的图片库的HTML。

　　最后一个步骤很简单：每个a元素都需要一个值为“lightbox”的新属性rel。仅需将该属性添加到围绕想要在Lightbox中显示的图片的每个链接。清单6展示了这一更改。

　　接下来仅需将更改保存到HTML并加载（或重新加载）图片库。单击图片，它就会以动画的形式在Lightbox中打开，并且是全尺寸的。查看图5，看看在Firefox浏览器中的显示效果如何。

　　图片分组

　　尽管初始的（默认的）Lightbox已经相当不错，但Lightbox还有很多其他功能。最常用的功能是图片分组。下面以示例图片库为例进行。要查看下一个图片，必须先关闭当前图片再单击下一个图片。但这有点不像“图片库”。在真正的图片库中，您可以直接浏览下一个图片。还好，Lightbox提供了类似的功能。

　　为图片分组

　　对于要分组的图片，只需在rel=lightbox后添加一个组名。将组名添加到方括号中（[和]），这会把所有内容包含到引号中。现在，让我们将示例中的所有图片放到名为“gallery”的组中。清单7给出了需要更改的地方。

　　乍看一眼，好像没有什么区别。但这里有一些细微的差别。首先，现在的图片库中的图片标有编号，当前显示的图片是“20张图片中的第1张”。

　　现在，将鼠标停在当前的图片上就会显示“NEXT”按钮。如果这不是该图片组的第1张图片，还会显示一个“PREV”按钮。使用这些按钮可以到下一张或上一张图片。图7显示了“NEXT”按钮。

　　在一个页面上创建多个图片库

　　您可以在同一个页面上创建许多不同的图片库，这只需在方括号中使用不同的组名，方括号必须是值为“lightbox”的rel属性。这样，您就可以拥有一个与水相关的图片集，一个与人脸有关的图片集，等等。

　　但是要避免乱用或图片库。作为摄影师或设计师，您很清楚为什么这张图片放在这个图片库，而不是另一张。您还可能专门设计页面来突出这些差别。但对于一般的Web用户，这些差别可能看不出来，或者至少不明显。对于这种情况，多个图片库会造成混乱。为什么不显示所有的图片？为什么在这张图片上可以点击NEXT，而在另一张上不行？

　　如果不是很清楚，最好使用一个图片库，将页面上的所有图片都包含在其中，这样比较直观明了，不会把用户弄糊涂。

　　为“a”元素添加标题属性

　　您已经使用a属性包围了每一个图片。同样，为Lightbox添加额外信息也依赖于a元素。您曾经使用它在Lightbox中显示图片，并使用它进行相片分组。现在，您可以使用该a元素为图片添加标题。

　　添加一个title属性，然后提供一个图片标题作为该属性的值。清单8通过几个图片展示了这个特性。

　　Lightbox标题是附加的图片信息

　　注意，为Lightbox添加的标题必须是惟一的。事实上，并不是为图片本身添加标题；而是要修改img元素。这会导致一个常见的错误：图像的alt属性与图像Lightbox中显示的内容毫不相关。这是好是坏还存在争议，但这是实际存在的。

　　这里的目标是尽量使Lightbox简洁明了。因此，如果要为图片添加alt属性，或一个很长的描述（使用longdesc），添加Lightbox标题时不需要更改这些属性。事实上，我们鼓励您为图片添加alt属性，毕竟XHTML要求页面上的所有图片都有这个属性。

　　记住，Lightbox的所有显示属性都包含在CSS文件lightbox.css中。由于CSS只是普通文本，所以您可以打开该文件并进行任意的更改。事实上，如清单9所示，CSS并不是很复杂。

　　更改后的Lightbox有一个很明显的问题：CLOSE按钮是黑色的，而其背景是白色的，这看起来很怪。NEXT和PREV按钮也是这样。这与文本使用白色、背景使用黑色的颜色主题冲突。幸好，可以通过更改Lightbox来解决这个问题。您可以使用工具（比如Photoshop、PhotoshopElements或开源的G.I.M.P.）来根据需要更改按钮的颜色。

　　这里展示的按钮很简单，但您可以让它变得丰富多彩（实际上，您要避免按钮闪动。因为这与恐怖的<BLINK/>标记非常相似）。此外，您获得新的图像之后，就将其放到Lightbox图像目录中，覆盖现有的按钮图像。

　　现在重新加载图片库并单击其中的一张图片。您应该会看到如图13所示的效果。

　　结束语

　　就像其他Web小部件或完成简单任务的JavaScript库一样，编写Lightbox很简单。不过，Web设计的重心是由用户决定的。对用户而言，Lightbox是一种查看图片的新颖、简单的方法。加载图片时出现的简单动画很好看，同时还出现一个“进度”提示符。图片也直观宜人。这综合起来就提供了一种很好的用户体验。根据我们的经验，用户往往都花很长时间在网上查看图片。

　　如果您是开发人员或设计人员，那就更好了，因为Lightbox支持跨浏览器使用。您不必要求用户下载Flash插件，也不必记住InternetExplorer是否支持这些插件。但您得到的结果是：更好的Web页面，更好的图片显示和更佳的用户体验。

　　最后，Lightbox的定制功能是很强大的。您可以更改颜色主题、图片的框架和图片的。您可以使用自己定义的按钮，或使用其他默认的按钮。此外，您还可以更改显示Lightbox时变淡的背景的颜色。加上图片分组和添加标题这两项功能，Lightbox就是一个非常健壮的工具，您可以将它添加到您的工具箱中。

　　要获得高度定制的、类似于Lightbox的体验，可以查看以下两篇文章，它介绍如何构建定制的、受Ajax支持的图片查看器：第1部分和第2部分可以在IBMdeveloperWorks上找到。