推荐阅读
调出唯美艺术效果的夜景人像照片的PS调色教程
这组夜景是洱海网红树附近拍的，但是那几天都在下雨洱海涨潮，因为周围都是海没有环境光而且天也已经死黑了，所以我们原本带的两盏灯也没有任何用，只能把人物照亮，周围的环境还是一片死黑，加上晚上的洱海温度很低，让人瑟瑟发抖，在水里呆久了特别容易感冒，整组片拍下来也只不过用了几十分钟而已。首先我们分析一下原片：天空环境死黑固有色为暖色没有对比层画面单一 构图单一主题氛围感不足然后我们整理一下思路，这是一组人妖恋的主题，所以我们后期的方向需要把这张照片变得更加情欲和迷幻。
Illustrator基础教程(5)
我们已经了解了Illustrator的工具箱和浮动面板，现在我们看看Illustrator菜单里有什么有用的东东。 在菜单栏里包括了File、Edit、Object、Type、Filter、View、Window、Help八个菜单。先让我们看看File(文件）菜单。在这里和大多数软件一样包含了New(新建）Open(打开）Close(关闭）Save(保存）Save as...(另存为...)Save a copy...(保存一个拷贝）Revert(复原）。这些命令的操作和大多数的流行软件（特别是Photoshop)相似，这里就不多讲了。我们看看Place...(置入）。选择置入后，出现一个对话框 和大多数软件一样上半部分当然是选择文件之用，下半部分的中部是图形预览，左边有三个选项Link(链接）、Template(模板）、Replace(重新置入）。当我们选择Link时表示图像是按链接方式置入Illustrator的，这时置入的图像以带x的矩形方框表示选取状态。 在这种状态下只能对其进行缩放和旋转等操作。在链接状态下如果目标文件改变，链介入的图像也会跟着改变。如果不选中Link项，可以看到被置入的图像以矩形方框来表示其处于选中状态。 这种状态我们称之为嵌入。在嵌入状态下我们就可以对图像进行变形、滤镜等操作。 如果选中模板项，文件就会作为模板置入Illustrator，这时图像就不能被移动、不能被选择、显示以灰色显示。 重新置入可以改变图像置入的状态。如从链接状态改变为嵌入状态。这里有一个小的技巧告诉大家，在你置入的光栅图像还没定稿之前可以选择链接方式置入，这样如果在Photoshop中对图像进行的改动就会自动对Illustrator置入的光栅图进行更新。定稿以后就可以将它嵌入到Illustrator里。下面让我们看看Export(输出）。选择输出同样出现一个对话框，在文件类型里我们可以选择多种图形格式。 包括常用的BMP GIF89 JPEG Photoshop5 TIFF等等，这使Illustrator能够很好的和各种图形软件融合，可以方便的结合Photoshop进行图形加工。 Document Info命令可以看到一些文件的信息，如文件名、大小、物体个数、字体等等。当你选中图形中的一个物体或多个物体时Document Info就会变为Selection info，这时你看到的信息就变为选择的物体的信息。Docment setup提供了文件的一系列的参数设置。 本新闻共2页,当前在第1页 1 2 如页面的尺寸、页面的方位（横着还是竖着）、输出分辨率、拚板设置等等。Print setup....和Print就不多讲了，因为采用不同的打印机有不同的设置，这里就得自己翻翻打印机的说明了。 下面重点讲讲Preferences(参数设置），在这里包含了许多Illustrator的初始化设置，如果你想方便的使用Illustrator这里可要仔细看哟。它包含了General....(一般设置）、Type &Auto Tracing（字体和自动描边）、Units &Undo....(单位和还原操作）、Guides &Grid...（参考线和坐标格）Hyphenation Option(连字符操作)Plug-ins & Scrach Disk(插件和虚拟磁盘）。先让我们看看一般设置。 在这里可以进行很多专业的设置。Keyboard Incremnats(键盘操作设定）中的Cursor Key(箭头键）用来设置键盘上的箭头键移动的距离，这样当在实际工作中鼠标难以移动的微小距离可以用键盘上的箭头键移动（很有用！）。Tool Behavior(工具设定）中可以用Constrain Angle(角度限制）来设置页面坐标的角度。如果输入30度，那么画出的任何图形都将倾斜30度。Corner Radius(圆角半径）用来设置工具箱中圆角矩形的圆角半径。在General Option(常用选项）中有以下选项User Bounding Box(使用边界框）、User Area Select(区域选择）、Use Precise Cursor(采用精确图标）、Paste Remember Layers(贴入已记忆层）、Tansform pattern Tiles（连续图案的变形）、Disable Auto Add/Delete(取消自动减点工具转换）、Disable Warning(取消警告）、Show Tools Tips(显示工具说明）、Scale Stroke weight(缩放边线宽）。 在文字类型和自动描设置中可以根据个人习惯设置，包括Type Option(文字选项）设置Size/leading(大小/行距）、Tracking(字距）、Baseline Shift(基线移动）、Greeking(文字显示的最小值）、Type Area Select(文字区选择）、Show front name in English(用英文显示字体名字）。在Auto Trace Option(自动描边工具）中可以让你设置Auto Tace Tolerance(自动描边容忍度）和Tracing Gap(描边空隙）来设置自动描边的精度和路径的复杂程度。Units & Undo(度量单位和还原设置）中可以设置General(标尺）、Stroke (边线）、Type(文字）的度量单位和Undo的次数。在设置Undo次数时一定要按照你的配置来设置，因为Undo的次数越多就越占内存。 这里的设置有一个灵活的方法，如果你是矢量图形比较多的话就可以稍微设大一点，如15，（当然你要确定你的内存一定要大于128M)这样就可以放心大胆的对画面进行修改。 Guides & Grid(参考线和坐标格的设定） 可设置参考线的颜色和样式（实线还是虚线）。同样坐标格也可以设置它的Color(颜色)、Style(样式)、Gridine every(坐标线之间的距离)、Subdivision(坐标线之间再分割的数量)以及Grids in back(坐标现在图形后面）。 Illustrator8.0还提供了Smart Guides（智能参考线）功能，这包括了Text Lable Hints(文本标签提示）、Construction Guides(构造参考线）、Transform Tools(变换工具）、Object Highlighting(高亮度物体）以及Snapping Tolerance(贴近容忍值）。通过这些选项可以让你更方便的工作。 我们在使用英文的时候经常遇到连字符，在Hyphenation Option(连字符操作）中我们可以设置连字符的操作。 在DefaultLanguage(默认语言）中设置你使用的语言，在New Entry(新单词）中输入你要加连字符或不加连字符单词，然后单击Add在上面的方框中就会出现你添加的单词。当我们在输入单词的时候如果遇到这个单词就会自动添加连字符。 Plugs-ins & Srcrath Disk(软插件和虚拟磁盘： 这和Photoshop的设置一样，可以设置插件位置和虚拟磁盘的大小。如果你那天滤镜等插件找不到可先要在这个设置你找一找。虚拟磁盘大小也很重要，特别是在处理大尺寸文件的时候，如果遇见提示内存不足的时候一定要把虚拟磁盘空间设置到一个有足够空间的硬盘上。 Illustrator是图形处理软件，那么色彩的匹配就是一个相当重要的设置。你可以想一想作为一个专业的图形处理软件如果屏幕上看到的颜色和输出的颜色大不一样，那还叫什么“专业”。在文件菜单中我们可以找到色彩设置（Color seting)通过这个对话框我们可以设置Illustrator的色彩配置。 在Monitor(RGB)种选择你的显示器，我用的是NEC的显示器就选择NEC的色彩配置文件。当然也可能你的显示器没有色彩配置文件，那就只能用它的默认配置文件了，工作的时候也要对色彩多留心了。Print (CMYK)中选择你的打印机。Engine中选择色彩引擎。如果你想用PC达到非常好的色彩效果，买硬件的时候最好买Illustrator列出的显示器和打印机。本新闻共2页,当前在第2页 1 2
最新发布
让IE（包括IE6）支持HTML5元素的方法
自HTML5标准的提出就得到非常多的关注，而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题，上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准，但对于IE9是否将完全支持HTML5所有的标准，微软却表现的有点含糊其辞。HTML5标准能为网页带来更高效更洁净的代码，只有微软参与HTML5的设计工作，才能让IE浏览器识别更多的新元素。HTML5标准预计是在2022年向全世界发布，虽然目前距他发布的日期还有3年左右的时间，但是我认为它距离我们并不是那么遥远，目前很多网站的设计和开发都是在采用HTML5的标准。在HTML5标准的制定和推广方面，苹果、Google、Opera和Mozilla等知名的浏览器厂商都表现的比较积极，微软现在也开始付出行动了，从上周微软在技术大会公布的IE9细节来看，微软将采取一种谨慎的态度涉足网页标准。微软也曾表示：IE浏览器将以标准HTML5为核心。但是微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的，我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http请求。<!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script><![endif]–>上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用html5.js文件必须添加在页面的head元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。这个html5的js文件是作者把他放在Google code project上提供给大家可以直接调用的，当然，如果觉得这样会影响你的网页打开速度，你可以把html5的js文件直接下载下来让后上传到自己的服务器单独调用。以下是html5的js文件中的代码：(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})()除了在网页中调用包含以上代码的js文件来让IE浏览器支持HTML5元素以外，你也可以以下面这种方式把代码直接添加到网页中。<!–[if IE]><script>(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})()</script><![endif]–>
网页设计的考试试题（网页制作基础知识）
一、单选题1．“常用”面板中的“图像”按钮，在_____区域中。A．插入面板 B．属性面板 C．面板组 D．菜单栏2．_____在面板组中。A．CSS B．文件 C．属性面板 D．框架3．在表单中允许用户从一组选项中选择多个选项的表单对象是_____。A．单选按钮 B．列表/菜单 C．复选框 D．单选按钮组4．超级链接主要可以分为文本链接、图像链接和_____。A．锚链接 B．瞄链接 C．卯链接 D．瑁链接5．CSS表示_____。
div+css实例分享：非常不错的页面制作方法
数据块其实是微格式的一个变相应用，给不同的数据元素定义固定的结构。 Tudou.com 需要定义的数据块有： 比如 .mVideo 应该是这样的： 最后，附上关键字表，就是一些用于公共定义的ID和Class名称。 ID Class
滚动条CSS样式集合
scrollbar-face-color: #FFFFFF; ’滚动条凸出部分的颜色scrollbar-highlight-color: #FFFFFF; ’滚动条空白部分的颜色scrollbar-shadow-color: #FFFFFF; ’立体滚动条阴影的颜色scrollbar-3dlight-color: #FFFFFF; ’滚动条亮边的颜色scrollbar-arrow-color: #FF0000; ’上下按钮上三角箭头的颜色scrollbar-track-color: #FFFFFF; ’滚动条的背景颜色scrollbar-darkshadow-color: #FFFFFF; ’滚动条强阴影的颜色scrollbar-base-color: #FFFFFF; ’滚动条的基本颜色 如上设置出现的效果即为滚动条除上下三角外的其他位置都为白色，上下三角为红色。大家可以根据具体的需要来对滚动条的颜色进行修改！
使用dl,dt,dd制作CSS垂直菜单
我一直在提倡不要使用列表来制作菜单，而且我一直在研究可以替换用列表制作菜单的方法。现在我依然反对使用无序列表来制作菜单，但我做了让步，用释义列表来制作CSS菜单比起无序列表要好多了。通过释义列表你有两个不同的方法可以让你选择使用（或许是三个）比起无序列表使用释义列表可以更灵活且更容易地定义标签的样式，你甚至可以只针对连接进行样式化并忽略"dl"和"dt"它们的样式，或许"dd"的默认缩进是唯一需要删除的样式。上面的菜单在"dl"里有张背景图片，在"dt"和"dd"也有背景图片，在碰到选择大号字体的时候这样就不会发生问题。 HTML代码： 查看演示>>
Div+CSS教程：如何闭合浮动元素？
所以，原来在标准兼容浏览器中我们也可以有这么多的方法闭合一个浮动元素，而且只需要 CSS，无需其他。顺带说一下以上除了overflow，其余都有一个附加效果就是自动收缩父容器宽度。 而对于 IE/Win，它有一套自己的体系，就是 layout，具有 layout 的元素会自动闭合浮动元素，再来看看触发 layout 的 CSS 属性，会发现和上面的块级格式化范围有很多类似之处： 以上来看 IE 中闭合浮动元素的方法也不少，自然也都有其局限性，要么有附带效果，要么使用的是非标准属性（无法通过验证）。 还要提一点的是 display:inline-block，这个属性对 IE 而言本身没什么用，实际效果只是给一个元素暗地添加了 layout，但是标准兼容浏览器是认得这个属性的，所以要不影响这些浏览器，需要将 display 设回默认。这里 IE 有一个 bug，如果先定义了 display:inline-block，然后再将 display 设回 block（这两个 display 要先后放在两个 CSS 声明中才有效果），那么 layout 不会消失，同时也不会影响其他浏览器，所以目前来说，这也算一个不错的触发 layout 的方法： 所以要跨浏览器闭合浮动元素，可以选择的方式还是很多的，如何搭配使用这些 CSS 属性就要具体情况具体分析了，灵活应用条件注释也很有必要，要是实在不行我们回过头来还有 clear 可以用嘛。
CSS加载方式对页面优化的影响
This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6-10 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text. 导致的问题就是，页面会有一段时间“朴素”，突然之间又“华丽”，用户体验很不好。 2、尽量使用 <link rel=”stylesheet” href=”http://www.syku.net/skin/syku/default.css” type=”text/css”> 的样式导入方式，而减少 @import 的使用，更勿使用多层嵌套的 @import 。因为在 IE 里， @import 相当于将 <link> 放在页面尾部。This is a valid syntax, but, even though it’s in the document’s HEAD, it breaks progressive rendering and instead causes the blank white screen and Flash of Unstyled Content problems.
CSS经验之谈：保持CSS文件整洁与样式统一
在52CSS.com群里，一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整，需要剔除冗余的代码，在CSS样式重整方面，比较头疼，不仅需要对现有的样式进行合并与精简，还需要为网站增加换肤功能。 不难看出，这是一个令人感觉很烦躁的工作，面对一行一行代码头皮发麻。如果我们养成良好的习惯，或许可以让工作更容易一些。就此问题与经验，以下的文字或许有很大的参考价值： 使用链接或者导入样式表的方法对于中阶或高阶的CSS开发人员来说都是再正常不过的事情，但是我在这里依然会强调一下这种方法的重要性。我见过的许多站点，在创站之初，CSS文件很整洁，组织的也井井有条，但是随着时间的推移，这些文档由于内嵌的甚至内联(inline)的样式出现而变得杂乱无章，一方面可能是由于给予的更新期限很短，另一方面或许就是纯粹的由于懒惰。 你正忙于一个拥有成千上万条的渠道内容同时出现的网站的大面积更新，给你的期限很短，所以你就选择了使用内嵌或者内联样式这样一些“快速修补”的方法。一些年过去了，习惯依然…，直到有一天你被告知这个站点需要重新设计，但是所有的内容仍然不变，这个时候而你只有一个星期去完成。想象一下，这将是一个怎样的境况。 其实这是很普遍的情况，更新样式表是一个再简单不过的任务，在你几年的“快速修补”之后，这些样式遍布了整个站点，相信你根本没办法记住他们在那里。所以现在你面对的只有2个选择：A、在一个星期之内找出一个方法去清理规整这些样式；B、找一份新的工作吧。 千万不要将你的工作变得愈来愈困难。使用链接和导入样式表是你的不二之选。规范的创建并保持样式表的整洁,你会活得更容易一些。 提示：小心使用链接或导入的方法会在标记上添加冗余的样式。每次你创建新的样式表，你都会更新要不就是添加新的样式，过多的外联样式不只会使补丁的修复变得困难，也会使样式表更难于维护。因此可以理解为什么大型站点会为不同的区块部分而去分离样式表。小心不要玩过火了，过犹不及。 这里很值得提及一下的是过多的样式表将会使HTTP的请求数增加。这些都会潜在的影响性能。因此，Internet Explorer将链接的样式表数限制在了32个。 请特别注意，在实际工作中，注意保持CSS文件整洁与样式统一。
CSS经验之谈：灵活运用注释带来的益处
CSS实战经验：灵活运行注释带来的益处 如果使用注释的方法得当的话，为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息，不过使用注释对优化组织结构和提升效用也很有帮助。 提示和标签 这是注释最常用的途径，可以为自己或其他开发人员留下提示信息可以避免后期引起的不必要的困惑和麻烦。这种应用简洁性最为重要。例如： /* Turn off borders for linked images */ img { border: 0; } 时间戳和签名 许多设计人员和开发人员会在最新更新的CSS文件标注日期时间，以及他们的名字。这些都会提供给我们一些联系信息以及文档更新信息。 /* Styles Updated: Thu 4.8.08 @ 5:15 p.m. Author: syku.net ――-*/ 对于一项工程，这种方法会很有用，如果你是小组一分子时，这更是显得尤其重要。要提醒的是，一些组织都要求在文档中留下这类信息，而有些公司喜欢把名字和日期这些信息放在文档之外的地方，所以在开始之前最好弄清楚这些事情。 组织
掌握CSS缩写技巧
为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量。由于 CSS样式表是纯文本文件，和图像相比相对较小，所以Web建设者很少考虑采取措施减少其CSS样式表文件的大小。但是，通过使用CSS缩写以及其他的一些简单技巧，你可以在很大程度上减少样式表的大小。 Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。 在我对自己样式表的一次非正式的特别测试中，我把文件的大小降低了大约25－50％。 使用CSS的缩写性质 CSS 的缩写性质（shorthand property）是一些专用的性质名，用来代替多个相关性质的集合。例如，间隙性质（padding property）是顶部间隙（padding-top）、右侧间隙（padding-right）、底部间隙（padding-bottom）和左侧间隙（padding-left）的缩写。 使用速写性质让你能够把多个性质／属性对（property/attribute pair）压缩进CSS样式表的一行代码里。例如，想一想下面的代码： 将它用一些缩写性质来替代就能够把代码减少为下面这样，两者的实际效果是完全一样的： 当属性是类似的值的时候，例如用于边框空白性质（margin property）的线性测量的时候，接在缩写性质之后的属性的顺序很重要。属性的次序是从顶部（顶部的边框空白）开始，然后围绕格子（box）按顺时针次序继续。 如果缩写性质的所有属性都是相同的，那么你可以简单地列出单个属性，然后在前面将它复制四遍。因此，下面的两个性质是相等的： margin: 5px 5px 5px 5px; margin: 5px; 类似的，你可以使用接在边框空白或者间隔性质之后的两个属性来代表顶部／底部和右侧／左侧属性对。 margin: 5px 10px 5px 10px; margin: 5px 10px; 属性的顺序在它们是不相似的值的时候是不重要的。因此，边框颜色、边框风格和边框宽度等属性可以以任何顺序接在大纲性质（outline property）之后。忽略某个属性等同于从样式规则里忽略掉对应的常规性质。 CSS缩写性质列表