推荐阅读

3DMAX制作时尚创意的个性展台效果
本篇教程,我要给大家讲解的就是如何利用3Ds max制作大师作品中的展台。首先我们先看下图中的这个展台框架。像这样镂空比较多的造型,最简便的方法就是结合贴图来制作。首先,我们需要制作一张贴图,如下:第二步,贴图制作好后,我们返回到max中,开始制作展台的外形,在前视图中我们创建一个平面,大家要是初学的话也可以根据我上面的参数来设定。第三步,打开材质编辑器(快捷键:M),在不透明下添加我们制作好的贴图。 第四步,我们需要调整贴图大小。如图所示。

火山文字,PS软件制作火山熔岩文字图片设计教程
漂亮火山熔岩文字重点是纹理部分的制作,用到的滤镜比较多,自己需要细心一点,把岩石的纹理做出来,如果嫌麻烦可以去网上下载一些纹理素材,直接使用。 最终效果 一、photoshop制作文字效果之前,需要先制作一些纹理。新建一个1024 * 768像素的文件,新建一个图层,按字母键“D”把前背景颜色复位到默认的黑白,执行:滤镜 > 渲染 > 云彩,效果如下图。 二、执行:滤镜 > 像素化 > 点状化,大小设置为15,如图3,确定后按Ctrl + Shift + U 去色。然后执行:滤镜 > 模糊 > 高斯模糊,设置为8,效果如图5。 三、执行:滤镜 > 渲染 > 光照效果,只需要在面板的底部选择一个通道,然后把凸起的数值设置到最大,如图6,确定后按Ctrl + F 加强一次,效果如图7。

photoshop绘制Web2.0图标
我们在进行站点设计的过程中,经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代,徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效果的按钮或图标。步骤1:创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。步骤2:双击圆形图层打开图层样式窗口,选择“渐变叠加”,使用蓝色和浅蓝色做渐变色,在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。小窍门:将渐变叠加移动到圆形顶端:打开图层样式窗口,选中“渐变叠加”选项。按住按钮调整渐变。 步骤3:参照下图,复制圆形图层,并调整到合适大小。

低角度的倒影
低角度倒影 除了平视角度外,低视角下的光影世界亦不可错过。以下列两张照片为例,拍摄于机场航厦候机楼,由于当下我有相当足够的时间去观察环境与旅人动向,所以只要坐在椅子上设定好相机,接着等待理想元素入镜即可;至于图2则拍摄于莺歌陶瓷博物馆,由于馆内水流属于流动的活水,所以原本笔直的支柱在倒影下就会显得十分诡异,于是我便顺势利用翻转屏幕拍下了这张影像作品。 ▲Canon PowerShot G1 X, 光圈F5.0, 快门1/50秒, 单色效果, 自动白平衡, ISO 100, JPEG。 ▲Canon PowerShot G1 X, 光圈F5.6, 快门1/100秒, 单色效果, 自动白平衡, ISO 800, JPEG。 顺光、逆光 除了构图角度外,光源方向掌握亦十分重要。一般来说,粗略可分为顺光与逆光两种,顺光即是所谓的正面光(摄影者拍摄方向与光的照射方向一致),由于光源覆盖面积较大且测光难度不高,所以是目前摄影初学者最容易掌握的用光环境,不过缺点是该光源反差较小,容易造成被摄物色彩趋于平淡且缺乏过渡层次,因此在拍摄时,我会建议读家可适时调整取景角度使被摄物处于半侧光状态,如此便能有效改善上述问题。 至于逆光,由于光源是从被摄物背面直接照射过来,所以拍摄对象在明亮的背景前会形成暗色剪影,尽管画面简洁但却拥有极佳的表现力,只不过在拍摄时最好积极使用遮光罩搭配,才能有效避免炫光问题的产生。
最新发布

在 Dreamweaver 中设置测试服务器
选择“站点”>“管理站点”。单击“新建”以设置新站点,或选择现有的 Dreamweaver 站点并单击“编辑”。在“站点设置”对话框中,选择“服务器”类别并执行下列操作之一:单击“添加新服务器”按钮,添加一个新服务器选择一个现有的服务器,然后单击“编辑现有服务器”按钮根据需要指定“基本”选项,然后单击“高级”按钮。在测试服务器中,选择要用于 Web 应用程序的服务器模型。单击“保存”关闭“高级”屏幕。然后在“服务器”类别中,指定刚才作为测试服务器添加或编辑的服务器。

Dreamweaver 中站点类别
仅需填写“站点设置”对话框的“站点”类别,即可开始处理 Dreamweaver 站点。此类别允许您指定将在其中存储所有站点文件的本地文件夹。此本地文件夹可以位于本地计算机上,也可以位于网络服务器上。 准备好后,可以在“站点设置”对话框中填写其它类别,包括“服务器”类别,您可以在其中指定远程服务器上的远程文件夹。

HTML是网页制作者必须要学习的
学会HTML语言的好处是什么?1:很轻松的修改你的网站、博客的网页结构。2:对SEO网站优化很有用处。3:拿来主义,通过保存其他网站页面源代码,适当的修改,可以仿制出你想要的模板。4:当你有一张漂亮的PSD源文件图片时,你可以很轻易的把图片切割制作成网页。5:无论是PHP、ASP、.NET、JSP等网站编程语言,都要用到HTML。6:可以轻松检测出网站是否中了网页木马.和预防网页木马。7:可以向更高一层次进阶:DIV+CSS网页设计。8:看完这篇文章,接下来就可以修改本站提供的模板了。用什么工具来学习HTML呢?还是推荐大学使用Dreamweaver软件来学习HTML,Dreamweaver所见即所得软件是最好的HTML编辑器,全可以一点不懂HTML的知识就可以做出网页。如何学习HTML语言呢?1:一定要多动手,多多修改别人的网页代码。(在效果页上单击右键选择“查看源文件”即可查看实现该效果的代码。)2:记住一些常用的HTML语法。当时卢松松学习HTML的时候只记了一些HTML网页设计时的常用语法,如:贴图:<img alt="图片说明(利于图片的搜索)" src="图片地址">加入连接:<a href="所要连接的相关地址">写上你想写的字</a><meta name="Keywords" content="关键词" /><meta name="Description" content="网站描述" />推荐HTML详细教程学习地址:2:HTML视频教程http://v.youku.com/v_show/id_XMzM0MzM3ODQ=.html(当你点开优酷的时候,你能保证只看教程不看电影吗?)总结:Html至今仍是制作网页时必不可少的代码。如果能够熟悉掌握并应用这些代码,大到做网站,小到博客论坛等都会有莫大的好处。

html5来了,你准备好了吗
伴随着 Chrome, Firefox 3.5, Opera, 和 Safar对html5的支持,html5已经像一列暴走的列车接近我们了。这里是些好的建议帮助你准备过渡到html5.开始准备html5的第一件事情就是先看下别人是使用它的。HTML 5 gallery 演示了一些使用html5的网站。你可以先看看这些网站的文章,here(这里html5 预览) 和 elsewhere(和其他地方html5doctor), 甚至 read the specification(读取html5详细说明)但是上面当中文章没有一个能像使用新的元素那样让您领会掌握html5.通过实际做,你可以知道什么可以工作,什么不可以工作。比如我在firefox3.5版本中发现类似article 和section的标签默认显示方式是display:inline模式,所以不得不强制设置它们为display:block模式才能像期望的效果显示。下面是整理的一些 HTML 5, XHTML 1.0/1.1, 以及XHTML 5之间的一些关系或者结论吧。我们所熟知和了解的HTML 4.0,它是基于SGML(standard Generalized markup language)规则手册的。在SGML规则手册中,元素的书写并不区分大小写,你可以有选择的闭合标签,标签属性的书写也可以不用引号标记。XHTML 1.0 和1.1是基于XML的,在xml规则手册中,所有的标签和属性必须用小写,标签必须闭合,而且所有的属性必须用引号括起来。HTML5定义的标记语言不是基于上面任何一种规则手册,但是html5可以被写成要么是html形式,要么是xhtml形式。

10个最经常犯得HTML标签错误
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.HTML 元素的表现方式不外乎就两种:块级和行内.每一个标签都有默认的表现方式不是块级就是行内.像div和p 就是块级元素,他们用来形成文档结构.行内元素只能在快级元素内. alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片.或者在网速比较慢的时候显示图片的含义是什么.它的主要目的是,说明图片的含义,想这样的说明 alt=”image”是很糟糕的.如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”".

HTML列表标记:dl、dt、dd
定义列表和其他类型的列表稍有不同,它由两部分组成:名称和定义。DT 指定名称,为内联元素。DD 指定定义,为块级元素。标准属性id, class, title, style, dir, lang, xml:lang事件属性onclick, ondblclick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown, onkeyup示例:<dl><dt>标题</dt><dd>内容1</dd><dd>内容2</dd></dl>dl —— define list——定义列表 dt —— define list title —— 用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。注意:其中不能包含 hx 元素。

HTML教程:HTML的10个表格相关标记
根据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后,决定写这篇文章。总的来说,我注意到由于误导性信息,他们对于table的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表列数据,你就不得不使用它们!为什么不呢?然而,在这种情况下,一些人无视了用于table的某些HTML标签的存在并且不知道该如何正确的使用它们。HTML有10个表格相关标签。下面是一个带有简介的列表,但是首先,文档要被正确的定义在HTML 4.01/XHTML 1或HTML 5下面:一个基本的表格结构如下:它包含一个标题、头部、主体和底部。正确的HTML元素顺序是:你也可以使用<col> 和<colgroup> 来定义表格的列或为列分组:下面是一个正确的表格结构实例:<table border="1"> <caption>Table caption here</caption> <colgroup span="1" style="background:#DEDEDE;"/> <colgroup span="2" style="background:#EFEFEF;"/> <!-- Table Header--> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr> </thead> <!-- Table Footer--> <tfoot> <tr> <td>Foot 1</td> <td>Foot 2</td> <td>Foot 3</td> </tr> </tfoot> <!-- Table Body--> <tbody> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> <tr> <td>D</td> <td>E</td> <td>F</td> </tr> </tbody> </table> 在浏览器中的结果如下图所示:

让IE8启动IE7兼容模式的简便代码
热门的tag非IE8莫属各浏览器厂商争相发布版本更新 部分网页也存在与IE8的兼容性问题 简单一行代码,让IE8自动调用IE7的渲染模式 只需要在页面中加入如下HTTP meta-tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 只要IE8读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示

IE8开发人员工具的菜单讲解(2)
原文:http://www.cnblogs.com/JustinYoung/archive/2009/04/03/kaifarenyuangongju2.html在上一篇文章 IE8“开发人员工具”使用详解上(各级菜单详解) 中,我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法,相信很多朋友应该已经使用上了。而IE8开发人员工具更强劲的功能例如:如何测试版本兼容性、如何利用开发人员工具调试JavaScript脚本,以及如何利用探查器检测页面脚本函数效率等,我们将在本篇文章中讲解。小弟拙笨,此处仅为抛砖。 浏览器模式应了《无间道》的那句话——“出来混,迟早是要还的!”。IE6种下的苦果,现在果然到了要咽下的时候了。当IE8发布的时候,他不得不面对着世界上成千上万“只有在IE6中才能正常显示”的页面。不发布IE8了吧,FireFox和Chrome又跟着后面抢蛋糕;不管那些“IE6 only”的页面吧,那浏览器出来还不被人骂死;让所有的站长都把页面重构吧,想想自己都要笑。唉,这可咋整呀。唉,有了,咱采取一个手段,让用户自己去处理,如果他碰到了“IE6 only”页面,就让他自己手动处理一下,让浏览器还用老的渲染模式渲染页面,这虽然麻烦了一点用户,但是也不失是个办法。于是“浏览器模式”出来了。说白了,就是让用户选择当前页面用何种IE版本去渲染。举个例子吧,顺便练习一下《IE的有条件注释详解》,核心代码如下:<div id="divTest"><!--[if IE 7]>浏览器是IE7<![endif]--><!--[if IE 8]>浏览器是IE8<![endif]--></div>让我们来试试这个页面,在不同的浏览器模式下的显示效果吧:

HTML教程:iframe标记常见的几种使用方法
iframe标签在网页中可以创建一个内嵌框架,通过指定src属性来调用另一个网页文档的内容。和frameset一样,用它来对网页结构进行拆分以使网页的某些部分保持公用,但相对frameset对整个网页进行框架结构的拆分来说,iframe更加灵活,可以内嵌到网页的任意地方。由于iframe使用上的这个特点,在一些网页中得到了大量运用,也导致了一些不适宜的滥用。破洛洛将分析一下iframe这个网页元素常见的几种使用方式。onload=”document.f.q.focus();if(document.images)new Image().src=’/images/nav_logo4.png’”这样一句代码,加载的图片nav_logo4.png在首页并没有用到,但搜索结果列表等其他页面使用此图片的时候只需要从缓存读取,不需要重新下载了。 除了以上三种应用,对于iframe元素也常见一些不恰当的运用。例如在页面中嵌入过多的iframe框架,通过指定框架外链接标签的target属性在点击时来更新iframe,这种用法和frameset类似,达到共用导航的目的。初衷是好,但其中的弊病也毋庸置疑。这样会导致一个页面请求过多,上文所提及的雅虎团队《Best Practices for Speeding Up Your Web Site》一文中就明确优化页面需要“使iframe的数量最小”,归纳了其三种弊病:在XHTML1.0的下一个版本HTML5中,由于frameset标签对网页可用性方面产生的负面影响,没有对它提供支持,这也从侧面说明一些问题。另外,由于内嵌的iframe不能自动适应其内部内容大小,为了保持页面显示的完整性,还需要编写一段JavaScript脚本来根据iframe内容的变化即时调整其大小。分散的多个请求再加上需要JavaScript脚本来修正更增加了多iframe页面系统运行的风险。那么,有没有什么好的方法能保持部分页面内容公用呢?服务器端早就给我们提供了解决方案,ASP中的include,PHP中的require方法,都是用来包含一段已有的代码到程序中,这样同样能实现页面的某个部分(如导航菜单、页脚)公用,但是运行之后作为一个完整的页面输出,有效地减少了客户端请求,同时也不存在iframe的高度自适应的问题。