推荐阅读
Photoshop调色调出复古小清新艺术效果外景人像照片教程
效果图，最终调色是希望出那种很宁静的感觉。原图暗部欠曝，感觉很闷导入LR，整体提亮，压住亮部，不让亮部过曝，通过高光，阴影协调整体曝光，同时注意不要让图偏色。RGB通道下加反差，同时继续压住亮部，调高暗部。红、绿、蓝通道经典S模式，这里自己把握下感觉，因为颜色通道下的S曲线，轻微变化就会有不同的感觉，自己可以多大胆尝试。
Photoshop绘制漫天大雪下的中国风梅花图教程
这些年摆弄photoshop的时候少多了!去年年末突然又想用它来画一幅画。说是画画，也不准确，因为整个过程不用笔，也不用板子!这叫什么画画!其实是拼一幅画。画的过程中，直接就凑了一个教程，总的来说，这个教程没什么实用的价值，只是想这样做而已。这个教程只用到了Photoshop自带笔刷及滤镜。所有步骤都没有给出具体参数，主要是考虑不同的画幅、个人所要达到目的效果的不同，都需要不同的参数，这个需要在实践中去体会，画这个画的想法与实现方式都决定了不能复制，每个人画出来都会不一样，就我自己也无法重复画一幅，我想这正是这个教程最有意思的地方吧!同时，本教程的想法只是偏重了思路，而对于具体方法表述并不细致，一方面是为了给喜欢的人更大的个人思考空间，同时也是犯懒。嗯，具体的，有需要的再探讨吧!在文章的结尾，我给出了做这个画的梅树及花的素材，不想太累的也可以玩一下。先上最终的成稿，有一个感性的认识。新建图层填充灰色，执行滤镜——分层云彩。按ctrl+f，不断重复这个滤镜，然后观察出现的墨晕的效果，那些是黑色较重的部分，就是我们将来要用来制作梅树干的部分!看你的脑洞了!自己判断哪一块可以用哦!在这个过程中，发现有可用的了，要把它修剪出来，就像做盆景一样。在这里不要在图层上直接修剪，而要再处理一下，用通道调出素材的选区并反选，新建图层填充黑色!得到了各种各样的梅花树干的素材，然后就修理吧!细心一点儿，多做出一些树干枝杈的素材，为下步拼接梅树做出足够多的素材。在选取素材的时候，注意墨色的浓淡搭配，各种墨色的、各种形态的枝杈都要准备一些。而且是多多益善，便于创作的时候增加可选择性。 为了处理的时候看着方便，我在背景层上填充了颜色。在选择素材的时候，可以使用套索工具，适当加一点羽化，一个像素就可以。还可以利用橡皮工具，可以使用“喷溅”、“硬毛刷”等笔刷效果，这就根据你的需要了。下面这些图，就是经过一次次的重复上面的过程，从随机生成的效果里，修剪出来的梅树的枝干，以及大大小小姿态万方的枝杈!
巧使网页图片产生旋转效果
Rotation滤镜可以使图片产生旋转效果，注意必须是IE5.5及IE6.0才能看到！方法如下：制作过程：一、准备图片1张。二、建立一个CSS样式作为图片边框。代码：< style> body img{border:3 gold ridge} < /style>三、将下列代码放到< head>间。
Photoshop制作欧美风格蓝黄色调非主流
2010-6-20 15:26 2010-6-20 15:26 2010-6-20 15:26 搜索更多相关主题的帖子: 调色教程 欧美风 黄色调 非主流 PS教程
最新发布
xhtml的结构标签
原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。来列一个完整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 表格caption, table, td, th, tr 图片img 对象object, param metameta 外部调用link 基本base
网页细边框制作方法两则
很多朋友都有过制作网页的经历，如今，众多网页的设计都用到了表格。这样不仅有利于网页的维护，同时，提高了网页的观赏性。在众多网页制作风格中，细边框这个制作方法是必不可少的。这里，我将简单地谈一下细边框的制作方法。 谈到细边框，本人认为大致有两种制作方法，第一种是用表格的嵌套，第二种是用CSS强制定义。 如何用表格嵌套呢?大家都知道，用Bgcolor可以在表格中任意定义表格的背景颜色，用Cellspacing可以控制表格单元的额外空间，如果定义两个表格，把其中一个的表格背景设为全黑，然后在这个表格中嵌套定义另外一个表格，背景设为全白，并且把Weight=100%。这时，两个表格是重叠的，但是，如果把背景为黑色的那个表格再定义一个Cellspacing=1。那么就是说，黑色的表格比白色的表格多出了一个像素的外围空间，而白色的表格又在黑色表格之上，从而达到细边框的效果。源代码如下: <table border="0" cellpadding=0 cellspacing=1 bgcolor=black> <tr> <td> <table width="100%" border="0" cellpadding=0 cellspacing=0 bgcolor=white> <tr> <td> </td> </tr> </table> </td> </tr> </table> 第二种比较简单，那就是用CSS(层叠样式表)强制定义，但是，有些比较老的浏览器不支持CSS，可能导致无法显示你所要求的效果。不过使用CSS定义，语句非常简洁，所作网页的容量也较小。它的操作方法是，在表格的最外围的相应最小单元的<td>标签中定义style="BORDER-postion: black 1px solid;"，其中，Postion的参数有Left、Right、Top和Bottom，分别表示在单元的左、右、上、下显示一条1个像素宽的实线条。 源代码如下: <table border="0" bgcolor=white> <tr> <td style="BORDER-left: black 1px solid; BORDER-top: black 1px solid;"> </td> <td style="BORDER-top: black 1px solid; BORDER-right: black 1px solid;"> </td> </tr> <tr> <td style="BORDER-left: black 1px solid; BORDER-bottom: black 1px solid;"> </td> <td style="BORDER-bottom: black 1px solid; BORDER-right: black 1px solid;"> </td> </tr> </table>
HTML标签详解
＜html＞＜head＞＜title＞标题＜title＞＜/head＞＜body＞..........文件内容..........＜/body＞＜/html＞1.文件标题＜title＞..........＜/title＞2.文件更新--＜meta＞ 【1】10秒后自动更新一次 ＜meta http-equiv="refresh" content=10＞ 【2】10秒後自动连结到另一文件 ＜meta http-equiv="refresh" content="10；URL=欲连结文件之URL"＞3.查询用表单--＜isindex> 若欲设定查询栏位前的提示文字： ＜isindex prompt="提示文字"＞4.预设的基准路径--＜base> ＜base href="放置文件的主机之URL"＞版面1.标题文字 ＜h#＞..........＜/h#＞ #=1~6；h1为最大字，h6为最小字2.字体变化 ＜font＞..........＜/font＞ 【1】字体大小 ＜font size=#＞..........＜/font＞ #=1~7；数字愈大字也愈大 【2】指定字型 ＜font face="字型名称"＞..........＜/font＞ 【3】文字颜色 ＜font color=#rrggbb＞..........＜/font＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码3.显示小字体 ＜small＞..........＜/small＞ 4.显示大字体 ＜big＞..........＜/big＞5.粗体字 ＜b＞..........＜/b＞6.斜体字 ＜i＞..........＜/i＞ 7.打字机字体 ＜tt＞..........＜/tt＞8.底线 ＜u＞..........＜/u＞9.删除线 ＜strike＞..........＜/strike＞10.下标字 ＜sub＞..........＜/sub＞11.上标字 ＜sup>..........＜/sup＞12.文字闪烁效果 ＜blink＞..........＜/blink＞13.换行 ＜br＞14.分段 ＜p＞ 15.文字的对齐方向 ＜p align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.＜p align="#"＞之後的文字都会以所设的对齐方式显示， 直到出现另一个＜palign="#"＞改变其对齐方向，或遇到 ＜hr＞＜h#＞标签时会自动设回预设的向左对齐。16.分隔线 ＜hr＞ 【1】分隔线的粗细 ＜hr size=点数＞ 【2】分隔线的宽度 ＜hr size=点数或百分比＞ 【3】分隔线对齐方向 ＜hr align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 【4】分隔线的颜色 ＜hr color=#rrggbb＞ 【5】实心分隔线 ＜hr noshade＞17.向中对齐 ＜center＞..........＜/center＞18.依原始样式显示 ＜pre＞..........＜/pre＞19.＜body＞指令的属性 【1】背景颜色 -- bgcolor ＜body bgcolor=#rrggbb＞ 【2】背景图案 -- background ＜body background="图形文件名"＞ 【3】设定背景图案不会卷动 -- bgproperties ＜body bgproperties=fixed＞ 【4】文件内容文字的颜色 -- text ＜body text=#rrggbb＞ 【5】超连结文字颜色 -- link ＜body link=#rrggbb＞ 【6】正被选取的超连结文字颜色 -- vlink ＜body vlink=#rrggbb＞ 【7】已连结过的超连结文字颜色 -- alink ＜body alink=#rrggbb＞20.注解 ＜!--..........--＞21.特殊字元表示法 符 号 语 法 ＜ ＆ｌｔ ＞ ＆ｇｔ & ＆ａｍｐ " ＆ｑｕｏｔ 空白 ＆ｎｂｓｐ 图片1.插入图片 ＜img src="图形文件名"＞2.设定图框 -- border ＜img src="图形文件名" border=点数＞3.设定图形大小 -- widthheight ＜img src="图形文件名" width=宽度点数 height=高度点数＞4.设定图形上下左右留空 -- vspacehspace ＜img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数＞5.图形附注 ＜img src="图形文件名" alt="说明文字"＞6.预载图片＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞ P.S.两个图的图形大小最好一致7.影像地图（Image Map） ＜img src="图形文件名" usemap="#图的名称"＞ ＜map name="图的名称"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜/map＞ 【1】定义形状 -- shape shape=rect：矩形 &nb
网页申请表单用户体验设计
“输入框表单元素应该合理分布，以便于使你的大脑可以处理表单框架和与之相关的页面区域”选自文章《HTML: the Definitive Guide》 工作中可能会遇到的问题，我们通过如下图示分析一下“标签”和“表单”的关系：
什么是uri和url?
1.什么是URI Web上可用的每种资源 - HTML文档、图像、视频片段、程序等 - 由一个通过通用资源标志符(Universal Resource Identifier, 简称"URI")进行定位。 URI一般由三部分组成:访问资源的命名机制。 存放资源的主机名。 资源自身的名称，由路径表示。 考虑下面的URI，它表示了当前的HTML 4.0规范: http://soft.sj33.cn/lesson/148/2623648.shtml 这个URI是这样的:这是一个可通过HTTP协议访问的资源，位于主 机soft.sj33.cn上，通过路径“/lesson/148/”访问。在HTML文档中其它资源包括"mailto"(收发email)和"ftp"(FTP访问)。 这是URI的另一个例子，指向一个用户的邮箱: <A href=mailto:web@sj33.cn>写给站长</A> 注:大多数读者可能熟悉"URL"，而不是URI。URL是RUI命名机制的一个子集。
什么是DOCTYPE?
DOCTYPE声明 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看很多使用XHTML标准开发的网站，第一行就是： 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，会发现同样的代码。 而另一些符合标准的站点的代码则如下： 那么这些代码有什么含义？一定要放置吗？ 什么是DOCTYPE 上面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。 其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。 要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。 XHTML 1.0 提供了三种DTD声明可供选择： * 过渡的(Transitional)：要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)，完整代码如下： * 严格的(Strict)：要求严格的DTD，你不能使用任何表现层的标识和属性，例如，完整代码如下： * 框架的(Frameset)：专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD，完整代码如下： 我们选择什么样的DOCTYPE 理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。 注：上面说的"表现层的标识、属性"是指那些纯粹用来控制表现的tag，例如用于排版的表格、背景颜色标识等。在XHTML中标识是用来表示结构的，而不是用来实现表现形式，我们过渡的目的是最终实现数据和表现相分离。 打个比方：人体模特换衣服。模特就好比数据，衣服则是表现形式，模特和衣服是分离的，这样你就可以随意换衣服。而原来HTML4中，数据和表现是混杂在一起的，要一次性换个表现形式非常困难。呵呵，有点抽象了，这个概念需要我们在应用过程中逐步领会。 补充 DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。
XHTML代码的基础知识
一段时间以来，发现有很多人XHTML都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML，我这里呢算是把一些常见的应用问题做一个总结，也算能使得大家能在沟通，合作上能形成默契。XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,emdiv 在我的脑子里我一直把他想作是一个瓶子或是箱子，我的感觉它挺硬的。这个div没有什么特性的意义，可以使用在很多地方，也就是说他可以装不同的东西。他的正确的写法是<div></div>必需要有封口。大家都用来做布局之用，也有用来作为存放文章形成段落，实际上，这个做法并不是很好，因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的<p></p>标签，不过用DIV来再整体的包住所有的段落。这是非常实用的。p 这是一个有特定语义的标签，表示段落，是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进，因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进，我是推荐在文章以外的地方不要使用P，因为P是有一定语义的，如果用在别的地方恐不合适。正确的写法是<p></p>span 这也是一个非常常用的标签，这个标签可以说与div很像，没有什么特定的意义，只是他是一个级联元素，不是块级元素。我一直把它看作是一个袋子，他不像箱子那样可以有自己的宽高，他的宽高只能随着内容的多少而定，所以很像是袋子。这个标签与div正好互补。ul,li 这是一个列表，在列表中，除了UL还OL，不过我觉得OL有点像是鸡肋。因为UL通过CSS定义一样可以有OL的数字排序效果。所以一般我不推荐使用OL，有UL就可以了。UL是块级的，他的子级li也是块级标签。正确的写法是<ul><li></li></ul> LI标签是被UL标签包裹的，在UL标签里可以有无数个LI标签，LI标签不能独立使用。并且LI标签一定要封口，这不光是美观问题，对于后期的维护也很有好处。很多程序员都不喜欢把这个LI封口。UL列表的用处主要是列举出一维的，同一类型的数据。具体的比如使用在菜单上，文章中列数的一些条例等等。在列表中有一种特别的形式与UL是不一样的。那就是下面的DLdl,dt,dd 这是一个很特别的三个标签的组合。这里的DT是指标题，DD是指内容。DL是包课他们的容器。正确的写法是<dl><dt></dt><dd></dd></dl>在DL里可以有很多组的DT，DD，当出现很多组的时候必需是一个DT配一个DD，不能有落单，如果DD中内容很多，可以在DD里加P标签配合使用。DL列表是一个非常好的列表形式，可以多加利用。a 这表示链接，是一个特定属性的，也是网页中最为神奇的标签。因为它才让无数的网页都连在了一起。正确的写法是：<a href="" title=""></a>其中的href是表示目标地址，TITLE是鼠标悬停提示文字，这是可有可无的。但是有必是利大于无。img 这是图片标签，也是个特定属性的标签。正常写法是：<img src="" alt="" title=""/> 这里的src是目标地址，ALT与TITLE是鼠标悬停提示，ALTj IE特定的，TITLE是其它浏览器的通用的。不过记得后面的反斜线那是一定要有的。H 这是一个系列的标签，从H1到H6，一共六个，有人说太少了，有人说正好用，有人说用不了这么多。反正我是觉得差不多。正确写法是：<h></h>主要是用来存放标题，也有一些朋友用来作它用，个人觉得这个标签还是让他安生一点，就让他做标题的作用。这六个标签之间最好不要出现什么相互包含的事。
HTML语言剖析(一) Html简介
Html简介 全写： HyperText Mark-up Language 译名： 超文件注标式语言(译名之一) 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记(tag)使文件达到预期的显示效果。 HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。 ■ 阅读须知： 这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页 编辑工具都可以变成一把利器。 ■ 标记写法： 任何标记皆由"<"及">"所围住，如 <P> 标记名与小于号之间不能留有空白字符。 某些标记 要加上参数，某些则不必。如 <font size="+2">Hello</font> 参数只可加于起始标记中。 在起始标记之标记名前加上符号"/"便是其终结标记，如 </font> 标记字母大小写皆可。 ■ 围堵标记与空标记： 标记按型态分为围堵标记与空标记
HTML语言剖析(二) HTML标记一览
注： ● 表示该标记属围堵标记，即需要关闭标记如 </标记>。 ○ 表示该标记属空标记，即不需要关闭标记。 IE 表示该标记只适用于 Internet Explorer。 NC 表示该标记只适用于 Netscape Communicator。 反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。 弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。 新 表示该标记是 HTML 4.0 中新增的。
HTML语言剖析(三) 文件标记
欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。 亦请先明白围堵标记与空标记的分别请看 【HTML概念】。 ■ HTML 基本架构： 以下 HTML Source Code 便是一份 HTML 文件的基本架构： 特点解说： 整份文件处于标记<HTML>与</HTML>之间。 <HTML>用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 文件分两部分，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。 基本上两者各有适用的标记，如<TITLE>只可出现于开头部分。 开头部分用以存载重要资讯，而只有本文部分会被显示。 所以大部分标记会运用于本文部分。 <TITLE>所标示的是文件的标题。 会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同而明确的标题 是需要的。 上述标记中只有<BODY>具参数设定。