推荐阅读
利用Photoshop脚本功能制作清晰的景深风景图
景深，就是清晰的范围。风光摄影，一般都需要从近到远都清晰。静物摄影，一般距离比较近，多用中长焦段和微距镜头。这种情况下，即使使用了一个极小光圈，仍然不能把拍摄物体整体都拍清晰。针对这样问题，飞侠来结合案例，和大家说下如果拍出一张景深极大的作品。案例一：静物拍摄珍珠项链如果打算把这条项链，整体都拍清晰，我们是否可以通过一个小光圈就可以呢?大家来实际看看吧。我使用105mm微距镜，f22的小光圈。可是实际的景深效果呢?只是第一张对焦范围内是比较清晰的，其它二张的前景和远景图片都是模糊的。尽管使用了f22小光圈，拍摄物体还不是全部清晰。而且使用了这么小光圈，会导致画质下降。
Flash鼠绘入门第十课：绘制娇艳郁金香
先来看看相关的素材图片：郁金香图片1郁金香图片2 本课程继续学习绘图工具的使用，颜色的填充调整与搭配。 “博爱、体贴、高雅、富贵、能干聪颖……”人们把美好的语言赋给了郁金香。您是否也想把自己亲手绘制的郁金香留在永远的记忆中？请打开FLASH软件，开始吧... 一、画“花瓣” 1、插入一图形元件名“花瓣1”，用椭圆工具，笔触禁止，画一椭圆大小55*128。用黑箭头选择进行调整，中间加画一条线并调整成如图形状。左右分别填充颜色，放射状色码为：左F0A8B7、中D13F4E、右AB1020，填充后删除笔触。新建图层二，复制粘贴图层一的第1帧，填充线性渐变色：左C9D5D5、右EA6D71 (0%)。如图1：步骤图1
CSS应用基础教程(2) 应用方式
Ｃ Ｓ Ｓ 的 声 明 方 式 这章节将开始为您介绍ＣＳＳ的应用。当然一开始要介绍的是如何去建立个样式表 （Style Sheets），包括了声明的方式和应用在网页上的方法，最後还会为您概述一下ＣＳＳ的一些特性。概略来说，ＣＳＳ的声明有三种方式：一、基本声明：最典型的ＣＳＳ声明方式。 element {property: value} 用中文来表示的话，也就是元件(标签) {性质(属性)名称: 设定值}例如： H3 {COLOR: BLUE} 即为一组声明。二、集体声明：同时声明某个或数个元件(标签)（各元件(标 签)间以逗号分隔）的一组或数组样式规则(性质)（各组规则间以分号分隔）。 元件(标签) {性质(属性)名称1: 设定值1;性质(属性)名称2: 设定值2;... }或是元件A(标签A), 元件B(标签B), 元件C(标签C), ... {性质(属性)名 称1: 设定值1;性质(属性)名称2: 设定值2;...}例如： TD {COLOR: BLUE;font-size: 9pt;}或是TD,P,DIV {COLOR: BLUE;font-size: 9pt; }三、分项声明：将许多样式规则分组再分别声明。 元件A(标签A) {性质(属性)名称1: 设定值1; 性质(属性)名称2: 设定值2; }元件A(标签A) {性质(属性)名称3: 设定值3; 性质(属性)名称4: 设定值4; }例如： TD { COLOR: BLUE; font-size: 9pt}TD { font-family: "标楷体"; line-height: 150%}这样子的声明方式并不会互相抵触，因为所声明的性质是不同的。如果不小心对同样一个性质作了重复的声明，则只有後来声明的设定值才会发生作用。 要附带提一下的是，在您的声明中，只要您的格式正确就会被接受，而不论是大小写、空白或换行都不会对显示的结果 有影响的，您可依自己习惯来编写。 Ｃ Ｓ Ｓ 的 应 用 方 法 接下来要为您介绍的是将所建立的样式表应用在网页上的四种基本方法。一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。 <元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}例如： <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。二、使用STYLE标签： 将样式规则写在<STYLE>...</STYLE>标签之中。 <STYLE TYPE="text/css"><!--样式规则表--> </STYLE>例如： <STYLE TYPE="text/css"><!--BODY { color: BLUE; background: #FFFFCC; font-size: 9pt}TD, P { COLOR: GREEN; font-size: 9pt}--></STYLE>通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD> </HEAD>部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。三、使用 LINK标签： 将样式规则写在.css的样式档案中，再以<LINK>标签引入。 假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入
Maya UV和UV编辑实例系列(4):使用Fix Texture Warp选项
选择NURBS模型，打开属性编辑器，在Texture Map栏中打开Fix Texture Warp选项，可以对纹理的不均匀分布进行修正。而不需要依赖于NURBS表面的UV参数，Grid Div PerSpan U、Grid Div Per Span V、表示U向和V向每跨度的、分割数目，默认数值是4，数值越大纹理分越均匀。 打开Fix Texture Warp选项后，操作视图不能实时显示出来，只有渲染后才能看到。 应用Fix Texture Warp选项后渲染后，与左图相比，纹理虽然有拉伸，但分布相对均匀。 虽然纹理分布均匀，但还是有拉伸，这是应为我们使用的是1：1的纹理贴图，而闹钟壳的NURBS面片长宽比不是1：1。下面进一步调整NURBS模型的纹理，是其比例正确。 在Hypershader窗口中，选择模型的place2dTexture节点，打开属性编辑器，调整Coverage的数值，同时察看渲染视窗的更新效果，使用IPR渲染可快速看到调整结果，直到棋盘格看起来变为正方形为止。 根据IPR渲染结果，判断纹理贴图使用范围，从上面的例子可以看到纹理只使用整个面
最新发布
首次完整小型站点架构的心得体会
http://www.jzfestival.com/你现在看到的是我对近学习标准化网页设计几个月的一个测试结果。这次我力争将内容与样式分离及考虑到尽可能多的重用性，在图片压缩上也花了很大功夫，但最终因为设计稿在制作的过程中没有考虑到的一些原因导致某些图片压缩效果不够理想。不过总体来说我自己对这次的作品还是很满意的，还希望前辈们给我泼泼冷水。以下总结一下这次项目过程中的一些心得：第一，等对整体有个了解后再开始。随说现在的网页设计已渐渐趋向于根据内容及结构出发来设计页面了，但不可否认大部分人还是在根据设计师给我们的的 psd 上去实现的过程中。因此这次对于整个网站框架的设定是等了 3 个页面（首页，分类导读页，内容页）设计稿出来之后才开始的，这样能在对整个网站有更全面些了解的基础上去考虑问题。第二，在对图片进行压缩的过程中有些小技巧的发现。对于色彩使用不多，渐变较少的图片压缩时，可以尽量选择 png8 的方式进行导出，当然在使用的颜色模式上根据具体效果进行调整，你会发现文件大小会比同等效果的 gif 小很多。然后就是对于透明 gif 及 png 图片的导出，往往会出现锯齿，特别是文字，这个时候可以尝试两种方式：1.如果欲导出的图片在要使用的地方背景是单色的或者颜色不多变，可以在导出的时候在杂边处选择和背景一样的颜色即可，通畅会好很多。2:如果导出后的图片是要用在背景色变化比较大的背景图片上面时，你可以考虑给图片加上一像素的阴影，这样即可防止锯齿的出现。第三，对于多出使用的一些背景图片，最好能在同一张大图上进行制作，然后通过 background-position 属性来定位到要使用的背景位置，这样第一可以防止鼠标滑动效果时可能因为网速问题导致的短暂空白现象，第二可以很方便的对网页整体效果进行调整，只要对这张背景图集合图片进行如饱和度等下调整即可改编整个网站的风格，减低了改版成本。第四，在对下属无指定样式的标记进行样式设定时进行段落缩进。这点也可能是因为做程序员的原因，感觉这个方法能更清晰的了解整个样式代码。这个问题大家看看图就会明白了。div.box_top { background-position:top right; padding:4px 0 0 4px;} div.box_top h2 { background-position:top left; margin:0; padding:0; }div.box_inner { background-position:bottom left; margin-right:4px; padding:0 0 4px 4px;} div.box_inner dl { border:1px solid #cad3e2; } div.box_inner dl dt { position:relative; background:url(../images/bg_common.png) repeat-x 0 -20px; font-size:12px; height:25px; line-height:1.8em; padding:0 10px 0 18px; color:#666; } div.box_inner dl dt em { position:absolute; top:-2px; right:10px; font-style:normal; font-size:9px; } div.box_inner dl dt span { color:#c00; } div.box_inner dl dt span a{ color:#c00; } div.box_inner dl dd { clear:both; padding:8px 10px 5px; font-size:12px; }是不是这样的 CSS 样式更能让你读懂呢，个人非常喜欢这样的编码习惯，虽然会损失一点点压缩效果，但相对以后麻烦的维护工作来，不觉得“性价比”很高吗？
网页中各度量单位的比较
作者相关：http://www.cnbruce.com/blog/在网页中对网页元素的大小修饰除了数值大小外，还有就是度量单位的选择了。不同的度量单位会有哪些不同的效果呢？首先先了解下各类单位及说明。像素（px）根据显示器的分辨率来确定长度，在web应用中多采用该单位；点数（pt）根据windows系统定义的字号大小来确定长度；英寸（in）、厘米（cm）和毫米（mm）根据显示的实际尺寸来确定长度。此类单位不随显示器分辨率的改变而改变；12pt字（pc）即windows系统定义的12字号大小为单位(1pc=12pt)。该单位前输入的数字表示字号大小的倍数。如{font-size: 2pc;}表示文字大小为24pt；以上单位均为定值，改变浏览器中浏览文字大小不会对应用这些单位的文字产生变化。字体高（em）表示当前文本的尺寸。如{font-size:2em}是指文字大小为原来的2倍；字体x的高（ex）表示当前字母“x”的高度；%是以当前文本的百分比定义尺寸。如{font-size:200%}是指文字大小为原来的2倍；
网页设计文字大小相关的四种设置方法
一、长度单位 长度单位分为两种，一种是相对长度，另一种是绝对长度。 以下为三种相对长度单位： ◆ em 相对于父对象的大小 ◆ ex 相对于特定字体中的字母x的高度 ◆ px 相对于特定设备的分辨率，这是最最常用的单位，也是我们一直坚守的单位。从技术角度来说，px像素其实是一种相对大小的度量单位，它于特定设备的显示或打印的分辨率有关。例如，一个像素在被显示在计算机屏幕上与被打印在纸张上的大小是不同的。 以下为五种绝对长度单位： 绝对长度单位在打印时或在屏幕显示设备的物理尺寸已知时才比较有用。 ◆ in 英寸 ◆ cm 厘米 ◆ mm 毫米 ◆ pt 点 ◆ pc 12点活字二、相对大小的关键字 相对大小的关键字只有两个值： ◆ larger ◆ smaller
web标准概念入门
注：本文是应Alan邀请为《CSS布局实录》写的一个web标准入门指导。书已经上市近一年了，现在摘选出来，给初学者一个参考。希望了解更多实现技术的可以购买原书。 "我的工资卡是交通银行的，但我经常在我家楼下的工商银行提款机上取款；我是上海人，我用普通话可以和广州的同学进行交流；今天水龙头坏了，我去水暖商店买了一个新的换上；我去法国旅游，通知我法国的朋友在北京时间15:30分来接我。" 生活中每天都发生类似的事情，这样的事情似乎再正常不过的了，并没有什么特别之处。但是，你有没有想过： 为什么所有银行卡的大小都是一样的尺寸？为什么我用普通话就能和广州同学交流？为什么买来的新水龙头的螺口正好与老的水管能接上？为什么法国朋友不会接错时间？ 对于日常的很多事情，我们并没有注意到这背后都有着一个隐藏的“因素”在起作用，这个因素就是：标准。 有了“银行卡的标准”，你就不用担心不同银行的卡大小不一样，所有提款机的入卡口都一样；有了“普通话标准”，全国人民可以方便的进行语言交流；有了“螺口的工业标准”，你买个6分的水龙头就绝对可以可6分的水管接上；有了“格林威治标准时间”，全世界的人们都不会接错班机时间。 生活中各行各业都有着自己相应的标准与规范，标准可以方便交流、促进协作、提高效率。 对于IT行业，设备的多样性与信息的多样性更加需要标准来保证它们之间的沟通与协作。我们可能在手机、打印机、数码相机之间交互数据；我们可能在网站、邮件和办公软件之间传递信息；我们可能要在未来新设备（例如机顶盒、信息家电）中应用现有资源。如果没有统一的标准，那么现在所有的信息都是孤立的、不可分享、不可重用的；我们需要浪费大量的人力物力重新为新设备建立数据；我们需要为每一次的多系统应用做专门的开发。 好在我们已经找到了解决的方案，这就是---XML。 XML简单说就是一种“有规定格式的文档”，只要我们的设备或系统产生的数据都遵守这种格式，就可以实现互相的数据交换、分享与协作。
IE地址栏显示网站图标三步走
时下，个性ico图标却成为一些主流大牌网站提高用户体验（UE）的一个“时髦”玩法，那么，是如何在IE地址栏显示出网站的个性图标的呢？ 常浏览网站的你，是否注意到打开一些网站时，IE地址栏会显示一些网站的小图标呢？传统的IE地址栏的图标都是“e”字标，而时下，个性ico图标却成为一些主流大牌网站提高用户体验（UE）的一个“时髦”玩法，那么，是如何在IE地址栏显示出网站的个性图标的呢？ 首先你必须制作一个ico图标，并把它命名为“favicon.ico”，把它传到你的网站目录下面。 中国站长.站 然后，在想展现该个性图标的页面代码head部分中，添加一段描述代码，比如国家教育网的head中<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />，就是控制个性图标的描述代码。 Chinaz.com 这样就完成了设置，那么如何制作ico图标呢？有两种方法： 一是针对不懂设计的朋友来说，可以使用在线生成工具 。
关闭网页中广告条的方法
在FLASH广告条中加入关闭的按钮只要在按钮上加入quit退出的命令即可。 现在在FLASH PLAYER中点击退出即可关闭FLASH PLAYER，但在网页中却不可以退出。在网页中要想直接实现退出是不可能的，不过我们可以利用层的隐藏属性来实现。具体插入层的方法这里就不多说，看看下面的代码吧。 <div id="right" style="position: absolute; visibility:z-index; left: 679px; top: 14px;"> <EMBED src="100250.swf" quality=high PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" TYPE="application/x-shockwave-flash" WIDTH="100" HEIGHT="300" id="ad" wmode=opaque></EMBED></div> <SCRIPT FOR="ad" EVENT="FSCommand()" LANGUAGE="JavaScript">right.style.visibility="hidden";//设置id为right的样式属性中的可见为隐藏，hidden改为visible即可显示</script>
优秀的社区软件Discuz!之NT版本教程
说起Discuz!NT，就不得不先提起同为COMSENZ旗下的另一款引领国内社区论坛软件市场的权威产品Discuz!。Discuz! 拥有六年发展历史，全球用户超过三十万。其代码质量、运行效率、负载能力、安全等级、功能可操控性和权限严密性等方面都在广大用户中有良好的口碑。 Discuz!NT借鉴了Discuz!的丰富开发经验，并且继承了Discuz!的优良血统，与之一脉相承。下面让我们来看看Discuz!NT传承了Discuz!PHP哪些领先优势吧。 性能： Discuz!系列产品的传统优势之一就是优秀的负载能力，能够轻松应付如落伍者、55bbs、BT之家等大型论坛的超大访问量，万人在线，轻松自如。 Discuz!NT很好的继承了Discuz!的高负载特性。产品研发伊始便仿照Discuz!在数据库设计中所采用的分表策略，避免帖子表过大造成的检索缓慢，同时参照了Discuz!成功的缓存策略，大大增强服务器负载能力，而且与Discuz!一样采用多线程异步处理邮件发送和短消息群发，提高了论坛信息的发送效率。应该说，Discuz!NT与生俱来就是个“大力士”，是一个性能优越的高效论坛程序。 功能： Discuz!绝大多数站长关心的功能，Discuz!NT都直接传承或者借鉴引用。具体如下： 1、Discuz!NT提供了丰富的逻辑结构(分支、循环)，语法简洁灵活，拥有和Discuz!一样优秀的模版方案。新手只需要了解简单html和CSS，就可以自定义模版风格。同时特别为高级用户提供了强大的模版设计机制，百变风格，皆出您手。 2、延用了Discuz!强大的广告管理系统，Discuz!NT第一个版本就具有头部横幅、尾部横幅、页内文字、帖内、浮动、对联、六种广告布局模式，并且支持代码、文字、图片、flash四种内容形式。这大大方便了站长发布与管理广告，让访问量变成真实收益。 3、Discuz!NT在参考了Discuz!传统的板块分类策略基础之上，利用自身的特点首次实现了无限级板块分类，极大的方便了站长划分内容;无限级子版横排，减少页面面积，清晰展现多级内容。
Discuz!5.5 JS的调用
一、开启JS调用：系统设置--基本设置--JS调用--启用JS调用(如图1)图一 在此可以设置的参数有3个：JS数据缓存时间、JS日期格式、JS来路限制 二、打开JS调用的设置：系统设置--系统工具--JS调用向导--选择调用的内容(如图2)图二 这里可选择的调用内容有：主题列表、论坛列表、会员排行、论坛统计、附件图片调用以及自定义JS调用。 本教程以调用“主题列表”为例说明。 [node]{prefix} 主题：{subject}所在论坛：{forum} 主题作者：{author} 发布时间：{dateline}[/node] 其中：“{prefix} 主题：{subject}所在论坛：{forum} 主题作者：{author} 发布时间：{dateline}”这一段是单条数据的模板，使用[node][/node]将模板封装，然后在外加入...设置数据的显示颜色。 简单地讲：[node][/node]就是将模板封装。 三、点击“主题列表”进行设置，(如图3和图4)。
用ASP动态生成JS的表单验证代码
这两种方式都有其优缺点，比如第1种方式速度比较快，而且通常使用警告框的方式，用户能够很快的根据提示完成表单的填写，但是缺点就是用户的浏览器必须是支持JavaScript脚本的，再不然如果他关闭了JavaScript，那就!@#$%&^*（小田已经倒在地上了^_^）；而第2种方式的兼容性比较好，但是缺点是速度比较慢（提交到服务端，在返回）而且使用也不方便。这次主要是用JavaScript的方法来验证，当然，如果同时用２种方式来验证是最保险了，不过（汗…………）要累死我们这些程序员了：） 上面解释了表单验证的２中方式，下面就具体来讲讲动态生成JavaScript的概念。为什么要动态生成呢？因为这种客户端的验证代码是很烦琐的，如果每次都要自己编写真是累啊！用惯DW(Dreamweaver)或UD的朋友可能通常使用表单验证的插件，使用后生成的代码也没有艺术感，而且很多是用不到的（代码冗余）。小田要讲的是，生成完全符合表单情况的代码。 声明：小田对JavaScript并不精通，这里只是想谈谈动态生成的方法，JS的高手完全可以自己改。 那么我们开始喽。 1、我们先来看看一段简单的JavaScript的验证代码： 这段代码是验证表单form1的name表单项，必须填写内容。这里就有几个关键的部分：表单域名称、表单项名称、判断语句；这些就是我们下面编写ASP函数的关键了。 2、如何生成JavaScript代码。最简单的，就是用Response.Write输出了，比如把上面代码输出就可以是：
精简Flash文件体积的几个小技巧
1、尽量减少文字的叙述。 2、应尽量把图画转为“电影剪切”或“图形”。 3、导入的图片格式最好是*.jpg或*.gif图片格式。 4、如果需要导入音乐文件，最好是*.MP3，这样你的源代码不会太大。 5、导入音乐后，在它的属性设置里去掉“使用文件默认品质”，然后，在它的品质设置如下：“压缩”选择MP3;“位比率”选择16Kbps;“品质”选择快速。如此设置之后，3MB的MP3输出后不足500KB，音质只有少量的损失，这样也可以算是音乐DIY吧! 6、如果非特殊需要，就不要把图片“打碎”，应该尽量在图片帧中进行。 7、不要在同一帧放置过多的“电影剪切”，否则可能使你的*.SFW成倍增肥。 以上几个小技巧希望对各位朋友有所帮助!，如果有疏漏的地方还请各位指正。