推荐阅读
PS怎样合成炫酷的水人头像照片
合成炫酷的水人头像照片制作过程也不是很复杂，制作之前需要先准备一些水珠素材或笔刷。然后用滤镜制作一些类似液体的背景，再加入人像并修改混合模式做出蓝色效果，后期添加水珠装饰即可。最终效果 一、新建一个A4大小的文档，背景填充深蓝色：#033670。 二、前景色设置为深蓝色，背景色为黑色，执行：滤镜 > 渲染 > 云彩，确定后再执行：滤镜 > 滤镜库 > 素描 > 铬黄渐变，这一步是为了做液态的背景。 三、新建一个图层，填充刚刚的深蓝色，变图层模式为“叠加”，留着待用。
风景中的数学题告诉你这样构图也可以
请大家认真回想，国高中教的数学课，还记得多少?光是听到sin、cos、tan或是函数，即使干了三杯咖啡也昏昏欲睡吧!但是你可想象得到，大多数人们所痛恨的数学题，竟然能套用在「摄影」上，是哪个数学奇才这么厉害，能放眼放去都是函数? Nikki Graziano出生于美国纽约罗彻斯特，父亲曾在大学教摄影，母亲则是教电器工程的，虽然曾在高中时，摸过父亲的4x5相机而对摄影产生兴趣，甚至想大学就念摄影，当想到出社会得跟人挤破头才能进报社工作，就放弃改念数学，副修艺术史。Found Function系列作品，以数学函数与摄影结合在一起。可别以为它相当简单，每张照片的数学题，可都是千真万确的，它可是花了Nikki三至四年的时间，在每周散步时，用哈苏503CW与彩色负片记录这些景致，再利用滚筒扫描成数字文件，编排搭配出合适的数学函数。
详细解说PS图层混合,通道,计算,选择和载入高光区
本文主要由苏色老师用实例来讲解Photoshop图层混合,通道,计算,选择和载入高光区等命令的使用和原理.先向柔软老师表达一下敬意，柔软的很多实例，其实对我们学习PS是非常好的启迪，不管是柔软老师，还是元素老师，还是贫农地雷和老编，还是邮差和关文涛和李涛，以及更多在影像行业的从业者，他们掌握的是PS的核心――是图层混合，是通道，是选择，是色彩......苏色用下面这张图片，和大家聊聊怎么去综合把握和应用这些知识。苏色尽量用平实话的语言和细致的讲解，细致看完苏色帖子的，如果没有对PS有个重新的认识，呵呵，尽管拍砖，不过，苏色不会陷入这个色怎么调那个效果怎么做这样的论战，所以，希望大家理解，细致看完苏色思路，再得出自己的分析。苏色参加外拍的原图――惭愧，有点闷，色彩也很灰，要修要调。第一步：向柔软老师致敬，我们用“柔软淡色调”的方法试试看会是什么效果?1、RGB转LAB模式，选择明度通道，CTRL+A,CTRL+C,转回RGB，CTRL+V;2、LAB模式下的明度通道就作为RGB模式下的一个图层参与了图层混合;3、“柔软淡色调”告诉我们，明度通道作为RGB下一个图层参与对原图层的混合后，混合模式选择正常，不透明度选择80%，好，我们看看是什么效果?4、显然，不是苏色想要的效果，并不是说柔软淡色调不好，是不适合这张色调和环境的图片，但是，柔软老师的方法启迪了我们的思路。
两种风格的烛光人像摄影
点燃蜡烛，风情别样。然而那跳动的火光会让我们遇到许多难题，拿起相机，跟随摄影师一起创造烛光之下的浪漫大片吧。 以烛光作为主光源进行拍摄，会出现很多的问题。比如光源微弱分散、光线不稳定，其实只需要简单的方法就可以解决。 足够的蜡烛保证气氛 烛光摄影最大的挑战就是环境光线不足。使用更多的蜡烛可以增强光线，提高快门速度。当然，我们要注意主光源蜡烛的亮度最大，保证我们可以借助主光源的蜡烛拍摄人脸。而其他环境蜡烛，只要把当时的温暖气氛表现出来就可以了。当我们只用一个蜡烛或者是把好几个蜡烛放一起，会在脸上造成明显的阴影。要注意把蜡烛分散错落地布满小空间更能制造浪漫的气氛。 1 有一定高度的烛台，作为主光源 2 带螺纹的蜡烛更有造型感及古典气息 3 矮蜡烛可以在多处摆放，增加现场亮度 你还可以拍摄面部特写 我们为了强化模特面部轮廓和线条，可以拍摄模特面部的特写，让模特自然地趴在桌子上，拍摄模特自然、慵懒的状态。要注意模特此时的头发不要遮挡住脸部，将刘海拨向一边。模特的眼睛可以不用注意镜头，而是向下或者偏向一边，营造一种若有所思的朦胧浪漫之感。这样，在温暖的烛光下，模特面部的轮廓格外动人，而均匀的光线不会让模特的脸上有明显的阴影。可以利用大光圈，将前景的蜡烛虚化，只留下光晕。 拍摄模特的面部特写，可以将模特的面部线条表现得淋漓尽致，而模特若有所思的眼神会加深浪漫的意境
最新发布
网页表格分割线去除方法
网页表格分割线去除方法。其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到<TABLE>标签中都有rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。
X/HTML5 和 XHTML2
在了解了XHTML 2的进展之后，我们再来看看X/HTML 5 的进展。X/HTML 5酷在什么地方章节元素的构想 X/HTML 5引入新的元素用于把Web页面分成若干章节。这些组成部分有助于搜索引擎和辅助工具更好地理解页面内容。使用这些新元素可以使标签更具可读性。 章节化内容的构想很酷！但是请看一下为什么使用章节的技术不够酷。对话元素对话元素用来表示一段交谈。它包括一个用于定义会话者的dt元素和代表会话者讲话内容的dd元素。例如：<dialog> <dt>Costello</dt> <dd>Look, you gotta first baseman?</dd> <dt>Abbott</dt> <dd>Certainly.</dd> <dt>Costello</dt> <dd>Who's playing first?</dd> <dt>Abbott</dt> <dd>That's right.</dd> <dt>Costello</dt> <dd>When you pay off the first baseman every month, who gets the money?</dd> <dt>Abbott</dt> <dd>Every dollar of it.</dd> </dialog>figrue元素在印刷发行（教科书、报纸、杂志等）媒体对象（照片、插图、图表等）中经常会使用到标头。到目前为止，Web标记语言还没有可以产生这种效果的结构。figrue元素有一个legend子元素可以用来指定图像的标头。例如：
XHTML标签都有一个结束标记
原文连接：http://www.dudo.org/article.asp?id=253XHTML规范中有一条标准就是“每个XHTML标签都有一个结束标记”。那么对于HTML中原来不带结束标记的元素，则在该结束前加上“/”来关闭这个标签，如，<img>标签原来在HTML中的写法：<img src="..." alt="..."> 到了XHTML中，就应该在“>”前增加一个“/”来关闭这个标签，为了防止某些老式浏览器不认识这种写法，因此要在“/”前加上一个空格（HTML兼容性标准）：<img src="..." alt="..." /> 这似乎是说在开始标记中加上一个“/”就可以关闭掉这个标签。特别是对于空内的标签来说，似乎使用这种写法更简洁了。比如说，<div class="clear"></div> 这是在清除浮动（闭合浮动元素）中经常用到的一段代码。那么它似乎可以样写：<div class="clear" /> 是的，<div>元素可以为空，这样写没有问题，但是我们对其它标签也使用类似的写法会出现什么样的后果呢？如在<head>中引入外部Javascript文件，我们一般这么写：
面向XHTML的IE条件注释
条件注释是IE特有的一种功能，能对IE系列产品进行单独的XHTML代码处理，注意，主要是针对XHTML,而非CSS。 条件注释功能非常强大，可以进行true和false判断，例如： 程序代码<!--[if IE]>此内容只有IE可见<![endif]--> <!--[if IE 6.0]>此内容只有IE6.0可见<![endif]-->条件注释能被IE判断是什么版本的浏览器，并在符合条件的情况下显示其中的内容，从IE5.0到7.0都支持注释功能，而且版本号精确到小数点后4位： 程序代码 <!--[if IE 6.1000]>此内容只有IE6.1可见<![endif]-->IE条件注释还支持感叹号非操作： 程序代码 <!--[if !IE 6.0]>此内容除了IE6.0版本之外都可见<![endif]-->
XHTML语言默认的CSS样式
html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,noframes,ol,p,ul,center,dir,hr,menu,pre { display:block} li { display:list-item} head { display:none} table { display:table} tr { display:table-row} thead { display:table-header-group} tbody { display:table-row-group} tfoot { display:table-footer-group} col { display:table-column} colgroup { display:table-column-group} td,th { display:table-cell;} caption { display:table-caption} th { font-weight:bolder;text-align:center} caption { text-align:center} body { margin:8px;line-height:1.12} h1 { font-size:2em;margin:.67em0} h2 { font-size:1.5em;margin:.75em0} h3 { font-size:1.17em;margin:.83em0} h4,p,blockquote,ul,fieldset,form,ol,dl,dir,menu { margin:1.12em0} h5 { font-size:.83em;margin:1.5em0} h6 { font-size:.75em;margin:1.67em0} h1,h2,h3,h4,h5,h6,b,strong { font-weight:bolder} blockquote { margin-left:40px;margin-right:40px} i,cite,em,var,address { font-style:italic} pre,tt,code,kbd,samp { font-family:monospace} pre { white-space:pre} button,textarea,input,object, select { display:inline-block;} big { font-size:1.17em} small,sub,sup {font-size:.83em} sub center { text-align:center} abbr,acronym { font-variant:small-caps;letter-spacing:0.1em} :link,:visited {text-decoration:underline} :focus { outline:thindottedinvert} /* Beginbidirectionalitysettings(donotchange)*/BDO[DIR="ltr"] { direction:ltr;unicode-bidi:bidi-override} BDO[DIR="rtl"] { direction:rtl;unicode-bidi:bidi-override} *[DIR="ltr"] { direction:ltr;unicode-bidi:embed} *[DIR="rtl"] { direction:rtl;unicode-bidi:embed} @media print{ h1 { page-break-before:always} h1,h2,h3,h4,h5,h6 { page-break-after:avoid} ul,ol,dl { page-break-before:avoid}
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
HTML 5草案并没有成为正式标准
昨天在W3C看到，6月10日发布了新的 HTML 5 草案（Working Draft）。粗略的读了一下它提供的 新版本说明文档 ，作了一点笔记：HTML 5草案并没有成为正式标准引用:Publication as a Working Draft does not imply endorsement by the W3C Membership.作为“草案”发布并不意味着已经得到W3C成员的背书（支持）。The HTML 5 specification will not be considered finished before there are at least two complete implementations of the specification.HTML 5规范要等到有至少两个软件对其实现了之后，才会宣布定案。XHTML 1是1999年就发布了，经过了两三年才得到全面支持，而直到近十年之后的最近才得到全面推广。所以等HTML 5得到支持（尤其是那位“非主流”的浏览器 的支持），还得有一段日子。根据W3C的 HTML工作组 的时间表，要到2010年才会有正式的定案。简单到惊奇的DOCTYPE声明<!doctype html>就这么简单，哈。而且，没有大小写之分。值得说明的是，规范要求，如果声明了这一个DOCTYPE，则可以用所谓的“‘custom’ HTML syntax（定制的HTML语法，我也不知道为什么叫这个）”，亦即以前那种不需要标签闭合的HTML语法。同时它仍然允许XHTML那样的XML格式语法，这样的话就要声明xml文档的DOCTYPE而不用上面这个。向前兼容性HTML 5规范没有“deprecated”的元素，原因就是它一方面要求设计师不要试用某些元素，另一方面却要求浏览器必须支持这些元素。这样的话，以我的直觉，它是想支持以前所有的用HTML或XHTML编写的网页。这对设计师来说算是一个福气，终于不用再受XHTML严苛语法的限制了。被删去的元素
CSS标准：vertical-align属性
原文：http://www.mikkolee.com/13最近几天仔细研究了一下vertical-align这个属性，结果让我大吃一惊，这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。vertical-align的值有点多，包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值（%，em，ex等等）。我先给大家看一个我觉得最夸张的值：bottom。代码如下：p { font-size: 18px; line-height: 36px; font-family: Tahoma, sans-serif;}img { vertical-align: bottom ;}然后大家看一看这段CSS在各个浏览器中的效果（图片是我故意做成那个样子，为了可以看清楚相对位置）：
innerHTML的认识
相关文章：innerHTMLHTML DOM insertRow() 方法Definition and Usage定义与用法The insertRow() method is used to insert a new row in a specified position in a table.insertRow()方法可用来往表格中的指定位置上插入新行Syntax 语法tableObject.insertRow(index)//索引，增添新行--------------------------------------------------------------------------------Example 举例<html><head><script type="text/javascript">function insRow(){document.getElementById('myTable').insertRow(0)//在文档中寻找控件}</script></head><body><table id="myTable" border="1"><tr><td>Row1 cell1</td><td>Row1 cell2</td></tr><tr><td>Row2 cell1</td><td>Row2 cell2</td></tr></table><form>//表单内放置控件<input type="button" onclick="insRow()"value="Insert new row before the first row">//value为控件上将要显示的内容</form></body></html> 在js方法中可以直接用成对标签的id.innerHtml对标签内容进行赋值而不需要在js方法中声明变量innerHTML是html标签的属性，成对出现的标签大多数都有这个属性 //标签属性是开始标签和结束标签之间的字符，不包括标签本身 比如 <p id="pp">aaaaaaaaaa<span id="ss">bbbbbbbb</span> </p> 这里的p标签和span标签嵌套在一起 那么pp.innerHTML的内容就是 aaaaaaaaaa<span id="ss">bbbbbbbb</span> ss.innerHTML的内容就是 bbbbbbbb ========================= 类似的一个属性是outerHTML 那么pp.outerHTML的内容就是 <p id="pp">aaaaaaaaaa<span id="ss">bbbbbbbb</span> </p> ss.outerHTML的内容就是 <span id="ss">bbbbbbbb</span>
表格标签（table）深入了解
表格（table）是一直以来长期被大家使用的标签，直到现在还是在用，不过呢因为现在的网站重构，建议大家不要表格（table）来布局而很多朋友误以为用表格（table）就是所谓的不标准了，其实不然，表格（table）是一个重要元素。前不久为了寻找表格（table）所包含的主要标签，一直在寻找着，找到当然就是跟大家一起来分享一下。表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup，针对每个的介绍如下：<table>table标签可定义表格。在 <table> 标签内部，你可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。<caption>caption 元素可定义一个表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。<th>定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。<tr>在表格中定义一行。<td>定义表格中的一个单元格。<thead>定义表格的表头。thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。<tbody>定义一段表格主体（正文）。使用 <tbody> 标签，可以将表格分为一个单独的部分。<tbody> 标签可将表格中的一行或几行合成一组。虽然您可能想包括一个，甚至会在表格中包括两个或更多个 <tbody> 标签，但是我们建议最好在表格中没有 <tbody> 标签。在 <tbody> 标签中，只有 <tr> 标签可以定义表格行。并且一旦定义，一个 <tbody> 标签就是表格中的一个独立的部分。例如不能从一个 <tbody> 跨越到另一个 <tbody> 中。thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。