推荐阅读
摄影技巧:用慢速快门为城市生活减速 让生活慢下来
在城市里拍摄车流时，尽量让相机保持不动，并使用一个较慢的快门速度，这样你可以拍到一些很有意思的照片。模糊的影像效果与飞驰而过的汽车和永久不变的城市形成了鲜明的对比。这两张照片出自劳伦特·拜尔莱特（Laurent Baillet）的“时光记录法”（Chronography）系列Ⅰ作品。劳伦特说，“时间对我来说非常重要。当背景始终保持不变时，你既可以捕捉到一个短暂的瞬间，也能把一段时间内每一个物体从画面中移动消失的轨迹记录下来。”拍摄窍门拍摄时使用三脚架和遥控快门线。要想减少进光量并缩短曝光时长，可以有如下两种做法，一是在镜头前加装中灰密度滤镜或偏振镜，二是使用小光圈和低感光度来拍摄。如果你用1秒以上的快门速度拍摄，那么最好选择手动模式进行对焦和曝光设定。如果有行人出现在了你的镜头中，最好将他们拍成模糊的或是完全静止的效果。试着拍摄路面上减速行驶或是飞驰而过的汽车，车的速度不同，在照片上留下的轨迹也不同。
著名设计大师王孟友教你如何设计标志
标志：外来语叫logo是表明事物特征的记号。它以单纯、显著、易识别的物象、图形或文字符号为直观语言，除标示什么、代替什么之外，还具有表达意义、情感和指令行动等作用。 标志，按照使用的功能可分：商标、徽标、标识、企业标、文化性标、社会活动标、社会公益标、服务性标、交通标、环境标、标记、符号等。作为人类直观联系的特殊方式，在社会活动与生产活动中无处不在，越来越显示其极重要的独特功用。例如：国旗、国徽、公共场所标志、交通标志、安全标志、操作标志等，各种国内外重大活动、会议、运动会以及邮政运输、金融财贸、机关、团体、公司及个人的图章、签名等几乎都有表明自己特征的标志。随着国际交往的日益频繁，标志的直观、形象、不受语言文字障碍等特性极其有利于国际间的交流与应用，因此国际化标志得以迅速推广和发展，成为视觉传送最有效的手段之一。我们发展中的中国，早已认识到了这一点！各个单位、个人已经在发展的初期，就意识到要设计一个标志。 标志有很多特点，介绍几点让大家了解：1． 功用性 标志的本质在于它的功用性。虽然具有观赏价值，但标志主要不是为了供人观赏，而是为了实用。具有不可替代的独特功能。具有法律效力的标志尤其兼有维护权益的特殊使命。 2． 识别性 标志最突出的特点是易于识别.显示事物自身特征,标示事物间不同的意义、区别与归属是标志的主要功能。 3． 显著性 显著是标志又一重要特点，除隐形标志外，绝大多数标志的设置就是要引起人们注意。因此色彩强烈醒目、图形简练清晰。 4． 多样性 标志种类繁多、用途广泛，无论从其应用型式、构成形式、表现手段来看，都有着极其丰富的多样性。 其应用形式，不仅有平面的、立体的，具象、意象、抽象图形构成的，还有以色彩构成的。多数标志是由几种基本形式组合构成的。
Illustrator 图表工具详解（4）
Illustrator 图表工具详解 在本教程中我们这里我们使用Illustrator 10，以一个实例贯穿始终，讲解最基本的图表工具应用。 Illustrator 10的图表工具功能很多，并且十分强大，本文只是简略讲述了制作简单图表的基本方法，更多的精彩还有待于大家进一步探索。六、图表数值轴的位置 除了饼图和雷达图，其他图表一般都可以改变数值轴的位置：比如将Y轴放置在图表的左边，右边，上下方，还是左右边都有。 对于柱形图和重叠柱形图，折线图和面积图，根据此类图表特点，可以选择将数值坐标轴放在左边右边或者两边都有。 对于散点图，可以选择在左边或者两边。 对于条形图和重叠条形图，可以选择在顶部，底部和两者兼有。 对于雷达图，则只有一个选择：在所有边。 以最常见的柱形图为例，简述一下如何更改数值轴的位置。 选择整个柱形图，双击图表工具图标，Value Axis下拉列表选项中可以选择On Left Sides(左边) On Right Sides（右边） On Both Sides（两边）。 按上述设置选择不同图表数值轴的合适位置后，可以作出不同效果的图表。七、更改图表数值轴的刻度 默认情况下，图表的两侧（如左右两侧）的刻度数值是一样的。那么能否设置成不同数值刻度呢？答案是肯定的。 请看具体操作： 1. 用组选择工具选择一组数据及其图例框（如果选择错误，后面的操作就无效啦）。 2. 从图表选项下拉列表中选择左边或者右边坐标轴，对柱状图，散点图，面积图和重叠柱形，可以选择在左侧或者右侧，对于条形图和重叠条形图，可选择在下方或上方。 3. 选中Override Calculated选项，对刻度指定适当地数据后单击OK 。 如图7是为柱形图设置两轴不同刻度后结果。 图 7 八、不同图表类型的混合使用 使用图表时，可在同一图表中组合应用不同的图表类型。比如用条形图表示一部的销售额，用折线图表示二部的销售额，用不同类型图表表示其他组的数据… 要注意的是，在所有的图表类型中，散点图表不能和其他的图表同时组合应用。 1. 用组选择工具选中一组数据及其图例，双击图表工具按钮，从对话框中选择适当图表类型，并设置好相关选项。 2. 用组选择工具选中其他一组或者多组数据及图例，用上述方法更改其图表类型。 3. 单击OK更新图表。 如图8为柱形图和折线图的组合使用。
高调照片的拍摄
高调照片的拍摄 雪·花：一场突如其来的大雪中，花儿还没来得及凋谢，白色与粉色形成了鲜明的对比。为了使花朵曝光正确，在白色的大环境下需要加曝光，而花朵本身颜色也较浅，而且占画面的比例较大，所以仅加了0.3挡曝光。 高调照片： 指的是以白色为基调的照片，画面的大部分为淡色调。 摄影教程 未加曝光补偿 未使用曝光补偿时，雪的色泽显得暗淡发灰。 曝光补偿+0.7
最新发布
谈谈xhtml的结构标签
原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。来列一个完整xhtml的结构标签：结构body, head, html, title 文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var 链接 a 列表dl, dt, dd, ol, ul, li 表单form, input, label, select, option, textarea 表格caption, table, td, th, tr 图片img 对象object, param metameta 外部调用link 基本base <dl>是用于生成术语列表<dt>用于指定要定义的术语<dd>用于对术语的定义如：<dl><dt>HTML</dt><dd>超文本标记语言</dd><dt>TCP/IP</dt><dd>传输控制协议/Internet协议</dd><dt>魔兽世界</dt><dd>一款暴雪出品的网络游戏</dd></dl>
把XHTML／CSS页面转换成为打印机页面
在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHTML和CSS，你可以实现同样的效果而只用花费少得多的精力。 从屏幕显示到打印效果大多数的Web页面都是设计适用于在计算机屏幕上观看的。然而，有的时候用户需要将某些页面打印出来，也许就是为了保留一个长期的记录，或者将其用作方便的离线参考资料。现在的麻烦是，让Web页面在计算机彩色屏幕上看起来引人注目和五彩缤纷的很多特性，都无法在打印版的Web页面上表现出相同的效果――尤其当打印机是黑白的时候。在被降级为灰度打印的时候，彩色的组合会失去（原有的）对比效果；图形会看起来失真，而且耗费太长的打印时间；在Web页面上起着重要作用的导航按钮在打印页面上也毫无用处。为了克服这些问题，Web的创建者常常会为页面专门设计一个打印机友好的版本，这样访问者就有打印的欲望。打印机友好的版本通常都包括有和主要Web页面相同的内容，但是会省略掉大多数的图形、背景和导航元素。页面还会把彩色转换成某种形式，以便生成能够让人接受的灰度图像。CSS的解决方案使用结构化的XHTML标示和CSS格式将内容和表示分离开来的一个优势在于，通过更改CSS样式，你可以很轻易就把内容重新格式化。因此，创建一个打印机友好的页面就是把一个不同的CSS文件链接到相同的XHTML页面上。你可以同时把屏幕样式表和打印样式表链接到同一个XHTML文件里，所以就没有必要单独创建一个打印机友好的页面，只需要一个打印机友好的样式表就行了。当你在链接代码里加入多媒体类型的文件时，这就是在告诉浏览器为了进行屏幕输出要遵循或者忽略哪些CSS的规则，而为了打印输出要使用哪些规则。下面是链接到一对CSS文件的例子：<link rel="stylesheet" type="text/css" media="screen" href="mysite-screen.css"/><link rel="stylesheet" type="text/css" media="print" href="mysite-print.css" />如果需要支持老版本的浏览器，那你就必须坚持使用CSS1的媒体描述符screen和print。它们是相互排斥的，因此在为屏幕显示而生成页面的时候，浏览器会忽略掉打印样式表，反之亦然。所以，每个样式表都需要包含相同的样式选择器，但是有不同的规则声明，以便为不同的输出设备分别生成页面样式。
危险无处不在 Html标签带来的安全隐患
WWW服务是因特网上最重要的服务之一，提供给客户各种各样的信息资源，而把这种信息资源组织起来的一个很重要的东西就是Html超文本语言，然后经过应用的发展就出现了其他的如UBB等标签但是最终都是以Html代码来实现的。经过研究发现，即使是最安全的安全代码（已经排除了通常所说的Xss漏洞）也无法避免另外一种恼人的攻击方式，配合不严格的程序，可能被人利用产生更大的威胁。 我们就以现在广泛存在于论坛，文章系统，Blog系统等脚本程序中的[img]标签也就是转化后的<img>标签举例来说明这个被忽视的安全问题吧！首先我来谈谈自己对这个标签以及浏览器对这个标签的处理过程。首先看看下面这个UBB代码：[IMG]http://www.cnbct.org/loveshell.jpg[/IMG]，然后通过脚本程序的转换成为了＜img src=http://www.cnbct.org/loveshell.jpg＞。＜img＞标签 是在当前的页面嵌入一个图片，现在的论坛程序在发帖子以及个人头像那里都有这个功能，当浏览器遇到这个Html标记的时候就会根据src的地址，这里是http://www.cnbct.org/loveshell.jpg去寻找网络资源，当找到这个图片的时候就会访问并且下载这个资源然后在本地进行解析，在浏览器里显示出这个图片，如果找不到这个资源就会显示一个红叉表示出错了。这里http://www.cnbct.org/loveshell.jpg是个很正常的图片，所以一切都顺利进行，但是不知道大家想过没有，如果这个资源是其他类型的资源譬如一个网页一个eXe文件或者是一个asp页面，当不是图片类型文件的时候，结果会怎么样呢？ 答案很明显，是图片显示一个红X，我们的Exe文件也没有下载，Html页面也没有执行，这是理所当然的东西，因为IE或者其他浏览器会把取得的资源当作图片解析，这样就会产生错误从而显示红X了。到这里大家也许还觉得没有什么用，但是如果我们把图片的地址改成http://127.0.0.1:88/imgtest/test.asp?user=shell这样的形式呢？其中test.asp里有如下内容的话＜%dim fso,file //定义Fso对象 Const ForReading = 1, ForWriting = 2, ForAppending = 8 Set fso = Server.createObject("Scripting.FileSystemObject") path = server.mappath("imgtest.txt") //打开同目录imgtest.txt set file=fso.opentextfile(path, ForAppending, TRUE)file.write("有人来了: ") //写内容 file.write(request.Servervariables("QUERY_STRING")) file.write vbCrLffile.closeset file = nothing set fso = nothing%＞
20个使用水彩效果的网站设计
一些网站在设计中使用漂亮的水彩效果，这些水彩效果可以让网站向用户展示颇优雅的视觉体验，体现网站的独特的有艺术性。这里收集了一批新的使用水彩效果的网站设计，更多相关设计请查看《最佳实例：网页设计中的水彩效果》，当然可能并非所有的都很美，但是至少可以给我们提供一些参考。希望大家能够喜欢。如果你需要水彩风格的PS笔刷，请查看300多个出色的PS笔刷
WEB标准:网页页面结构
最近做了一个需求，相当于是一个miniportal，虽然是小页面，但真正做起来比活动的大页面还要费心思。页面上不管是背景图片还是文字大小，差一个像素都看的很明显。而自己又把在学校的坏毛病带来，总是那么粗心，第一次提交页面之后，很多问题，幸好导师给我指出，要不然自己也感觉不出自己的那些毛病，归结还是自己太粗心，没有准确的还原设计稿。以后对于这点自己一定要努力克服。在页面设计的视觉显示上要追求完美。 通过这次自己也理解了一些页面结构，起初自己觉得结构是从浏览器屏蔽加载的样式之后你希望页面内容应该以什么样的结构去显示。通过这样的外观去选择合适的标签，从而构建自己的页面结构。而将它和浏览器的默认显示样式给混淆了。一方面是因为自己无意义的对一些标签进行了无尽的联想，而造成了标签使用的误区。这个我觉得是很多重构人员都难免会遇到的问题。而此时我只是做出了实践罢了。 比如这次的项目中我对于图片列表使用了很多注释列表，是因为我想在去除样式之后整个html文件显示的外观是符合人们的正常思维。是我强加给页面的，而并不是一种很正确的结构。是我将它的使用范围扩大了。回归最原始的用法，其实它只是用于表现内容的标签，而并不是一种结构。这个是一个误区，因为也有可能有的人认为这不是一个注释列表，而是一个段落，都是因人而异。所以在这种大家选择上不会达成共识的情况下，选择没有任何意义的div标签或许是一种折中。 结构这个东西真的是需要慢慢体会，慢慢总结！
iframe高度自适应代码(兼容FF,Opera,Safari)
网上关于iframe高度自适应的代码有很多，但比较杂乱，有一些过于复杂，有一些存在明显错误。缘由心生给出了一段修改后的精简版本，感觉不错，简单修正了其中一处Opera下的错误，代码如下：JavaScript部分：<script type="text/javascript">function SetCwinHeight(iframeObj){if (document.getElementById){ if (iframeObj){ if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){ iframeObj.height = iframeObj.contentDocument.body.offsetHeight; } else if (document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){ iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight; } } }}</script>html部分：<iframe name="frameContent" src="*" frameborder="0" width="100%" onload="SetCwinHeight(this)"></iframe>标记*号的地方填入iframe页面的地址。需要注意的是，src地址必须是在同一网站下，否则会出现“权限被禁止”的错误。
Google Wave将推动HTML5标准化
最近，Google Wave闪亮登场了，给大家带来不少惊喜。而Google宣称全面采用HTML5这一事实是否意味着HTML5时代已经来临呢？HTML4成为标准已经有十余年了，照理说，HTML5也该出山了。可是HTML5目前并没有标准化。按照HTML5的编辑Ian Hickson的说法，HTML5的最终提议草案要等到2022年才会发布。没错，这太遥远了。不过，各个浏览器厂商们并没有闲着，在去年第一份草案发布之后，大多数浏览器都实现了该草案的一些特性。也许是因为HTML5标准指定过于缓慢，因此一直不是风口浪尖。然而世事难料，Google Wave的发布似乎一下引发了许多人对HTML5的兴趣，也激起了人们的广泛讨论，使得HTML5成为最近的一个热门话题。本月初，InfoQ一篇名为Google Wave会影响RIA/Silverlight吗？的新闻，谈到了Wave对RIA可能造成的负面影响及微软相关人士的回应。无独有偶，Paul Krill在Infoworld上也发表了类似的一篇文章，HTML5:会终结Flash和Silverlight吗？，Paul Krill认为：对此，Adobe的John Dowdell在其博文Adobe on "HTML5"中给出了他的看法。文中他引用了Adobe CEO Shantanu Narayen针对一分析家所提HTML5对Adobe的机遇与威胁时所做的回答。虽然，微软和Adobe都否认了HTML5会给他们带来冲击，很明显他们都在关注HTML5的发展。那么，HTML5时代真的到来了吗？还不好轻易下结论。但是Google Wave对HTML5的推广确实起到了作用。或许正如Pieter在其博文Why HTML 5 is going to change the web?中所总结的：如果你想了解HTML5的一些出彩的特性展示及相应源码，可以参考Matt的5 Amazing HTML5 Features to Look Forward to。如果你想让IE6、IE7支持HTML5标签，可以参考remy sharp的博文HTML5 enabling script以及Paul Hayes的博文Moving markup towards HTML5。
制作网页的5条非常不错的建议
每天互联网上大量编写的页面内容误导和浪费了用户成千上万个小时。对于今天超过10亿的互联网用户来说，这些误导等于同等的挫败 感。而对于你的客户，这也许就意 味着擦肩而过的机会。深入了解高效的页面代码方法会提升每个你的设计和网站的在线体验。而你的用户则会用市场和销量回报你为此付出的努力，这也会让你成为更好的网页设计师。我们的用户每天都要被大量无序的网站链接骚扰。请不要再增加这种混乱了。我们应该做的，是组织好我们页面上的信息，用直观易懂的方式引导和帮助用户找到他们想要的信息或完成想要的任务，这样就能节约时间让用户为其他的事情奔忙了。按照目标用户的需求而不是客户的公司结构组织网站的导航，信息和链接。客户的网站不是公司的他们管理结构图，所以请不要按照这样的结构去组织你的网站。案例:一个经营企业合并的公司已经拥有一个包含各个子部门页面的网站(比如法律部，会计部，市场部，等等。)。用户需必须盲目的在各个页面之间跳来跳去，甚至去猜测自己应该在哪个部门的页面里寻找自己想要的信息。解决方案:以用户需求为结构指导，重新组合网站结构和内容，比如以用户的任务需求为依据重新划分为:出售业务;收购业务;附加服务等区块。也许商业活动本身是很复杂的，但让用户找到他们需要的信息不应该是一件很困难的事。客户的网站是不是会强迫你从一堆长篇大论的介绍，和模糊的信息或者根本无用的介绍文字中去发掘他们需要的信息?研究发现，我们的用户大多数情况下只是在扫描信息，所以你需要做的就是保持页面精炼和简洁。 一般来说，如果你要把一本宣传手册变成网页，留下的内容差不多只需要有原来的一半甚至更少。专业的页面需要:
如何修改网页中的FlashSWF文件
看到一个网站用flash做的，很漂亮，想照着也做一个，但是技术还没到位，想把网页中的flash下载下来，然后对flash文件进行修改！我想这是很多人遇到的一个问题，其实现在已经有很多人在讲下载网页中的FLASH并修改的问题了，今天我把问题总结一下，如何下载网页中好看的FLASH，并将swf转化成fla文件进行修改。上一次给大家讲过如何给网站扒皮，主要针对HTML类型的网页，而这次主要讲的是如何给FLASH网站扒皮。同样，你学会这招之后，不仅可以把任何你所喜欢的FALSH网站修改成自己的，而且你还可以修改一些flash动画。第一步：如何下载网页中的FLASH呢，方法有以下几种。1：从网页的源文件代码(查看 - 源文件)里找 .swf 的文件,然后把带有.swf 那一串地址 复制到下载工具里就可以了 。2：通过浏览器的自有功能下载网上的flash动画，这种方法最容易掌握也是最方便的；遨游、火狐、GreenBrower等浏览器，也可以下载。网页上标明了下载地址(右键另存就可以了)3：用迅雷、FLASHGET等下载工具，会有FLASH下载提示。4： 通过第三方软件实现网上flash动画的下载。例如：“Flash Catcher”、”GetFlash“、“网页FLASH抓取器”。第二步：将下载好的SWF文件反编译为可以修改的FLA文件。Sothink SWF Decompiler（闪客精灵），是卢松松常用的一款SWF转换FLA的工具。在这里也推荐给大家使用。它能够将flash动画中的图片、矢量图、字体、文字、按钮、影片片段、帧等基本元素完全分解，还可以对flash影片动作（Action）进行解析，清楚的显示其动作的代码。使用方法是用SWFDecompiler打开下载好的FLASH文件，然后点击导出FLA文件就可以了，操作十分简单。注：导出FLA文件后需要用FALSH 8和CS版本软件打开，就可以进行相应的修改了。文中所提到的工具软件下载列表：火狐FLASH下载插件（download embedded）：http://www.oschina.net/p/download+embeddedSWF转换FLA的工具：http://down.lusongsong.com/Soft/10014.htmlflash动画制作软件（flash8）：http://down.lusongsong.com/Soft/10008.htmlFlash Catcher：http://www.skycn.com/soft/8032.html网页FLASH抓取器：http://www.onlinedown.net/soft/47431.htmGetFlash：http://www.greendown.cn/soft/1181.html