推荐阅读
绘制质感金属齿轮图片的PS鼠绘教程
本教程主要使用Photoshop绘制立体逼真的时尚齿轮教程，绘制的整理立体效果很漂亮的说，喜欢的朋友一起来学习吧。最终效果图1、新建文件设置如图2、用矩形工具绘制一个矩形，如下图3、Ctrl+T变形，让矩形的上方变窄如图4、拖拽标尺，ctrl+T变形将中心点位置移到十字标尺处，旋转20度。
Photoshop之色彩调整
（图1）图1中的菜单就是“调整”命令，他位于“图形”菜单下，其中包括：Levels（色阶）、Auto Levels（自动色阶）、Auto contrast（自动对比度）、Curves（曲线调节）、Color Balance（色彩调节）、Brightness/Contrast（亮度/对比度）、Hue/Saturation（色相/色彩饱和度）、Desaturation（去除彩色）、Replace Color（替换颜色）、Selective Color（选定颜色）、Channel Mixer（通道混合者）、Invert（反转）、Equalize（相等）、Threshold（阈值）、Posterize（色调分离）、Variations（变更）等指令。其中，Levels、Auto Levels、Auto contrast、Curves、Brightness/Contrast主要对图像的对比度进行调整，他们可改变图像中像素值的分布并能在一定精度范围内调整色调。Levels、Auto Levels、Color Balance、Selective Color可以调整图像的色彩平衡度，Hue/Saturation、Replace Color、Selective Color、Invert、Equalize、Threshold、Posterize、Variations等指令可对图像中特定颜色进行修改。接下来，我们就分别对这些指令作一个详细的陈述……首先，是“Levels（色阶）”指令……现在，我们打开一幅图像，来了解一下Levels（如图2）（图2）在Image菜单下的Adjust子菜单下选择“Levels”命令，调出图3所表示的Levels（色阶命令）对话框。（图3）接下来对Levels对话框的几个部份作一点介绍：
IE6必然灭亡的最新6个理由
我们不喜欢Internet Explorer 6（IE6）已经不是什么秘密，网上仍然有15-25％的人在使用这个过时的已经十几岁的浏览器。去年，我们要求IE6尽快灭亡，使网络能够向前发展，产生诸如HTML 5这样的新的创新。在中国黑客攻击谷歌基础设施所引出的一个关键的IE漏洞后，现在IE浏览器——特别是IE6再一次受到抨击。对于IE6的批评不是一个新现象，但上周的事件给了我们当中一些主张废除IE6（包括我自己在内）的人新的弹药。无论你是在一个不愿意放弃IE6的公司工作或是你父母认为没有必要进行升级，这里有五个新的理由升级或更换你的浏览器：1.你和你公司的安全正在受到威胁： 再没有其它方式能把这一点说得更清楚了：如果谷歌、雅虎和其它大约20家公司的安全被危害是由于人们仍然在使用IE6所造成的，那么你的安全风险也很大。等黑客利用这个漏洞窃取了你的信息后再升级，为时已晚，特别是如果你有敏感的客户数据。2.世界各国*都建议更换浏览器：德国和法国都已针对Internet Explorer发出了警告，呼吁公民更换浏览器以防止影响了谷歌的同一类型的破坏。3.就连微软都希望你放弃IE6：微软安全研究和防御博客具体讨论了此漏洞以及由平台攻击的风险。该文章最重要的部分是，他们“建议在Windows XP中使用IE6的用户升级到Internet Explorer的最新版本和/或启用DEP保护。”这不是微软第一次请人们自愿升级，但这是第一次针对漏洞被利用的回应。你可以把它理解为一次产品回收，你会在丰田、福特或通用表示其车可能发生故障后继续驾驶它们的汽车吗？不要在您计算机的安全性上犯这样的错误。4.不想从Windows XP升级不再是一个合理的借口： 有个删除IE6的方法是升级你的操作系统——Windows Vista和Windows 7都使用版本升级后的IE浏览器。我们理解人们在选择Windows Vista时为什么不愿升级，但现在一个非常稳定、牢固和安全的升级已面市（Windows 7），没有理由不升级。对，它会让你现在花费一些钱，但它远比让您的数据被盗便宜。5.这不会是IE6最后一次大规模的安全漏洞：这个漏洞在谷歌前所未有的中国宣言之前是不为人知的。而且这不是这个浏览器所发现的第一个缺陷——至少还有142个IE6的漏洞，其中22个尚未修补。您会使用有142个薄弱点的盔甲吗？
3Ds max多边形建模实例：茶杯模型
3Ds max多边形建模方法比较容易理解，非常适合初学者学习，并且在建模的过程中用者有更多的想象空间和可修改余地。在这篇教程里，我们要通过循序渐进的讲解及相应的小实例来对3Ds max7中的多边形建模进行剖析，使读者可以比较全面的了解和掌握3Ds max7中的多边形建模方式与流程。 前面我们介绍了3Ds max7中的多边形建模中比较常用的命令，为了让大家加深印象，下面我们来实际应用一下，制作一个小瓷茶杯，虽然例子很简单，但可以先用它来热热身。 下图所示是我们将要制作的茶杯模型效果。图26 启动3ds3Ds max，选中Line工具，在侧视图中点击创建出如图27所示的截面曲线（注：创建线的时候不要拖拽，因为我们要用它旋转得到基本的几何体，如果拖拽操作，那么得到的曲线旋转成型后会有过多的细分），在关键的地方我们应多添加几个点，比如杯口和杯底，这样可以使它细分后看起来非常光滑，对其应用lathe修改命令，设置参数如图28所示，这样就得到了茶杯的基本形体（如图29所示）。将基本形体塌陷为可编辑多边形。图27图28图29 我们适当的对杯身进行切分（可以使用快速区分工具），切分出挤压杯把的面。然后试着将其进行一级细分，看一下光滑后的效果，打开subdivision surface卷展栏，勾选use NURMS项，display栏中的参数不变，将render栏中的iterations项选中，并设置值为1，这样我们可以在视图中调节未细分的模型，而渲染时渲出的却是一级细分后的模型，这样可以提高我们编辑细节时视图的交互速度。 当然，如果你嫌不够直观而你的机器又够强劲的话，完全可以在视图中也用上一级细分直接调节，这个自己决定吧，渲染一张，哇，好光滑的茶杯（如图30所示），可惜没有杯把儿，别急，我们继续。图30
最新发布
谈谈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