推荐阅读
最强忍者服部半藏鼠绘海报教程
本教程涉及到中级鼠标绘制，但主要是需要有很敏感的色彩感，利用加深或减淡颜色来制作光影，故有美术基础的朋友做起来会比较容易一点，首先先看看最终效果图。 第一阶段 1、 新建500X600 RGB模式背景白色的文件。整幅海报的焦点集中在服部半藏的围巾上，那么先制作围巾部分，新建立一层，命名为“围巾下”，因为我们要把围巾分成“上下” 两个部分来制作。然后用钢笔工具拉出围巾的样式，CTRL+ENTER转换成选区，并填充红色，如图1： 2、新建一层命名为“围巾上”，制作围在脖子上的围巾部分，方法如上，见图2： 3、图1和图2组合起来围巾部分就制作完成了，但似乎什么都不像，慢慢来需要复杂的后期处理。见图3：
杨朝宗中国结艺作品欣赏-中国结
作者:畛宗 自Q"钭"的Y深中Y人.v:研中Y20多年 著作:Y入T.徒手F\.D走PL。 F任:新竹市青草湖社^大W中Yv 中AY委Tuh委T博客地址http://tw.myblog.yahoo.com/a0312-b1207/
标记类语言：与HTML相比XHTML有什么特点
2000 年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 问:什么是XHTML?答: XHTML是一种为适应XML而重新改造的HTML。当XML越来越成为一种趋势，就出现了这样一个问题:如果我们有了XML，我们是否依然需要 HTML?为了回答这个问题，1998年5月我们在旧金山开了两天的工作会议，会议的结论是:需要。我们依然需要使用HTML。因为大量的人们已经习惯使用HTML来作为他们的设计语言，而且，已经有数以百万计的页面是采用HTML编写的。问:为什么XHTML 1.0相对HTML 4.0独立发展?答: 并不是这样。XHTML恰恰就是HTML 4.0的重新组织，(确切的说它是HTML 4.01，是一个修正版本的HTML 4.0，只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别，但另一方面，它们依然非常相似，我们可以把XHTML的工作看作是HTML 4.0基础上的延续。问:XHTML 1.0如何实现XML标准?答: XHTML就是一种XML应用。它采用XML的DTD文件格式定义，并运行在支持XML的系统上。这里要感谢XML的Namespaces功能，浏览器制造商不需要再创造新的私有标签(tags)，他们只需要在XHTML代码里包含XML代码片段，或者XML代码里包含XHTML代码片段。2、与HTML相比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。
【行摄】4招掌握热气球航拍
迎着朝霞翱翔天际 为了拍摄出精彩的画面，我选择了观看日出那一班，因为大家知道，日出日落前后都是拍摄的好时机，那么乘坐热气球也是一样的，趁着天黑前往起飞地，然后做准备活动，可以先拍一些工作人员准备热气球升空的画面，然后伴着清晨的光线缓缓升空，这个时候太阳初升，不管是拍摄热气球本身还是拍摄陆地上的地貌风光，都是最合适的时间，把握好时间尽情拍摄吧。 热气球乘坐攻略 土耳其只有在卡帕多奇亚乘坐热气球，卡帕多奇亚是世界上最壮观的风化区，千姿百态的石头，千变万化的地貌，仿佛是另一个星球。我选择乘坐kapadokyaballoons公司的热气球，价格是每人250美元，飞行时间大概在一小时左右。最好是在没到土耳其之前就在网上预约好，不要等到来到土耳其再预约。预约成功后，告诉他们你在卡帕多奇亚的住址，他们一早会派车到你住的地方接你，非常方便，人性化。 准备升空让火焰充满画面 来到飞行地，工作人员会把热气球展开，等待点火的时候进行拍摄。注意，不要离点火器很近，工作人员会提示你安全距离。为了安全，我果断换上了24-70mm焦段，使用评价测光模式，提高感光度到ISO1000左右，把光圈开到最大2.8F。进行拍摄，这样可以保证画面清晰，拍完后用相机的直方图看一下曝光是否正常。 掌握速度清晰拍摄地面景色 在热气球下降的时候，我的视角集中到了地面。在热气球上拍摄，要保画面的清晰，首先要提高快门速度，在气球较平稳的时候拍摄，光圈尽量缩小保证画面清晰，同时要提高感光度来提高快门速度。其实热气球在空中飞行时，是比较稳定的，可以借助篮子的边缘稳定身体的抖动。 让热气球点缀你的画面
最新发布
网页减肥提速的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》中的解决方案太过于复杂，这里提供一种相对简单的解决方案，如果不考虑区别浏览器代码会非常简单：