推荐阅读
ps减去顶层形状不管用什么意思在哪设置？
在用ps做路径或者形状合成的时候，经常会做所谓的布尔运算，也就是形状或者路径的加减乘除，其中比较难理解的是减去顶层形状，如果只是减去形状，可能要更容易理解，那么减去顶层到底是什么意思，哪个是顶层形状，顶层是怎么设置的，能更改么，带着这些问题且看本文讲解。 1、路径工具选中之后，在上端选项的【路径操作】菜单中，可以找到【减去顶层形状】， 2、举例说明一下，左侧工具栏切换到【椭圆工具】，在背景图上绘制出一个圆形，图层面板上可以看到新增了一个形状图层，笔者设置为形状，是为了更加方便理解，当然这里也可以绘制路径。 3、一个圆形形状画出来之后，如果要再画一个元，可以直接在背景图上话，默认情况下鼠标变为【加号】样式，此时会自动新增一个形状图层，也就是说这两个形状，产生了两个图层，如果要做布尔运算，是需要先合并形状，在进行设置，形状的合并可以使用快捷键“Ctrl+E”， 4、绘制第二个圆，也可以在一个图层上完成，前提是先按Shift键，此时鼠标变为了一个大一个小【双加号】样式，按住shift键，再按住鼠标左键，此时就可以松开shift键了，如果想要正圆形，可以继续按住shift键， 5、两个圆形绘制完成，默认的路径操作都是【合并形状】，也就是相加的效果，大圆加上小圆，得到的还是大圆，所以没有变化，想要得到圆环的效果，就要减掉小圆，此时用【路径选择工具】点击选中小圆，上端选项中，点击【路径操作】图标，下拉菜单里面，点击【减去顶层形状】， 6、最终的效果如下图所示，小圆被减去，剩下的是圆弧效果， 7、那么为什么小圆就是顶层图形？因为先画的大圆，后画的小圆，所以小圆处于顶层，其实形状的层级是可以手动设置的，选中形状之后，点击上端选项【路径排列方式】，下拉菜单里面，可以看到【将形状设置为顶层】，以及其他选项，所以【减去顶层形状】，就是减去处于顶层的那个形状。 路径的布尔运算，需要路径或者形状处于一个图层中，如果在操作中遇到问题，可以在下方留言讨论。
Photoshop 鼠绘紫魅妖姬
最近在一本杂志上看到一个非常妖媚的女子，她拥有超黑而又超密的睫毛、黑黑的眼线、大片的腮红、红红如水晶般的双唇、乌黑的头发。充满着神秘气息的女子，很是抢眼。笔者今天来告诉大家此紫魅妖女的PS鼠绘制作过程。 老规矩，我们先来看看我们要打造的这位紫魅妖姬的样子： 最终效果图 1.首先打开PS，建立一个新的文件，长宽自己来定就可以最重要的是分辨率定为72就可以。正常屏幕观看给72就可以如果要打印出来的话就要根据纸张的大小、材质来定了。多多学习一下打印方面各个参数也是很不错的，对以后的实践工作会带来很大的帮助。（图1-1） 图1-1 2.用钢笔工具把人物的大体轮廓勾画出来，这个图绘制的是正面的效果，正面比较好绘制，把路径保存起来。新建一个图层，填上皮肤的颜色，这里皮肤的颜色RGB值为：239、198、178。（图2-1） 图2-1
用Photoshop打造撕纸文字效果
最终效果图 1、新建一个文件，设置宽度为10厘米，高度为5厘米，分辨率为300像素，模式为RGB的白色文件。 2、打开通道面板，在控制面板下方单击“创建新通道”按钮，生成新的通道Alpha 1，执行菜单栏中的“滤镜”“渲染”“云彩”命令，效果如图01所示。 图01 3、进入图层控制面板，在控制面板下方单击“创建新的图层”按钮，生成新的图层“图层1”，选择工具箱中的“横排文字工具”，在文件窗口中输入文字，效果如图02所示，按确认键，文字变为选区，效果如图03所示。 图02 图03 4、单击工具箱下方的“以快速蒙版模式编辑”按钮，使图像进入快速蒙版状态，效果如图04所示。 图04 5、执行菜单栏中的“滤镜”“像素化”“晶格化”命令，在弹出的“晶格化”对话框中，将单元格大小选项设为7，如图05所示，单击好，效果如图06所示。 图05 图06 6、单击工具箱下方的“以标准模式编辑”按钮，使图像退出快速蒙版状态，效果如图07所示。 图07 7、打开一幅报纸图片，并调整它的色相/饱和度，效果如图08所示。执行菜单栏中的“编辑”“定义图案”命令，在打开的对话框中单击确定，将报纸定义为图案。 图08 8、执行菜单栏中的“编辑”“填充”命令，打开填充对话框，设置参数如图09所示，选择自定图案为报纸图案，单击确定，文字效果如图10所示。 图09 图10
抽线效果新思考
Photoshop中的混合模式是其理解难点，它的实质是一种特殊形式的看不见蚁行线的选择。通过混合模式，可以以确定的方式决定哪些色阶的像素被屏蔽或者改变，因此，了解混合模式的作用机理，对用户有的放矢地使用PS达到目的非常重要。下面通过一个实例，说明如何使用PS中的颜色减淡模式抽出图像中的线条，以及由此引发的思考。 打开图像。 将“背景副本”的图层混合模式由正常变为“颜色减淡”，文档似乎变得空无一物，但是细心的读者会发现图像上还有一些黑色的杂点。想一想这是原图中的什么色阶的像素？
最新发布
两分钟做个xhtml+css的网站首页
xhtml+css网站重构web标准等等之类的文章太多了，我就不重复了，发个最简单的制作xhtml+css页面的方法，方法虽然很简单,但真不一定有几个人知道.... 起码google搜索没搜索到。 开始吧: 1、打开photoshop cs2 ，打开设计出的网站首页。用切片工具切好。 图: 2、点 文件-》存储为web所用格式 快捷键为ctrl+alt+shift+s ，点右上倒三角的小图片，选择Edit output settings 图: 3、见图，在第二个下拉中选择 Slices，选择Generate CSS ，然后在后面的下拉中选By ID 图:
如何实现HTML页面地址栏参数传递与获取
我们知道，在服务器端asp程序可以接受html页面上的form传来的参数，那么，可不可以传递参数给html页面呢，也就是说在html后面加问号?答案是可以。 下面是javascript的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。 有了这个函数，就可以在页面之间传递参数了。
采用XHTML和CSS设计可重用可换肤网页
XHTML具有两大目标: 使用XHTML标准的好处是:只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如，在按照标准生成以后，页面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari)中以相同的方式显示，而无需完成任何额外的工作。并且XHTML标准可以使 Web 站点更易于为智能手机、残疾人电脑等设备访问。 由于XHTML标准要求在在文档结构和表示形式之间创建更明显的分离。因此使用CSS样式表是必不可少的。CSS在网页中占着极重要的地位，它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写，译为“层叠样式表单”。 在1997年W3C颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后，又在1998年5月发布了CSS2版本。 CSS 的发明者的目的是除去表示性元素，即应该根据内容所表示的东西来标记内容，而样式表应该用于美化内容。而这一点与XHTML分离文档结构和表示形式的目标是一致，(在XHTML 2.0将除去b 、 i 和 img 标记(以及 big 、 small 和 tt )，甚至不赞成使用 br ，准备从将来的发行版中除去它。原因在于大多数标记都是表示性的。它们的唯一目的就是给予浏览器指令，规定有关其内容应该如何显示，但却完全未提供有关其内容是什么的信息。) 因此它们成了最好的合作伙伴。更多关于XHTML2.0的资料，请参见:http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html CSS过去经常被用来定义字体的属性，而现在新标准中我们将用它来控制整个页面的显示。然而，我们必须需要做一些不同于以往的处理来适应这种新的变化，如:使用div来布局而不是表格，使用结构化、语义化的标记等等。由于采用新的处理方式，我们现在可以轻松地设计出可重用的CSS(同一个样式文件多个WEB站点中使用)以及可换肤的WEB站点(一个站点使用多种不同风格的样式)。 随着XHTML的逐渐推广流行，HTML 在许多场合已经显得过时。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日发布了 XHTML 的第一个版本作为推荐标准。XHTML 标准的目标是取代 html。按照 W3C 的说法，“XHTML 是 html 的继承者”(http://www.w3.org/MarkUp/)。 XHTML具有两大目标: 使用XHTML标准的好处是:只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如，在按照标准生成以后，页面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari)中以相同的方式显示，而无需完成任何额外的工作。并且XHTML标准可以使 Web 站点更易于为智能手机、残疾人电脑等设备访问。 由于XHTML标准要求在在文档结构和表示形式之间创建更明显的分离。因此使用CSS样式表是必不可少的。CSS在网页中占着极重要的地位，它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写，译为“层叠样式表单”。 在1997年W3C颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后，又在1998年5月发布了CSS2版本。 CSS 的发明者的目的是除去表示性元素，即应该根据内容所表示的东西来标记内容，而样式表应该用于美化内容。而这一点与XHTML分离文档结构和表示形式的目标是一致，(在XHTML 2.0将除去b 、 i 和 img 标记(以及 big 、 small 和 tt )，甚至不赞成使用 br ，准备从将来的发行版中除去它。原因在于大多数标记都是表示性的。它们的唯一目的就是给予浏览器指令，规定有关其内容应该如何显示，但却完全未提供有关其内容是什么的信息。) 因此它们成了最好的合作伙伴。更多关于XHTML2.0的资料，请参见:http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html
新手入门:XHTML DHTML SHTML的区别
XHTML DHTML SHTML，学习网站制作会经常看到这三种名词，又很少有文章将其做很详细的解释，在这篇文章里为大家进行一下整理了解一下其区别。 XHTML： HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。 2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 (1)XHTML解决HTML语言所存在的严重制约其发展的问题。HTML发展到今天存在三个主要缺点：不能适应现在越多的网络设备和应用的需要，比如手机、PDA、信息家电都不能直接显示HTML;由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML;数据与表现混杂，这样你的页面要改变显示，就必须重新制作HTML。因此HTML需要发展才能解决这个问题，于是W3C又制定了XHTML，XHTML是HTML向XML过度的一个桥梁。 (2)XML是web发展的趋势，所以人们急切的希望加入XML的潮流中。XHTML是当前替代HTML4标记语言的标准，使用XHTML 1.0，只要你小心遵守一些简单规则，就可以设计出既适合XML系统，又适合当前大部分HTML浏览器的页面。这个意思就是说，你可以立刻设计使用XML，而不需要等到人们都使用支持XML的浏览器。这个指导方针可以使web平滑的过渡到XML。 (3)使用XHTML的另一个优势是：它非常严密。当前网络上的HTML的糟糕情况让人震惊，早期的浏览器接受私有的HTML标签，所以人们在页面设计完毕后必须使用各种浏览器来检测页面，看是否兼容，往往会有许多莫名其妙的差异，人们不得不修改设计以便适应不同的浏览器。 (4)XHTML是能与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。 (5)XHTML是Web标准家族的一部分，能很好在无线设备等其它用户代理上。 (6)在网站设计方面，XHTML可助你去掉表现层代码的恶习，帮助你养成标记校验来测试页面工作的习惯。 DHTML：
htm、html、shtm、shtml四种文件格式
每一个网页或者说是web页都有其固定的后缀名，不同的后缀名对应着不同的文件格式和不同的规则、协议、用法，最常见的web页的后缀名是.html和.htm，但这只是web页最基本的两种文件格式，今天我们来介绍一下web页的其它一些文件格式。 首先介绍一下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是一样的。
什么是 XHTML？
XHTML是一系列当前和将来的文档类型和程序块，它由HTML 4 [HTML]再生和扩展而来，HTML 4是其子集。XHTML系列文档基于XML，最终被设计用来与基于XML的用户代理程序一起工作。XHTML家族的详情及其发展过程在未来趋势一节中详述。 XHTML 1.0(本规范书)是XHTML家族的第一个文档。它是将3种HTML 4文档类型应用到XML 1.0 [XML]之后重新形成的。其意图是，作为一种语言，它的内容既符合XML，并且如果依照一些简单的指导方针，也能被HTML4用户代理程序识别。开发者将它们的文档移植成为XHTML 1.0，会得到以下好处: XHTML文档遵从XML。这样，用标准的XML工具很容易查看，编辑和检验它们。 XHTML文档可以在现有的HTML4代理用户程序中使用，也可以在新的XHTML用户代理程序中使用，在后者中可以达到与前者同样或更好的效果。 XHTML 文档中使用的应用程序(如script 和 applet) 可以是HTML 的文档对象模型(Document Object Model) ，也可以是 XML 的文档对象模型 [DOM]。 随着 XHTML 家族的发展，遵从XHTML 1.0的文档更有可能运用在各种XHTML环境中。 XHTML家族是Internet发展的下一步。 将现在将文档移植成XML，开发者在确保他们的文档向前后兼容的同时，还能享有进入XML世界带来的好处。 什么是HTML 4? HTML 4 [HTML] 是SGML (Standard Generalized Markup Language) 的一个应用，遵从国际标准ISO 8879，被广泛的当作 World Wide Web上的标准出版语言。 SGML是一种描述标记语言，特别是那些用于电子文档交换，文档管理和文档发布语言的语言。HTML是SGML定义的语言的一个实例。
XHTML的标准定义
因为XHTML是XML的一个应用，一些在基于SGML的HTML 4中完全合法的习惯在XHTML中必须改变。 文档必须是编排良好的 编排良好性Well-formedness是[XML]引入的一个新概念。从本质上说，这意味着元素必须有结束标签，或者必须以特殊方式书写(在下面说明)。 元素必须嵌套，尽管SGML规定层叠非法，但现有的浏览器普遍允许层叠。 正确：嵌套元素。<p>here is an emphasized <em>paragraph</em>.</p> 不正确：层叠元素。<p>here is an emphasized <em>paragraph.</p></em> 元素和属性名必须小写 对所有HTML元素和属性名，XHTML 文档必须使用小写。 因为XML是大小写敏感的，所以这个差别是必须的。如 <li> 和 <LI> 是不同的标签。
HTML基础：标签属性和元素
尽管HTML的基础是纯文本，但我们还是需要多一些东西才能使纯文本文件变成合法的HTML文件。 标签 HTML基本的构成包含标签，标签围绕着内容，赋予内容某些意义。 按照下面改进你的文件： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <body> 这是我的第一个网页 </body> </html> 保存文件，回到浏览器界面和选择“刷新”（这会重新装载网页）。 网页的外观没有任何改变，HTML的目的是表达内容，而不是表达表现，这个例子现在已经定义了网页一定的基本元素。 第一行以<!DOCTYPE..开始是为了让浏览器知道你到底要做什么。你可能还不知道自己在做什么，但接受它很重要。如果你不这样做，浏览器将用“quirks”（奇怪的）模式来表现你的网页。现在还不必担心，当然你需要了解或者学习的话可以看看 HTML高级教成的 进一步学习“文档类型”。当前，只需要记住把这一行放在文件的顶端就可以了。 言归正传，<html>是隔开其他内容的起始标签，它告诉浏览器，位于自己与闭合标签</html>之间的就是是HTML文档。在<body>和</body>之间的是这个文档展示在浏览器上的主要内容。 闭合标签 </body>和</html>关闭他们各自的标签。所有的HTML标签都要关闭。尽管老版本的HTML允许某些标签不关闭，但最新的标准要求所有的标签都要关闭。无论如何，闭合标签是一个好习惯。
HTML基础:HTML字体标记及属性
我们在这里将要谈的是有关文字的标记，包括字体大小、颜色、字型...等变化，适当的应用可以增加页面的美观！ 常用字体标记 如 : <H2> 标题 </H2> 如 : <B> 粗体字 </B> 粗体字 如 : <I> 斜体字 </I> 斜体字 如 : <U> 加底线 </U> 加底线 如 : <DEL> 横线 </DEL> 横线 如 : <TT> 打字体 </TT> 打字体 如 : 字体 <SUP> 上标字 </SUP> 字体 上标字
HTML基础:HTML表格标记及属性
常用表格标记 相关属性 : ・ ALIGN 调整 ・ BGCOLOR 背景颜色 ・ BORDER 边框 ・ HEIGHT 高度 ・ WIDTH 宽度 <CAPTION>...</CAPTION> 表格标题 。 相关属性 : ・ ALIGN 调整 <TR>...</TR> 表格列 ( </TR>可省略 ) 。 相关属性 : ・ ALIGN 调整 <TH>...</TH> 表格栏标题 ( 表头 ) 粗体字 ( </TH>可省略 ) 。 相关属性 : ・ ALIGN 调整 ・ COLSPAN 栏宽 ・ ROWSPAN 栏高 <TD>...</TD> 表格栏资料 ( 储存格 ) ( </TD>可省略 ) 。 相关属性 : ・ ALIGN 调整 ・ BGCOLOR 背景颜色 ・ HEIGHT 高度 ・ WIDTH 宽度 ・ COLSPAN 栏宽 ・ ROWSPAN 栏高 举例 <TABLE BORDER=1 ALIGN=CENTER BGCOLOR=#CCCCFF> <CAPTION>表格标题</CAPTION> <TR><TD><TH COLSPAN=2>行标题 1 <TH COLSPAN=2>行标题 2 <TR><TH ROWSPAN=2>列标题 1 <TD>A <TD>A <TD>A <TD>A <TR><TD>B <TD>B <TD>B <TD>B <TR><TH ROWSPAN=2>列标题 2 <TD>C <TD>C <TD>C <TD>C <TR><TD>D <TD>D <TD>D <TD>D </TABLE> 看了以上的例子，应该了解表格的基本写法吧！