推荐阅读
Photoshop调出唯美柔色效果的电影剧照教程
本教程主要使用photoshop调出电影剧照唯美的浓郁色彩效果，教程主要用到了太极剧照和Camera Raw效果。最后的剧照精致华美，摆脱了原图暗淡乏味的色调，变得很复古，很有味道。感兴趣的人不妨学习看看，大家一起加油学习吧。先看看效果图原图具体调色步骤如下：步骤1：打开PS，执行文件—打开为，找到太极剧照。并用Camera Raw格式打开。步骤2：基本数值，设置如下。
关闭网页中广告条的方法
在FLASH广告条中加入关闭的按钮只要在按钮上加入quit退出的命令即可。 现在在FLASH PLAYER中点击退出即可关闭FLASH PLAYER，但在网页中却不可以退出。在网页中要想直接实现退出是不可能的，不过我们可以利用层的隐藏属性来实现。具体插入层的方法这里就不多说，看看下面的代码吧。 <div id="right" style="position: absolute; visibility:z-index; left: 679px; top: 14px;"> <EMBED src="100250.swf" quality=high PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" TYPE="application/x-shockwave-flash" WIDTH="100" HEIGHT="300" id="ad" wmode=opaque></EMBED></div> <SCRIPT FOR="ad" EVENT="FSCommand()" LANGUAGE="JavaScript">right.style.visibility="hidden";//设置id为right的样式属性中的可见为隐藏，hidden改为visible即可显示</script>
怎么用PS把头发换一种颜色
怎么用PS把头发换一种颜色，我们要把头发选出来，再进行色彩处理。详细制作方法请阅读以下过程介绍：1、原照片:2、处理后的照片效果：3、打开原照片，点击通道面板，进入通道。4、选中红色通道，把红色通道拖到新建通道上面，进行复制红副本通道。
最新发布
网页减肥提速的9个技巧
对于网站设计师来讲，网站的访问速度甚至比内容还重要。就算网站内容很优秀，但如果访问速度很慢，相信也不会有多少人耐心等待。下面就介绍一些破洛洛试用过的网站减肥方法，效果还不错，希望在将来设计网站的时候能多多注意以下几项。 1:使用Gzip压缩文档：Gzip编码是用来改进网页性能的方法，不仅可以减小存储空间，还可以减少传输所需要的时间。将网站中的文件使用Gzip压缩后，可以显著地增加网页加载速度，同时也可以降低网站的带宽流量消耗。（使用此方法会加重服务器负担，因为需要修改服务器配置，对于虚拟主机用户来讲不可操作。） 2:CSS压缩减肥工具 http://www.xland.com.cn/css/geshihuacss.htm把你的网站CSS代码复制到此框内，点击压缩化，一般都可以对CSS压缩1-5k。 3:给JavaScript文件减肥：这个方法不同于Gzip压缩功能，缩小JavaScript文档有很多方法，在这里推荐使用JS在线减肥网站：http://javascriptcompressor.com/ 4:将样式表文件放在外部调用：把页面中需要用到的JavaScript 和CSS样式表文件放在另外的文件夹中，这样一来在打开网站其他页面时就会缓存这些调用的文件，从而加快网站页面的加载速度。 5:网站图片尽量使用GIF格式。GIF格式图片占用空间小，例如我的破洛洛的插图，JPG格式的图片一般在10-50K之间，而GIF格式图片一般都是10K以下。 6:尽量不要在首页调用太大的FLASH文件和视频文件。 7:避免使用网页重定向：无论是通过服务器端重定向还是通过JavaScript代码进行内容重定向，网站都会首先加载一个空白的页面，然后再定向到另外的页面，这样不仅延长了页面的加载时间，还很有可能导致无法跳转，让用户面对一个“空白”页面。 8:把统计代码放到网站的最下面：不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码，或者在最下方单独做一个Table或者div来放置计数器。这样，在计数器不能访问的时候，你的网站速度也不会受到丝毫影响。
网页设计师设计网页遵循的3条原则
在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种内容的定位。DIV是HTML语言中的一个常用元素，而DIV+CSS是网页布局的一种方法，这种布局方法区别于传统的Table布局，达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的，可以更方便搜索引擎的索引。 通常搜索引擎对标准化制作的网站页面所给予的权重更高，并且使用DIV+CSS的架构也有很多优势，比如改版方便，不需要变动页面的内容，网页打开速度也会明显加快。 很多网站都会忽略网页中的各种META标签，它虽然是HTML语言Head区的一个辅助性标签，但是完善这些标签会使得页面在搜索引擎中更受欢迎。对于搜索引擎来说，一般需要添加的标签有keyword（关键词）、Description（页面描述）、robots（搜索引擎抓取器）等，META标签的写法如下：<meta name="keywords" content="网页关键词，填写一个页面的内容关键词，关键词不可重复过多。"><meta name="description" content="网页描述内容，最好的一段完整的句子。">（具体可以参考网页教学网，查看网页源文件<head>之间的代码。） 除了网页头部的META标签，网页中的一些标签同样需要晚上描述内容，比如一些网站为了使页面更加美观，导航也采用图片格式，这样一来搜索引擎就无法“读懂”。 这时就可以将图片使用alt标签进行标注说明。方法是将图片加上alt=描述文字，如鼠标停靠在本博客每张插图上面现实的文字就是实现效果。 虽然网页中的关键词对于页面在搜索引擎中的排名很重要，但是在设计网页的时候，也不能有大量的重复关键词。 在搜索引擎的网页排名算法中，很重要的一个因素就是关键字密度，即某个词语在网页中的分布情况。
验证HTML，CSS以及RSS源是否正确的免费工具
没有什么比这更恼人了：创建并装饰了一个网页，认为已经做到完美，但测试时却出现一些未知的错误，并且不易改正它们。一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运，有许多免费工具可以验证你的HTML，CSS以及RSS源是否正确。有了这些易用的工具，你就可以放心，访问者看到的就是你想要展示的。 我们已经收集了14个工具，包括在线工具和Firefox插件，必有一个满足你的需求。 Firefox插件 CSS Validator：提供到W3C CSS验证器的易用链接，你可以通过右键的上下文菜单或者工具菜单来进行访问。 Firebug：Firebug是一个功能齐全的调试器和编辑器，使用它你可以开发单页面的HTML，JavaScript，CSS，DOM等等。你也可以使用其插件来实时监控 JavaScript，CSS和XML，找到其中可能出现的错误，并学会如何修正它们。作为每个设计师工具仓库中的重要一员，Firebug越来越通用，甚至开始有了自己的插件（如SitePoint的CodeBurner参考工具）。
来自W3C的消息:HTML5即将来临
刚刚从森林群里看到XHTML将终结的消息，来自W3C的消息：http://www.w3.org/News/2009#item119XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML 52009-07-02: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C’s position regarding the future of HTML. A FAQ answers questions about the future of deliverables of the XHTML 2 Working Group, and the status of various discussions related to HTML. Learn more about the HTML Activity 当然这里说的即将还有相当长的一段时间，2年，5年甚至更长。。。
网页制作前端技术应该继续改革
最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然：我原以为CSS 布局的意义早已深入人心，却没想到还有这么多设计师及开发人员持有异议。静下心来看罢大家的讨论，一番细想，觉得原因可能有两个方面：所以，我们在推崇CSS布局的同时，无需为了证明它的优越性而把table本身贬得一文不值。日常开发中，也无需激进得完全抛弃table。table本身有语义，该显示数据表格的时候就应该使用<table>；在开发过程中，一些需要权衡成本的场合用table+css的布局也未尝不可。在这方面，很欣赏google 和 facebook 前端工程师们的务实做法。大家可以去关注下facebook 上常见的带半透明阴影的弹出对话框，就是使用<table>来制作的，同样非常的精妙。这一番的争论，结合近年来Web标准的发展，让我开始思考Web开发中改良和改革的区别。XHTML 2试图直接进化到XML，宣布与HTML的决裂。这曾经让我这个传统的HTML开发者感到恐慌。而当我看到WHATWG组织提出HTML5(最终被W3C认可)的时候，它的温良的改进让我感觉亲切得多，事实也证明，HTML5正越来越向我们走进。而Douglas Crockford甚至觉得HTML5都太猛烈了，提出了HTML 4.2的改良方案。再看JavaScript， ECMAScript 4 将JavaScript 改得天翻地覆，所幸技术委员会在最终阶段回归理智，重新提出的向下兼容的ESMAScript 3.1 显然得到更多真正战斗在一线的开发人员的认可。改良，而非血淋淋的改革，也许才是推动技术发展的更实际、更合情合理的方式。Web标准的演进是如此，产品或项目的升级是如此，甚至社会制度的建设亦如此。
hResume-发布简历的微格式
hResume是发布简历和个人简历的微格式。 主要是用于发布简历和个人简历hResume格式是基于一套共同的众多领域恢复今日公布在网站上。 在可能的情况下字段名称已选定，并从原有微格式重复使用。实现hResume的方式，简单的来说就是把微格式中的Hcard、hCalendar、hReview、XFN高级综合应用.hResumes的创作：必须填写的格式：hCard语义的XHTML设计原则内置的XHTML是XML的，因此，符合XHTML的格式，不仅可以用来显示演示方便，而且也为一般用途的数据交换。 在许多方面，兼容的格式，最好的例子都在HTML和XML中。 然而，当建设的XHTML的格式，它有助于有指导的一系列原则。hResume架构如下：* hresume :根类名称* summary :是用来标记概述的资格和目标。* contact :当前联系方式在hCard中应该使用<address>与hCard在可能存在的情况下。* education :适用于hcalendar活动。* experience :适用于hcalendar活动。职称/职务应使用hCard 。* skill :一个hResume可标记使用相对标记 microformat和’ skill ‘类的名字。* affiliation :类名affiliation是用来一起hcard组织，即联盟，团队.* publications :只需使用<cite> 。 当有引文，可以用来搭配举进一步标记元素的组成部分引文。
设计一个提示用户登录错误的表单
关于用户登录表单，很多时候我们要写许多错误提示的信息和文字，所以这里我们就从几个大型网站的登录表单来进行分析，看看他们对于错误提示是如何进行设计的。现在很多朋友都不止一个账户，不止一个密码。忘记账户名、密码，或账户名、密码输入错误也就难免啦。每当这个时候，你是否和我一样会有小小的焦虑产生呢？网站给予了登录表单什么样的文字帮助，就显得非常重要了。什么样的文字更有助于解决问题，同时也让人觉得舒服？以下我们来对这些错误提示做些比较：一、账户名和密码都没有输入，就点登录问题分析：这种情况可能出现在新手用户身上，或者忘记账户、侥幸点击登录的情况下文案关键点：照顾到新手1. 谷歌“此时我们无法让您登录到您的帐户”，本来是用户的操作问题，但语气上把问题归因于google自身，是我们无法让您……，而不是您不能……。
教你制作有好的错误页面
IIS默认的错误页是很不友好的，很多人看到默认的错误页时都会说：网站打不开了！白白损失了这部分流量。而如果错误页直接跳转到首页又对搜索引擎很不友好，搞不好首页还会被封掉。所以根据情况，有两个方法解决这个问题： 如果是博客等内容型的网站，可以返回一个带有404错误的搜索框让访客搜索，若是电子商务型网站，则可以返回一个带有404错误的进度条进行跳转。这两种方法即照顾了访客又顾及到了SEO。 可以在Google webmaster tools中查看自己网站错误页有多少。 修改默认错误页的方法很简单：在IIS中右键单击要管理的网站，在自定义错误中设置404为相应的错误信息页。这里有两种方式： 1、如果“消息类型”你选择的是“文件”，则只能使用.html或htm结尾的文件，否则用户访问错误页时会出现代码。用这种方式设置的错误页，虽然.html文件中没有输出404状态，但IIS执行后会自动输出404状态。 2、如果你“消息类型”选择了“URL”，则必须用asp文件（因为只有在asp文件中才能设置404状态），否则访问错误页时会返回200状态码。还要在asp文件中加上： <%Response.Status = "404 Not Found" %> 如果你希望定时跳转到首页，则也有两种方法： 1、利用meta标签的refresh进行跳转
Web页面中使用自定义选择框Select
select下拉列表表单可能大家都很熟悉，不过默认的下拉列表表单往往会让一些网站觉得丑陋，同时用CSS也很难调整select的样式。因此许多网站位了做出更符合网站风格的select下拉表单，往往会用JS来模拟这种效果。比如我们很熟悉的土豆网，淘宝商城和亚马逊都是用JS做的下拉列表表单。这样做的结果很明显在视觉上与网站整体风格统一，并且下拉列表样式很漂亮，不过也带来了一些不良反应，因为用JS来做的，所以会碰到许多预想不到的效果，下面通过测试者三个网站我们一一来分析他们各自的缺陷：土豆的搜索类别选择框，每次点击都让我觉得怪怪的：1. 点击后，弹出列表的位置与预期不同。潜意识里是下拉列表，结果土豆给了我一个“中拉列表”。2. 习惯性地用上/下键选择，结果却让整个页面滚动。3. 一怒之下，想关闭不用了。按下 ESC 键，却没有任何响应。4. 禁用 JS 后，完全不可用。类似，淘宝商城也是看起来很美：除了第 1 点，其它都和土豆一样，可访问性和可用性都存在问题。解决办法很简单，采用原生的选择框即可，比如 Amazon 的：为什么不鼓励在 Web 页面中使用自定义选择框呢？
HTML网页中的URL表示方式
在HTML中，常见的URL有多种表示方式：相对URL： example.php demo/example.php ./example.php ../../example.php /example.php绝对URL： http://dancewithnet.com/example.php http://dancewithnet.com:80/example.php https://dancewithnet.com/example.php同时HTML中有大量的元素属性值为URL，一般利用JavaScript获取这些URL属性值有两种方法：<a href="example.php" id="example-a">此时页面绝对URL是http://dancewithnet.com/</a><script>var oA = document.getElementById('example-a');oA.href == 'http://dancewithnet.com/example.php';oA.getAttribute('href') == 'example.php';</script>我们希望通过直接访问属性的方式得到完整绝对URL，通过getAttribute方法得到其原始的属性值，实际上这是一个比较理想的结果，在所有的A级浏览器中，能顺利得到这个结果的只有Firefox和IE8，其他浏览器都或多或少特殊情况，具体哪些元素的属性存在什么样的情况请看 演示实例 。在大部分浏览器中存在的问题是，两种方式都返回的是原始属性值，而实际应用中往往需要的是其绝对的URL，《Dealing with unqualified HREF values》中的解决方案太过于复杂，这里提供一种相对简单的解决方案，如果不考虑区别浏览器代码会非常简单：