推荐阅读
3DsMax制作“被束缚的花儿”实例教程
在这个教程中，我将告诉你们我是怎样制作这幅图片的，但我我不会按照细节一步一步地来说，我相信你们对3Ds Max都有基本的了解。这篇教程主要解释和描述有关建模、光照、纹理贴图和后期场景的制作等等，我一般都是按着这样的顺序来制作的，我觉得在现有的灯照下，这样做会使材料的设置更简单，因为我发现在材料编辑器中和在场景灯光下材料看起来的感觉是不一样的。可能这并不是最优方式，但是的确很适合我，我觉得你们也应该试着去找一种适合自己最好的方法，只有这样你才能提高你的工作效率。3DsMax制作“被束缚的花儿”作者：Nenad Tomic使用软件：3Ds Max不多说了，进入正题吧：场景中的几何体都是非常简单的。锁链：锁链只是用网格平滑建立的网格，制作中真的没有太多复杂的哲学概念。为了能把锁链放在我希望的位置中，我手动地将每一独立的链环进行位置设定，直到得到满意的结果。这样一来我可以轻松地创建一定的随机性以促成了一个感觉更真实的锁链，我也使用了路径变形插件，但我发现它不适合我当前的需要，因为它会让锁链弯曲，使它们产生曲线，这种曲线会导致一个不自然的效果。叶子和花瓣：
ps正片叠底图片就颜色变暗,如何恢复原色提亮
图片的混合，在ps设计中经常会被用到，正片叠底的使用更为频繁，那么正片叠底较为熟知的功能，就是自动去除白色背景，免去抠图的步骤，提高设计效率，不过也会有弊端，如果背景图偏暗，那么正片叠底的图片也会变暗，如何把图片的亮度提高或者还原，且看下面的图文教程。 1、ps软件打开背景图，以及一张白色背景的人像，人像图片需要使用正片叠底来完成背景的去除， 2、可以看到设置为正片叠底之后，人像的上半部分，处于背景图的亮部区域，相对而言，其原有亮度损失不大，但处与背景图暗部区域的下半端，明显变暗了，由此可见，想要把人像变暗的部分提亮，只需要把对应的背景区域提亮， 3、笔者使用的方法是，在背景图上面添加一个透明图层，切换至画笔工具，前景色设置为白色，更换柔边的笔刷，硬度为0，顶端的【不透明度】选项，可以酌情调整， 4、选中空白图层，画笔放在人像上进行绘制，注意不要超过人像边缘，可以看到人像提亮了， 5、对于想要提亮的区域，可以反复绘制，最后调整图层的【不透明度】，达到理想效果即可。 6、对比一下提亮前和提亮后，效果还是非常明显的，只需要控制好笔刷以及不透明度，就可以把正片叠底的图片提亮， 以上方法的原理也比较简单，正片叠底后的效果，与背景图的明暗有关系，添加一个图层绘制白色区域，也就相当于提亮了该部分的背景图，进而还原了图片的亮度。
在 Dreamweaver 中打开并编辑现有文档
您可以打开现有网页或基于文本的文档（不论是否是用 Dreamweaver 创建的），然后在“设计”视图或“代码”视图中对其进行编辑。 如果打开的文档是一个另存为 HTML 文档的 Microsoft Word 文件，则可以使用“清理 Word 生成的 HTML”命令来清除 Word 插入到 HTML 文件中的无关标记标签。若要清理不是由 Microsoft Word 生成的 HTML 或 XHTML，请使用“清理 HTML”命令。也可以打开非 HTML 文本文件，如 JavaScript 文件、XML 文件、CSS 样式表或用字处理程序或文本编辑器保存的文本文件。将在“文档”窗口中打开文档。默认情况下，在“代码”视图中打开 JavaScript、文本和 CSS 样式表。可以在 Dreamweaver 中工作时更新文档，然后保存文件中的更改。
利用Key对象来实现响应键盘的操作
利用按钮检测按键动作很有效，但是并不利于检测持续按下的键，所以不适合于制作某些通过键盘控制的游戏。这时，您就需要用到Key对象。Key对象包含在动作面板的“对象”/“影片”目录下面，它由Flash内置的一系列方法、常量和函数构成。使用Key对象可以检测某个键是否被按下，如要检测左方向键是否被按下，可以使用如下ActionScript：if (Key.isDown(Key.LEFT)) { trace("The left arrow is down");} 函数Key.isDown返回一个布尔值，当该数中的参数对应的键被按下时返回true，否则返回false。常量Key.LEFT代表键盘上的左方向键。当左方向键被按下时，该函数返回true。Key对象中的常量代表了键盘上相应的键，下面列出了一些基本的常量：一些功能键的表示：Key.BACKSPACE Key.ENTER Key.PGDN Key.CAPSLOCK Key.ESCAPE Key.RIGHT Key.CONTROL Key.HOME Key.SHIFT Key.DELETEKEY Key.INSERT Key.SPACE Key.DOWN Key.LEFT Key.TAB Key.END Key.PGUP Key.UP 以上是键盘上的功能键，那么如何表示键盘上的字母键呢？Key对象提供了一个函数Key.getCode来实现这一功能，如下所示：if (Key.isDown(Key.getCode("x"))) { trace("X is pressed");} 上面脚本的意思就是，利用Key.getCode函数来告诉系统你是否按下了x键，如果按下了x键以后，函数Key.isDown则会返回true,在输出窗口就会输出X is pressed。最后给出实例源文件：下载
最新发布
平面设计理论:创造视觉冲击力作品
译者的话】 无论是什么设计，首先是它必须能够引起别人的注意，也意味着它必须有某种视觉冲击力，否则没有人会有耐性看下去。本文从几个因素来讨论如何通过从尺寸变化、颜色运用及对比来使你的设计给人留下深刻的印象。本文共两页。一个平面设计主要有三种目的：要达到前面两种目的，最好的办法就是视觉冲击力。你的设计及版面会决定别人观看你的作品时间的长短，只有别人的注意力在你的作品中停留的时间较长，信息才能有效沟通。如果你的作品不能引起别人的注意，其它一切都是无意义的。字体、图片及各种设计元素的尺寸决定了你的作品是否具有冲击力。尺寸的使用技巧就是我们必须在设计中产生强对比。如果一个元素仅仅比其它元素大一点，并不会有什么效果出来。 在下面这个设计中，图片及标题的尺寸是这个设计中具有冲击力的一个决定元素。部分标题文字尺寸较小，使我们在对比中能够更直观感觉大的元素。 时钟的图片通过剪切后作为背景，而且放得很大，而没有剪切的时钟图片则放在前面，这种设计比简单地放上一个时钟的效果要好很多。记住，当我们对一件大家都熟悉的物品进行剪切时，人们在观看时会在脑海里将被剪切掉的部分自己补充上，这种视觉惯性对于我们设计来说是一个有利的因素，使我们可以设计出一些“看不见的空间”。虽然只是一个黑白设计，但冲击力非常强烈。很显然，下面的设计中插图非常简洁，而且插图元素非常大，虽然仅是一个黑白的低预算设计，但却非常吸引人的视线。
了解如何减少 reflow 次数
浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow。由于 reflow 是一种浏览器中的用户拦截（user-blocking）操作，所以了解如何减少 reflow 次数，及不同的文档属性（DOM 层级（DOM depth），CSS 效率，不用类型的 style 变化）对 reflow 次数的影响对开发者来说非常必要。有时 reflow 页面中的一个元素会 reflow 它的父元素（译注：这里是复数）以及所有子元素。有多种用户操作和 DHTML 变化可能会触发 reflow。调整浏览器窗口的大小，用 javascript 计算样式（computed styles），在 DOM 中创建删除元素，改变元素的 class 都会触发 reflow。值得注意的是，有些操作会多次触发 reflow，超出你的想象。下图源自 Steve Souders 的演讲 "Even Faster Web Sites"：从上表可以很明显的看出，在所有浏览器中并非所有 javascript 控制的样式都触发 reflow，即使触发了触发的次数也不尽相同。同时可以看出现代浏览器在控制 reflow 次数方面做的越来越好。在 Google，我们通过多种方式对我们的页面及 Web 应用测速，同时 reflow 是我们增加 UI 时考虑的一个关键因素。我们致力于传达轻快的（lively），交互性强的（interactive）和令人愉悦的（delightful）的用户体验。原则下面是一些减小 reflow 的原则：在下面的视频中（译注：引用自 youtube，无法观看，请到原文*），Lindsey 介绍了一些减少 reflow 的方法。延伸阅读
网页设计师如何应对客户无理要求
作为一个网页设计师，最头痛的事情是碰上“你不明白我的意思”这样的客户。这篇文章谈谈客户无理要求令网页设计师头疼的七大问题。当然并不会仅仅是发现这些常见的问题，我们将还会与大家分享如何避免这类问题的产生并向顾客解释清楚为什么无法满足他们的要求。最难应付的问题之一就是客户没有充分意识到你即将向他提供服务的价值。网页设计师也要谋生，如果项目的报酬太低，大多数情况下还是算了，因为这种低报酬的项目还会让你失去其它机会。如何应对 如果说你正要寻找更多的客户，那么积极做出回应也无妨，但是如果你有相当多的工作要做，还是考虑推掉这种项目。虽然关于项目的价格最终达成一致可能需要一点时间，一开始这么回复比较有帮助：“我最低时薪为$XX小时，如果你有兴趣，我很乐意给你一个更详细的报价。”如果他们对你比较感兴趣的话，他们可能会回复，如果没有回复的话，不要试图依靠调整时薪来获取这个用户，这是不明智的。还是等待更好的时机，花更多的时间和精力在你现有的客户身上。有些客户甚至可能还会进一步压低我们的报酬，说诸如“我儿子说只要50美元就可以做了，我只是打算找些更专业的人罢了，不过看起来好像太贵了，就算是专业人士也不值这个价。”碰到这种情况，一定要保持镇静同时显示出你的专业性，跟客户解释清楚专业网站设计师与业余设计师是有区别的。这类型的客户通常会是需要把工作外包的专业人士，也可能是一些业余的设计师却自认为自己达到了专业网页设计师的水准。他们的心态往往是这样的，”这 种工作我也可以做，不需要花费太多钱”。 除此之外，这类客户似乎知道如何把所有的事情做好，有点霸道或者无法放手发挥你的创造性。如何应对
HTML的sub,sup标签制作电子商务网站中的价格
HTML的sub,sup标签制作电子商务网站中的产品价格标签。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>html中的sub与sup标签</title> </head> <style type="text/css"> body { font:12px/1.8 Tahoma} span.price { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; color:red;} span.price sub { vertical-align:baseline; font-size:12px;} span.price sup { vertical-align:text-bottom; color:#555} </style> <body> <span class="price"><sup>￥</sup>43.<sub>26</sub></span> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
让IE支持HTML5办法
HTML5预计是在2022年发布，但我认为它距离我们并不是那么遥远，因为在html5gallery就例举了大量正在使用HTML5的站点，当然包括本人BLOG在内。关于HTML5不得不提IE，在苹果、Google、Opera和Mozilla等主流浏览器厂商积极参与新版本HTML标准的制定和推广时，微软却对HTML 5规范不屑一顾。然而微软近期才表态要在IE中支持HTML 5，以致到今天为止的IE8及以下是无法支持HTML5标签的。但在sitepoint找到了让IE支持HTML5办法。以下是在的IE 8显示的例子,未作处理前：让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE在对象中创建对应的节点。<!--[if IE]> <script> document.createElement("header"); document.createElement("footer"); document.createElement("nav"); document.createElement("article"); document.createElement("section"); </script> <![endif]--> 添加以上代码后，在IE8中显示的效果如下：sitepoint例子中创建节点的JavaScript代码似乎过于臃肿，在smashingmagazine提供的代码似乎更简洁。Demo：http://blog.gulu77.com/demo/200908/html5_demo3.html<!--[if IE]> <script> (function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createElement(e[i])}})() </script> <![endif]--> HTML5在默认情况下表现为内联元素，对这些元素进行布局我们需要利用CSS手工把它们转为块状元素，如下例：
IE9关键字:硬件渲染,新的JS引擎,CSS,标准
虽然IE6在依然是很重要的钉子户，但是我们不能放弃关注未来ie的变化。IE9 的几个关键字： 硬件渲染，新的JS引擎，CSS，标准大家期待已久的圆角也将支持了不过这里最让大家期待的是硬件渲染的支持。这可以让浏览器性能提高一个很高的档次。关于新的脚本引擎可以用下图来说明，这个测试是用著名的SunSpider来测试的更多信息可以从官方博客得到 :P
网页制作掌握的最常用的HTML标记
一、HTML常用标签的优化对于html，应该是网络编辑的基本技能，不熟悉是说不过的。作为网络编辑，所有的SEO参数没有必要全部掌握，但HTML基本标签中相关SEO的东西，大家有必要了解一下。 <html><head><title>页面标题</title><meta http-equiv=Content-Language content=zh-cn><meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”><meta name=“keywords” content=“关键词”><meta name=“description” content=“网页描述”>
网页设计教程:TabIndex元素
TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。 做过表单或者填写过表单的人都会发现，使用Tab键可以逐一获得每个input的焦点。这个东东其实也是可以修改的，比如不想被获取，或者改变被获取的顺序。 在填写表单的时候（注册登录或其它），有很多用户都是不通过鼠标，而直接按Tab键跳到下一个文本框的，等到所有的东东都填好，然后是提交，这是一个非常好和方便的功能。我个人的习惯是，在填写完所有的东西时，提交一般都是用鼠标去点击提交按钮的，而且不希望Tab会使焦点跳到button上面，但我很少发现有使用Tab不会跳到button上的，不知道是不是个人习惯太BT了-_-!!! 如果不想某个东东被获取焦点，可以tabindex=-x，让tabindex的值为负，这样的话Tab就会直接跳过。下面用一个简单的表单做例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <title>TabIndex是干什么滴</title> <style type="text/css"> html,body { font:14px/200% Georgia, Verdana, Arial, "宋体"; } </style> </head> <body> <form method="post" action="#"> <p><label for="t1">The first pressing Tab to set focus to textbox </label><input type="text" id="t1" tabindex="1" /></p> <p><label for="t2">The Second pressing Tab to set focus to textbox </label><input type="text" id="t2" tabindex="2" /></p> <p><label for="t3">The Third pressing Tab to set focus to textbox </label><input type="text" id="t3" tabindex="3" /></p> <p>Press Tab, Not focusing to textbox <input type="submit" id="t4" tabindex="-1" value="SendInfo" /></p> </form> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]<form method="post" action="#"> <p><label for="t1">The first pressing Tab to set focus to textbox </label><input type="text" id="t1" tabindex="1" /></p> <p><label for="t2">The Second pressing Tab to set focus to textbox </label><input type="text" id="t2" tabindex="2" /></p> <p><label for="t3">The Third pressing Tab to set focus to textbox </label><input type="text" id="t3" tabindex="3" /></p> <p>Press Tab, Not focusing to textbox <input type="submit" id="t4" tabindex="-1" value="SendInfo" /></p></form> 使用Tab键，获取焦点的顺序就是通过tabindex的值大小来排序的。上面的例子依次获得焦点的是t1, t2, t3, 到t4的时候，由于TabIndex的值为-1，所以t4不会获得焦点，而是直接跳到下一个获取焦点的元素上。 t1, t2, t3, t4的TabIndex值可以根据实际需求任意更改，Tab焦点根据值由小到大被获得。 TabIndex就是用来做这些滴。。。
网页制作教程:TD也可以溢出隐藏显示
或许我这篇文章一取这样的名字，就会有人要问了：你怎么还在关注table啊，那早就过时了…赶紧Xhtml…div好…ul好…ol好…dl好…完了，不知道还有什么好了。 table真的过时了么？你真的了解table么？你真的会用table么？ 打口水仗不是我们要做的，留给那些时间很充裕的人吧。 言归正传： 不记得是什么时候，有人在用table模拟DataGrid的时候说，为什么td超出设置为固定宽度的文字不能隐藏，而是会直接换行呢？ 是的，事实确实如此，如：<style type="text/css">table {width:500px;table-layout:fixed;}.col1 {width:100px;}.col2 {width:200px;}.col3 {width:200px;}td {white-space:nowrap;overflow:hidden;}</style><table border="1" cellspacing="0" summary="回头来看看Table：TD也玩overflow:hidden"> <tr> <td class="col1">神舟 优雅Q400N</td> <td class="col2">优雅Q400N，采用Intel Core2 Duo(Merom) T5450(1.66G)处理器</td> <td class="col3">迅驰4平台，突出的性价比，漂亮的外观</td> </tr></table> 运行如上代码，你会发现单元格里超过固定宽度的文字不会被隐藏掉，而是换行显示了，显然，这并不是我的本意。 看起来，这似乎是table的一个特性，它不能很好的支持{width:*px;white-space:nowrap;overflow:hidden;}的组合，说到底就是white-space:nowrap这个东东没起作用，所以看起来overflow:hidden就失效了。{注：如果是一连串的无意义字符则可生效，例如：<td class="col1">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>，这个时候就不需要{white-space:nowrap}来强制它在一行内显示，因为这一连串的a会被认定为是一个字而不发生换行，从而超出.col1宽度的a会被隐藏} ［解决方案一：］
网页页面实现自动刷新的3种代码
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。1.页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.2.页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.poluoluo.com">,其中20指隔20秒后跳转到http://www.poluoluo.com页面3.页面自动刷新js版<script language="JavaScript">function myrefresh(){ window.location.reload();}setTimeout('myrefresh()',1000); //指定1秒刷新一次</script>