推荐阅读
3DMAX灯光阵列光能传递渲染玻璃卫生间教程
这篇教程教大家用3ds Max渲染卫生间效果图，教程难度中等。需要学习者具备一定的3ds Max渲染知识。同时也希望大家通过这篇教程能更好的掌握3ds Max渲染技巧。先来看看最终的效果图：第一步当然还是模拟室外的光线，参数和位置如图。我的机器是老爷机，要适当控制一下灯的数量。不过如果想追求更细腻的效果，就增加这类灯的数量吧，这样的话阴影的效果会很细腻。我模拟的是日照比较足的时候的光线，所以只要有些微蓝的光就可以了。接下来要模拟光照进来的漫反射，同样分成两组，一来是为了有冷暖的变化，二来是为了强弱的变化。上面的一组泛光灯强度适当大些，一样用蓝光。下面一组是黄色的，强度小些，这样能增强光从上面玻璃照射进来的效果。把这两组光复制成另两组，往里面移动些，不过把光的强度降低，造成光能衰减的效果。现在渲染就是这张图的样子了。本人觉得在模拟漫反射的时候可以尽量少用些灯，但增大灯的范围，这样模拟出来的效果会使墙面比较干净，不会产生一块块的光斑。而且也增加了机器的渲染速度，但太过节省不是好事，灯太少了就得不到很好的阴影效果，没有全局光照的感觉。
利用高反差保留、通道计算和锐化工具等去除人像面部皱纹
最终效果原图一、打开原图，观察通道，寻找皮肤皱纹较为强烈的通道。选择这个通道是为了方便我们以后更好的将皱纹部分选取出来。二、复制蓝通道，得到蓝副本，对其执行滤镜高反差保留。这一步的数据很重要，数据大小决定了选择区域，要将皱纹很好的体现出来，不宜过高也不宜过低。三、用画笔将我们不想选择的区域用相近的颜色涂出来。
Puzzle Pro 2.0 经典图例解析（三）
在AV Bros网站的演示图片中，有一些很抢眼的，如Gallery A-5《Clew 》、Gallery B-3《Logo in the clew》、Gallery C-1《Clewed logo》、Gallery C-3《Draw Mode. Example 1 》、Gallery C-6《Incurved grid 》和Gallery D-4《Draw Mode. Example 2》。这当然也是Puzzle Pro 2.0的得意之作（得意的程度简直近乎炫耀了！）。这种乱中有序的效果用寻常的方法很难实现，但看看图片Gallery A-5下面的说明——“although, not a puzzle, but made with Puzzle”，想一想，除了拼块，Puzzle Pro 2.0还能为我们提供什么？于是在第一眼的惊艳过后，只要细细推敲，不难发现其中的奥秘。如果你能想到载入选区和“Apply［Draw Splitter］”这两个命令的话，那么你就成功了百分之九十。（图Gallery-18、Gallery-19、Gallery-20） 图Gallery-18 图Gallery-19 图Gallery-20 我们来选择一个稍微清爽一些的图像来观察，这样就不至于被繁杂的图像所蒙蔽。可以看到，图像中没有别的特效，只有一些纷乱的线条。至于图像形状，可以是我们所设定的任意选区。下面我们就来试着仿制一幅。 1.新建一个图像文件，随意设置文档的背景。为了滤镜中选区范围的精确，可以将图像设的大一些，如这幅图像的大小为800×600像素，72像素／英寸。然后选择选区，我所采用了是文字的轮廓，选择合适的字体、大小，用文本工具写上文字。本例中采用的字体名为“Forte MT”，字型为Regular，大小为600，平滑字体边缘，至于对文字的微调，这里就不再叙述了。（图sample10-1） 图sample10-1 2.按住Ctrl，点击文字层，载入文字的选区。转入通道面板，点击面板下面的“将选区储存为通道”按纽，将选区保存为通道Alpha 1，取消选择。回到图层面板，删除文字层。
后缀是.shtml的网页文件你知道是什么意思吗？
首先介绍一下html与htm 关于HTML，HTML(HyperTextMark-upLanguage)即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 关于HTM，实际上HTM与HTML没有本质意义的区别，只是为了满足DOS仅能识别8+3的文件名而已，因为一些老的系统(win32)不能识别四位文件名，所以某些网页服务器要求index.html最后一个l不能省略。MSIE能自动识别和打开这些文件，但编写网页地址的时候必须是完全对应的，也就是说index.htm和index.html是两个不同的文件，对应着不同的地址。值得一提的是UNIX系统中对大小写敏感，不吻合的话就可能报没有文件或者找不到文件。 其次介绍一下shtml和shtm 关于shtml，shtml是一种基于SSI技术的文件，也就是Server Side Include--SSI 服务器端包含指令，一些Web Server如果有SSI功能的话就会对shtml文件特殊招待，服务器会先扫一次shtml文件看没有特殊的SSI指令存在，如果有的话就按Web Server设定规则解释SSI指令，解释完后跟一般html一起调去客户端。 关于shtm，shtm与shtml的关系和htm与html的关系大致相似，这里就不多说了。 html或htm与shtml或shtm的关系是什么 html或者htm是一种静态的页面格式，也就是说不需要服务器解析其中的脚本，或者说里面没有服务器端执行的脚本，而shtml或者shtm由于它基于SSI技术，当有服务器端可执行脚本时被当作一种动态编程语言来看待，就如asp、jsp或者php一样。当shtml或者shtm中不包含服务器端可执行脚本时其作用和html或者htm是一样的。
最新发布
在Dreamweaver中创建和管理收藏资源列表
将资源添加到收藏列表 请执行下列操作之一： 在“资源”面板的“站点”列表中选择一个或多个资源，然后单击“添加到收藏夹”按钮 。 在“资源”面板的“站点”列表中选择一个或多个资源，右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh)，然后选择“添加到收藏夹”。 在“文件”面板中选择一个或多个文件，右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh)，然后选择“添加到收藏夹”。Dreamweaver 会忽略在“资源”面板中没有对应类别的文件。 右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh)“文档”窗口的“设计”视图中的一个元素，然后选择上下文菜单命令将该元素添加到“收藏”类别。 文本的上下文菜单中包含“添加到颜色收藏夹”或“添加到 URL 收藏夹”菜单项，具体取决于文本是否附加有链接。只能添加与“资源”面板中的某个类别相匹配的那些元素。将新颜色或 URL 添加到收藏列表 在“资源”面板中，选择“颜色”或“URL”类别。 选择面板顶部的“收藏”选项。 单击“新建颜色”或“新建 URL”按钮 。 请执行下列操作之一： 使用颜色选择器选择一种颜色，然后根据需要为该颜色指定一个别名。 若要在不选择颜色的情况下关闭颜色选择器，请按 Esc 或单击颜色选择器顶部的灰色条。 在“添加 URL”对话框中输入 URL 以及别名，然后单击“确定”。 从收藏列表删除资源 在“资源”面板的顶部选择“收藏”选项。 在“收藏”列表中选择一个或多个资源（或一个文件夹）。 单击“从收藏中删除”按钮 。 资源将从“收藏”列表中删除，但“站点”列表中仍会保留这些资源。如果删除某个“收藏夹”，则该文件夹及其包含的所有内容都会一同删除。 为收藏资源创建别名 只能在“收藏”列表中为资源指定别名（例如，指定 PageBackgroundColor，而不是 #999900）。“站点”列表保留其实际文件名（对于颜色和 URL，则保留实际值）。 在“资源”面板（“窗口”>“资源”）中，选择包含您的资源的类别。 选择面板顶部的“收藏”选项。 请执行下列操作之一： 在“资源”面板中右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 资源的名称或图标，然后选择“编辑别名”。 单击一次资源的名称，暂停，然后再次单击该名称。（不要双击资源名称，双击操作将打开资源进行编辑。） 为该资源键入别名，然后按 Enter (Windows) 或 Return (Macintosh)。将资源归类到收藏夹中 将资源放入“收藏夹”并不会更改资源文件在磁盘上的位置。 在“资源”面板的顶部选择“收藏”选项。 单击“新建收藏夹”按钮 。 为该文件夹键入一个名称，然后按 Enter (Windows) 或 Return (Macintosh)。 将资源拖动到该文件夹中。
将可视化助理与非 CSS 布局块元素一起使用
保存此文件。 在“设计”视图中，打开要附加新样式的页面。 选择“文本”>“CSS 样式”>“设计时间”。 在“设计时间样式表”对话框中，单击“只在设计时显示”文本框上方的加号 (+) 按钮，选择刚才创建的样式表，然后单击“确定”。 单击“确定”以关闭“设计时间样式表”对话框。 样式表将附加到文档中。如果使用上面的示例创建了样式表，则会使用 display:block 属性对所有段落和列表项目进行格式设置，从而允许对段落和列表项目启用或禁用 CSS 布局块可视化助理。
清除浮动的最佳方法
ul{ list-style:none; height:auto; margin:0;p adding:0; background-color:#436973; } li{ float:left; width:80px; height:80px; background-color:#83B1DF; } .demo{ clear:both; border:1px solid #FF00FF; margin-bottom:5px; } .overflow{ overflow:auto; zoom:1; background-color:#43FF73; } ul{ list-style:none; height:auto; margin:0; padding:0; background-color:#436973; } li{ float:left; width:80px; height:80px; background-color:#83B1DF; } .demo{ clear:both; border:1px solid #FF00FF; margin-bottom:5px; } .overflow{ overflow:auto; zoom:1; background-color:#43FF73; } HTML代码<div class="demo"> <ul class="overflow"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> </div> <div class="demo"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> </div> 其中zoom是为了IE6准备的。 注：忘了一个很重要的内容，并不是所有的overflow属性都可起来一样的效果，比如visible属性就只能对IE起作用。例子可以看这里Demo2 这样的话就有一个问题啦，如果要有高度，而且内容超出高度的时候，定义auto或hidden都可能会有一些不想要的效果出现。这里提供一个解决方案：对于IE6及以下版本的IE，可以直接定义高度；对于IE7、FF、OP，可定义min-height。 CSS代码overflow { height:auto; _height:200px; min-height:200px; verflow:auto; zoom:1; _overflow:visible; }
利用Adobe Dreamweaver CS3快速批处理图像链接
首先启动Dreamweaver，建立好站点后，选择命令 > 创建网站相册。然后在相册标题后的文本输入框中输入相册的名称。输入副标题或其他标题。接下来选择好源图像文件夹和目标文件夹，点击确定。确定后将会启动Fireworks CS3进行缩略图的处理处理完成后在Dreamweaver CS3中会提示相册已经建立。
如何利用DIV+CSS 2.0实现文字阴影
这个效果的兼容性还是不错的。* Firefox 2.0.0.4 * Internet Explorer 6.0 * Mozilla 1.7.13 * Opera 9.21 * Netscape 8.0.4该效果以上的所有浏览器。在贴代码之前大家先这里看看效果。 Text with shadow using CSS Text with shadow using CSS html, body { margin: 0px; padding: 0px; } body { background-color: #DDDFD7; font-family: Verdana, Arial, sans-serif; font-size: 11px; text-align: center; } #wrapper { width: 700px; height: 200px; margin: 20px auto 20px auto; padding: 0px; text-align: left; position: relative; border: solid 1px #fff; } .firstlayer { font-size: 18px; font-weight: bold; color: #fff; position: absolute; top: 20px; left: 20px; z-index: 1; } .secondlayer { font-size: 18px; font-weight: bold; color: #aaa; position: absolute; top: 22px; left: 22px; z-index: 0; }
Adobe Dreamweaver CS3选择性粘贴的妙用和其他小技巧
二、当有浏览者使用其他非IE浏览器浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击“Command→Add/Remove Netscape resize fix”来加以解决，它可以使在Netscape中浏览页面时，改变窗口大小的时候页面不会花掉。 三、仅仅拷贝文字。当我们从Adobe Dreamweaver CS3 中拷贝文字到另一个应用程序的时候，HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl+C来拷贝， 如果在拷贝的时候多按一个“C”键则只拷贝选中的文字。 四、在Adobe Dreamweaver CS3 中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了:先将“中文输入法”转换成全角状态，然后同时按下键盘上的Shift+Ctrl+space就可以插入一个空格(可以连续输入)。 五、library组件和template模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。 六、不要在同一个页面同时使用表格和层来布置，在Netscape中会导致混乱，从属关系除外。 七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择“Go To URL”。你会注意到Adobe Dreamweaver CS3 会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。
在Adobe Dreamweaver CS3中制作滚动字幕
今天我们来详细解读一下关东字幕的设置和标签的用法。滚动字幕在FrontPage的组件里有，但是FrontPage这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动!。其实marquee的设置还是很灵活的。大家看下面的代码： <marquee scrollAmount=2 width=300>滚动字幕</marquee> 参数详解： a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。 b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。 c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。 d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。 e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动) 如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上，其实也很简单。代码如下： <marquee scrollAmount=2 width=300><a href=http://www.adobe-dreamweaver.cn>Adobe Dreamweaver CS3 中文技术交流中心</a></marquee> 如何制作当鼠标停留在文字上，文字停止滚动?代码如下： <marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
用Dreamweaver CS3 + CSS制作斑马线效果
我们看到上面的代码所表现出来的是每行的CLASS都不一样，通过这样的方式的确可以解决隔行换色的问题，但是都被程序员告知这样写法程序没办法写。 这种设想在网页标准研究联盟中得到了反驳，认为样式的事没必要用行为去实现，并且用JS来实现的效果并不一定有CSS来解决的好。但这种效果实践后发现，可以用大背景实现。什么叫大景实现呢，意思就是说通过在父级设定背景从而使得当前级得到隔行换色或是隔N行换N色。 上图是一个实例应用，大家可以看到采用的是两行背景重复。而这个背景图是定义在UL上的而不定义在LI上。这样又使得我们少写一点代码，让代码显得更加的干净。同时这样技巧通过举一反三的思考就能做出更多很好玩的样式来，比如我们让每一行都不一样，或是让每一行都像是纸页脚卷起来一样，或是其它的什么花样，那就要看你能想出什么样的花招来了!
使用Dreamweaver CS3 制作拖拽层效果
好了，重要的一步来了。点击“窗口/动作”，会弹出“动作(Behaviors)”对话框来。点击对话框上方的“+”号后，会再弹出一个菜单，选择此菜单中的“Drag Layer”，接着再弹出的，就是“Drag Layer”对话框了。 重复上述步骤，分别设置好其他几个图层的属性，设置好的“Behaviors”对话框的中间文本框中多出了4个“onLoad”标记。 好了，设置完这些，我们的工作也完成了，别忘了保存网页，然后按下“F12”键，看看你做的拖动页面酷不酷？
用你的Dreamweaver CS3处理Word文档
上图中已经大概把这个面板的功能模块说了一下。不是很复杂，假如大家有不明白的地方，请点击面板上的帮助。在这里，参数设置如上图，然后点击替换全部。就完成了这个文档的处理。假如各位对TD的width属性不太满足，也可以用此方法，将它们全部删除。至此，处理工作全部完成。我们成功的把一个50多K的文档缩小到不到3K，并且也可以更方便地将它粘贴到我们要应用的页面中了。 查找与替换似乎是小儿科的东西，其实它的功能非常强大。大家在以后做网站的时候，假如碰到一个站点中有很多文件的某一个标签都需要修改，只要找到它们相同的规律便可以利用它来成批替换。还有高级文本的方式也不要忽略，都是些相当有用的工具。