推荐阅读

ps颜色替换为指定颜色改图片局部颜色
更改局部颜色的方法有很多,笔者也写了不少相关的文章,比如常用的方法,使用色相饱和度,无需做选区,直接调整颜色,虽然操作简单,但有一定的局限性,无法替换为指定的颜色,效果也差一些,那么既要替换颜色,还要保留原有的褶皱等明暗关系,哪种方法相对好一些,操作也容易上手一些,下面通过截图简单介绍一下操作流程。 1、下面通过案例说明一下渐变映射改变颜色的方法,下图中更换女孩上衣的颜色,使用【快速选择工具】把衣服选出来, 2、点击图层面板下端的【创建新的填充或调整图层】按钮,弹出的菜单里面,继续点击【渐变映射】, 3、渐变映射图层添加上之后,可以看到选区变为了蒙版,渐变颜色默认为【前景色】,弹出的属性面板上,双击渐变条, 4、弹出的渐变编辑器界面上,渐变条的下端,当鼠标移动到上面之后,鼠标指针变为手指样式,点击可添加色标, 5、色标添加之后,点击选中后,在【颜色】一项中,双击颜色块,弹出【拾色器】,拾色器界面上,是可以填上RGB值的,把需要替换的颜色值填上,确定即可, 6、新增的色标,向右滑动会颜色加深,反之向左滑动,颜色减淡, 7、除了色标可以调整,还有菱形图标的颜色中点,左右滑动看一下,也可以颜色加深减淡的微调,如果色标颜色设定为黑色,调整菱形按钮,可以出现哑光效果, 8、最后展示一下效果,还可以借助图层混合模式, 比如正片叠底或柔光模式,获取意想不到的效果, 渐变映射,是根据不同的亮度,映射不同的颜色,不会改变原有的明暗关系,如对上述操作有疑问,可以在下方留言。

photoshop 利用高反差给偏黑少女磨皮美白
原图效果图1、打开素材原图,复制一层。图层样式设置为“滤色”不透明度为50% 如下图2、创建色阶图层,对其进行调整。参数设置如下图5、执行滤镜>其它>高反差保留。参数设置如下图6、执行图像>计算,连续执行三次。加强效果 如下图

根据用户浏览器及分辨率调用不同的CSS样式文件
DIV CSS教程:根据用户浏览器及分辨率调用不同的CSS样式文件 (未测试 来自网络 请自行验证) var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; 引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; 引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 var Other1024=""; var Other800=""; var Other1152=""; var Otherother=""; 引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 不判断分辨率,只判断浏览器 应E.Qiang提议,编如下代码。实现根据浏览器类型自动调用不同CSS。
最新发布

Dreamweaver 回退文件(Contribute 用户)
在启用 Adobe Contribute 兼容性后,Dreamweaver 会自动保存文档的多个版本。 注: 必须将 Contribute 与 Dreamweaver 安装在同一台计算机上。 还必须在 Contribute 管理设置中启用文件回退。有关详细信息,请参阅“管理 Contribute”。如果要回退的页面具有任何以前的版本,将出现“回退”对话框。

在 Dreamweaver 中取消遮盖所有文件和文件夹
您可以同时取消遮盖站点中的所有文件和文件夹。此操作无法撤消,因此无法重新遮盖先前遮盖的所有项。您必须逐一重新遮盖这些项。 如果要临时取消所有文件夹和文件的遮盖,然后重新遮盖这些项,则应禁用站点遮盖。 穿过文件夹和文件图标的红线消失,指示站点中的所有文件和文件夹都已取消遮盖。

Dreamweaver 遮盖站点中的特定文件类型
例如,您可以输入 .jpg 以遮盖站点中名称以 .jpg 结尾的所有文件。用一个空格分隔多个文件类型;不要使用逗号或分号。在“文件”面板中,显示一条红线穿过受影响的文件,指示它们已被遮盖。

在 Dreamweaver 中取消遮盖站点中的特定文件类型
取消选择“遮盖具有以下扩展名的文件”选项,以取消对框中列出的所有文件类型的遮盖。从框中删除特定文件类型,以取消这些文件类型的遮盖。红线从受影响的文件上消失,指示它们已取消遮盖。

Dreamweaver 遮盖和取消遮盖站点文件和文件夹
您可以遮盖特定文件和文件夹,但无法遮盖所有文件和文件夹或遮盖整个站点。遮盖特定文件和文件夹时,可以同时遮盖多个文件和文件夹。 一条穿过文件或文件夹图标的红线将出现或消失,指示该文件夹已遮盖或取消遮盖。

在 Dreamweaver 中启用和禁用站点遮盖
利用站点遮盖功能,您可以从“获取”或“上传”等站点范围操作中排除站点中的某些文件夹、文件和文件类型,在默认情况下,该功能处于启用状态。您可以永久禁用遮盖功能,也可以为了对所有文件(包括遮盖的文件)执行某一操作而临时禁用遮盖功能。当禁用站点遮盖功能之后,所有遮盖文件都会取消遮盖。当再次启用站点遮盖功能时,所有先前遮盖的文件将恢复遮盖。 注: 您也可以使用“取消所有遮盖”选项来取消所有文件的遮盖,但这不会禁用遮盖;而且除非对每个文件夹、文件和文件类型都重新设置遮盖,否则无法重新遮盖所有以前已遮盖的文件和文件夹。 选择“遮盖”>(取消选择即禁用)。选择“遮盖”>“设置”,打开“站点设置”对话框的“遮盖”类别。选择或取消选择“启用遮盖”,然后选择或取消选择“遮盖具有以下扩展名的文件”以启用或禁用对特定文件类型的遮盖。您可以在文本框中输入或删除要遮盖或取消遮盖的文件的后缀。

关于 Dreamweaver 中站点遮盖介绍
利用站点遮盖功能,您可以从“获取”或“上传”等操作中排除某些文件和文件夹。您还可以从站点操作中遮盖特定类型的所有文件(JPEG、FLV、XML 等)。Dreamweaver 会记住每个站点的设置,因此您不必每次在该站点上工作时都进行选择。 例如,如果您在一个大型站点上工作,并且您不想每天都上载多媒体文件,则您可以使用站点遮盖功能来遮盖您的多媒体文件夹。然后,Dreamweaver 将从您执行的站点操作中排除该文件夹中的文件。您可以遮盖远程或本地站点上的文件和文件夹。遮盖功能会从以下操作中排除遮盖的文件和文件夹:执行上传、获取、存回和取出操作生成报告查找较新的本地文件和查找较新的远端文件执行站点范围的操作,如检查和更改链接同步使用“资源”面板内容更新模板和库

网页排版应该考虑IE6的兼容性问题
下图是本站统计系统中访客详情中浏览器查看率,IE6占据百分之40多。虽然浏览器的种类很多,光一个IE就有IE5.5,IE6,IE7,IE8等多版本,在这众多的高版本中,IE6依然受大多数用户所喜欢,所以排版时候就不的不去考虑IE6的兼容问题,要不然会损失很多访问者。下面列举IE6中10个不得不注意的问题:1. 使用 DOCTYPE你需要在HTML页面的最顶部加上DOCTYPE类型,当然, strict版是值得推荐的,例如:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或者, XHTML页面的!DOCTYPE:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">你最不想看到的是,IE6进入怪癖模式 – 其实已经够多怪癖了。2. 设置position: relative设置position:relative解决了不止一个问题,特别当需要设置对齐的时候。很明显,你需要明白的一点是,绝对定位是相对来说的。说不定,因为你没有设置,而不知道东西都飞到那去了。比如,你设计了每篇文章前都有一张图片,最后,你发现,只有一张图片在页面上,或许,是他们重叠了。3. 给浮动元素设置 display:inline 值这源于著名的IE6双倍外边距BUG,例如,你给一个DIV设计了浮动,并且,设置了margin-left:5px;,在IE6中很可能就是margin-left:10px了,这里,给浮动元素设置 display:inline;,即可解决问题。4. 为元素设置 hasLayout很多IE6(或IE7)的问题可以用设置hasLayout值的方法来解决。(如果你不知道hasLayout是什么,请看这里)最简单的给元素设置hasLayout值的方法是给加上CSS 的height或width(当然,zoom也可以用,但这不是CSS的一部分)。设置一个具体的值是推荐的,但有时候并不一定知道高度多少,这里,你可能会用到height:1%。如果父元素没有设置高度,那么元素的物理高度并不会改变,但是,已经具备hasLayout属性。5. 解决字符重复出现的问题复杂的布局可能导致一些浮动元素里面的文字,出现在清理浮动位置的下面。这是一个奇怪的问题,下面这此可以帮你解决:•确保浮动元素设置了 display:inline;•在浮动元素中使用 margin-right:-3px;•在浮动元素的最后一个元素后加上一个IE注释,例如: <!--[if !IE]>把你的注释放这里… <![endif]-->•在最后的元素中加上一个DIV(这以设置width 为90% 或者其他相似的高度)UPDATE: 最简单的方法是删除掉所有注释。(感谢恬玮儿的提示,我自己并没有遇到过,不过,google了一下,发现这个方法也可以解决,并且,这是值得推荐的一个方法。)你可以到positioniseverything.net中查看更多关于这个的解释。6.只在<a>标签中使用hover,IE6只支持<a>标签显示hover样式当然,你还是可以通过JS来解决这个方法。但是, 这关于到可访问性的问题。建议不要把重要的内容设置在利用JS来实现的hover中。7. 使用!important 或高级选择器来区分IE浏览器比如min-height可以避免使用CSS来实现对IE的兼容。#element { min-height: 20em; height: auto !important; height: 20em; /* 让IE6显示这个高度 */ }IE6 并不能正确地识别min-height,可以设置固定的高度,让IE6解析为20em。即使如此,它还是会因为内容的尺寸扩大而改变高度。而另一个方法是使用高级选择器:#element { min-height: 20em; height: 20em; } /* 忽略 IE6 */ #element[id] { height: auto; }8. 避免按比例确定的尺寸比例会让IE6变得错乱,除非你给父元素添加一个确切的高度。不然,给其他的加上!important,例如:body{ margin: 2% 0 !important; margin: 20px 0; /* IE6 可读 */ }9. 尽早测试,经常测试别忘记尽早测试,经常测试, 除非你的程度已经完成。不然,你可能花更多的时间来解决IE6的问题。一般情况下,如果你的网站能在IE6和firefox下良好表现,估计其他浏览器就不会有什么大问题了。10. 重构你的代码很多情况下,解决一个问题,可能比重构你的代码要花更多的时间。

网页设计初学者必看的30个网页制作秘笈
许许多多的网页新手正徘徊在专业编码的门槛前,而网上的教程参差不齐,鱼龙混杂,很容易让新手迷茫。这里总结了30条网页编码的“秘技”,只要在编码过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。在以往的页面源代码里,经常看到这样的语句: 也许过去我们可以容忍这样的非闭合标签,但在今天的标准来看,这是非常不可取的,是必须百分百避免的。一定要注意闭合你的标签,否则将无法通过验证,并且容易出现一些难以预见的问题。最好使用这样的形式:笔者早先曾加入过许多CSS论坛,在那里,如果有用户遇到问题,我们会建议他首先做两件事:1. 验证CSS文件,解决所有可见的错误2. 加上文档类型 DoctypeDOCTYPE 定义在HTML标签出现之前,它告诉浏览器这个页面包含的是HTML,XHTML,还是两者混合出现,这样浏览器才能正确的解析标记。

如何把PSD文件制作成XHTML+CSS文件
继上一篇教程,《Photoshop教程:设计一个博客界面图件》,现在我们来看看如何将这个概念设计转化为完整的由XHTML和CSS组成的标准网页。从PS里面将之前的设计稿从PS里面输出然后再加上编码,这样我们就会得到一个完整的博客设计。在上一个教程里面,我们创建了一个包含了所有框架,设计,色彩,拟议定的板式和基本内容的设计模型。 现在是时候让我们回顾一下之前的计划和概念设定来看看——哪些需要使用纯粹的xhtml和css,哪些需要使用到原来的图片。首先被导出的元素是大的背景图。隐藏掉其他所有页面的图层,然后选择大的背景图导出为web使用格式。 从第一印象上来讲,这个大图片很容易让人觉得他很大,所以体积会变的很大。但是事实上用jpg格式调整好质量质量之后这个文件仅仅才30K而已,这里需要你来拿捏文件的质量和整体的体积的平衡。(译者注:图片如果太大可以适当用高斯模糊来减少细节这样图片体积就会缩小点,一般来讲背景图不必使用特别清晰的底图,增加体积却又吸引眼球影响阅读。)