推荐阅读
CorelDRAW绘制可爱的泡泡猪卡通插画
我们看过很多迪斯尼制作的动画电影，曲折激亢的情节，形象鲜明的角色设计，使观众在电影世界中流连忘返。迪斯尼动画中的角色在设计时，通常会准确得将人物的形象、气质、性格等因素分析清楚，然后结合这些特征来准确地设计角色形像。例如在电影《狮子王》中，辛巴的形象就是将一个年轻英俊的王子形象与狮子的形象结合了起来。本实例制作的是一只卡通的小猪，角色造型在设计也使用这种方法，将小猪与懒惰的小孩形象结合在一起，通过丰富的神情和夸张的动作，来表现角色的性格特征。整幅画面生动可爱、颜色丰富，充满了童趣。图1-37为本实例的完成效果。图1-37 本实例完成效果1.2.1 技术提示本实例的制作重点是卡通小猪的绘制，绘制时对细节进行了细致的刻画。在制作画面背景的过程中，要注意细小的装饰图案的编排，例如吊床的投影，树上的蜗牛，蜜蜂等，虽然只是很细小的卡通形象，却为画面平添许多真实感和生趣。如图1-38所示，为本实例的制作流程。为了节省本书的篇幅，关于背景和背景细节的制作放置在多媒体视频中进行演示，而书中只对小猪的绘制进行讲解。图1-38 本实例制作流程1.2.2 制作步骤：为角色着色(1)运行CorelDRAW，执行“文件”→“打开”命令，打开本书附带光盘/Chapter-01/“郊外背景.cdr”文件，如图1-39所示。
Photoshop制作烈焰中燃烧效果的玫瑰图
最终效果1、新建个PSD文件，将玫瑰的素材图片导入内部，并且栅格化，通过魔术棒工具去除白色背景如图。2、营造一下燃烧的气氛，新建个图层通过画笔绘制些火的颜色，将火焰的素材导入，图层混合模式改成滤色。3、Ctrl + J 重新复制一层，把原有的备份一下。Ctrl + Shift + U 去色，变成黑白色。
PS打造个性老旧木头效果文字
先看一下最终效果： 下面是具体的制作步骤：1.创建一个大小为700*1000像素背景为白色的文件。下载一些笔刷如下图给图片制造污点效果 选择"画笔工具"在预设了选择"半湿描油彩笔"如下图绘制 2.打开"素材文件"，这些素材可以去网上下载，用矩形选框工具选择一部分
最新发布
香港地区的服务器如何？
总结一下海外服务器租用需要特别注重的几点要求，就以香港服务器租用为例!·1.租用香港服务器首先必需考虑第一条件，带宽是否足够香港国际独立带宽费用相对比较贵，2M国际独享怎么说也要3万左右一年，比服务器租用本身成本可能还要高，能承受的客户也不多。其中的要点是：很多IDC商说自己的独享是2M，更离奇还是4M独享!这是绝对不有可能的!这可能给你绝对的保证。这是诚心的骗客户，以这带宽来做文章!这观点我之前已经谈论过了。你可以换一个人直接去咨询他国际独享带宽费马上可以知道真实情况了。2M独享IDC商的成本都要2万多，你租用一台服务器也就是1-2万，不可能有哪个IDC商做这亏本的生意。亏了服务器钱还要付带宽费用给你。一般这操作方式是指服务器到交换机的带宽这跟指的国际独享根本没任何关系。你要多还可以给你分10M，但是从机房到国际线路上你是1M国际线路都没有。由于经过国际线路客户是无法正确测试出真正的国际线路的。很多小的IDC就以这来做文章，能骗一个是一个。所以如果你服务器访问量非常大，又需要海外服务器。这不推荐你使用香港的，你可以考虑使用美国的服务器，美国对中国最快的服务器PING值达180MS 速度还是可以的，主要是美国带宽非常大。够你选择。如果你资金能支持可以考虑使用香港的服务器，增加2M 5M的带宽一般都能完全够用了。增加10M的客户主要是考虑后期扩展使用的。2.租用香港服务器考虑第二条件：提供服务器的IDC商是否有实力!最明显的就是能否安排公司技术人员现场到香港机房直接维护服务器。很多客户忽视这细节造成严重的后果!很简单的说明，在香港服务租用托管和海外服务器租租用一样。第一是版本问题是大家中国人不想看到的，在香港是有正版和盗版的区别，别想着你盗版的系统和数据有香港机房技术人员去帮你操作查看，这希望是不实现的。第二，在香港机房扫地工人都有8000以上港币，技术人员都是2万以一个月。一般情况下是不帮你操作任何服务器内部操作的。如需要查看服务器出错原因：以一小时1500元计费。晚间以3000元一小时计费。这费用能接受的人肯定少之又少吧。第三，IDC与机房使用是整柜一起租下来。机房只负责电源不断电，服务器重启。收费用重装系统这几个操作其他什么原因要由IDC自己解决。所以合作的IDC商是否有技术人员派去机房现场处理这是非常重要了。之前有很多客户转到我公司就反映过，在别公司那里租用一出问题远程不了就需要收费重新安装系统，一搞就是2 3天才操作。这就要求IDC有实力及时能安排技术人员去机房，并保证到机房的时候显的非常重要了。
B2C购物网站的购物车如何设计
电子商务网站的购物车页面除了常用的功能，可以通过合理设计来为网站提供更多的销售可能，本文通过三个主流购物网站的购物车设计，来为您介绍在设计购物车页面时到底因该注意些什么B2C购物网站都会有一个购物车功能。当一个顾客把它选中的产品加入购物车后,产品就会暂时存储在网站购物车里，顾客可以继续选择其它产品，一直到付款提交订单。在未提交订单前购物车内的商品可以保存一定的时间如30、60天等。网站购物车的作用和现实中的超市购物车一样，随意添加，删除，修改商品数量，方便购物者选好商品后一次性付款结账。购物车的功能是网站与顾客之间的很重要的客户触点，它的功能设计好与坏，对客户的购物体验有着相当大的影响。先看一个普通的购物车功能例子。http://www.zappos.com/product/7565321/color/18247将该产品Add to Cart后，页面刷新到购物车页面，如下图。 我们看到zappos的购物车页面除了正常的购物车功能之外，在下面有几个产品，Customers Who Bought Items in Your Shopping Cart Also Bought (购买了你购物车内产品的顾客还购买了)，这些商品都是为了进行交叉销售(Cross-Selling)，提高每张订单销售金额，同时也方便顾客找到其它 合适的产品，挖掘顾客的需求。像zappos这样，已经做得很不错了，国内很多B2C网站的购物车内根本都不做交叉销售的推荐。交叉销售(Cross-Selling)和向上销售(Up-Selling)对商家的好处在于：
网页设计价格低廉
很多客户问我为什么正规的网站设计都至少要两千元以上，最高有的甚至上万，可是很多网站服务商报价却很便宜，一千多块，甚至几百块，为什么一个行业有如此悬殊的报价，便宜的到底便宜在哪里?首先，网站功能不同价格肯定也不同，复杂的价格自然很高，简单的自然就低。然后同一功能复杂程度的网站为什么价格那么便宜，到底便宜在哪里?1、便宜在使用通用模板，花一天的工时找一些同行业网站模板，改些图片，甚至只改个名称、地址就交货，收你800，你肯定觉得便宜超值，直到某一天你发现网站上还有和你网站很相似的另一个网站时你才知道便宜在哪里。2、便宜在没有调查策划，专业的网站设计都是基于调查策划开始的，只有了解客户的行业、客群、竞争对手才可以有针对性地规划网站，做到反映行业特征、迎合客群、区别于竞争对手的要求。便宜的网站你就不要指望有这样的流程。3、便宜在使用廉价的域名空间，如果你听到域名空间都是白送，肯定觉得好像很超值，且不说这样的域名空间的稳定性和速度会不会对你的客户浏览造成干扰困惑和不耐烦。等你第二年被服务商通知你空间域名要续费时你就知道免费午餐可不是长久的。至于多少钱，天知道是不是一个天价，到时你不给还不行，不给你的网站就等着关闭。4、便宜在员工设计水平，聘请一个会使用网页编辑软件的工人工资和聘请一个设计师的工资相信是不一样的，就像同样会使用刀，医生和屠夫工资就不一样。同样的，软件只是工具，会用软件并不代表就具有某种职业资质!5、便宜在编程水平，同上面一样的道理，好的程序员他可以保证网站程序的运作速度和运作稳定，还有保障客户资料、产品价格等商业机密的安全性。6、便宜在没有针对性设计，不同行业不同公司网站的宣传方式都会有所不同，需要网站来配合解决日常的一些客户问题也不尽相同，比如如果你是一家某机械代理销售企业，那么在网络上提供便捷的“维修查询”功能就非常让客户受用。而便宜网站一般就是“首页、简介、产品、联系”四大模块。7、便宜在没有设置供搜索引擎搜索的关键字，便宜的网站是不会帮你设搜索关键字的，甚至你会发现你网站关键字居然是别人公司的名称(用了别人公司网站模板的结果)，至于图片的替代关键字，那更是一省了之，这样的网站就不要指望被免费的搜索引擎收入了。
不可不知的URL知识
URL设计是Web设计中常被忽视的东西，事实上URL非常重要，这不仅是一个网页唯一的路径，还涉及到你的站点是否干净，友好。本文讲述URL这个司空见惯的Web元素中包含的大量不应为忽视的知识，准则与最佳实践。需要注意的是W3C建议使用URI取代URL一说。关于URL的一些准则首先是与URL有关的一些准则。一个URL必须唯一地，永久地代表一个在线对象URL的最基本的使命是唯一地代表Internet上的一个对象，URL必须和Internet上的对象一对一匹配。然而现实中，这很难实现，我们经常可以通过多个URL到达同一个页面，比如，http://mysite.com/product/tv和http://mysite.com/product?name=tv，这种情形在现代CMS中更是比比皆是，针对这个问题，SEO moz有一篇很好的文章，讲到了如何使用Canonical URL机制解决站点中的重复URL问题。URL应该是永久的，这就要求你在站点上线前就非常严谨地规划URL。如果有一天，你不得不更改URL，一定使用HTTP301机制，告诉浏览器和搜索引擎，你的那个URL所代表的对象，已经搬迁到新地址，这个机制可以保证你旧地址所获得PR不会被清零。尽可能用户友好这是URL设计的根本，你的URL应该为最终用户而设计。保持URL友好的一个好办法是在保证可读性的同时让它尽可能短。比如/about就好过/about-acme-corp-page，当然，保持简短不能牺牲可读性，/13d2一类的地址短则短矣，但并不友好。如果要在Twitter，Facebook一类的社会媒体网络分享你的URL，可以使用Bit.ly一类的网址缩短工具，但这种工具产生的缩短URL并不友好，在Wordpress一类的CMS中，可以使用PrettyLink Pro或Short URL plugin一类的可控制的地址缩短插件。 URL的设计切忌使用一些对用户来说没有意义的内容，比如数据库的ID号，/products/23这样的URL地址对用户是极不友好的，应当使用/products/ballpoint-pen一类的地址。
HTML5 WebSockets 基础教程
HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket，创建客户端并通过WebSockets协议发送和接收服务器端信息。什么是WebSockets？WebSockets是在一个（TCP）接口进行双向通信的技术，PUSH技术类型。同时WebSockets仍将基于W3C标准，目前为止，Chrome和Safari的最新版本浏览器已经支持WebSockets了。WebSockets将会替代什么？WebSockets可以替代Long Polling（PHP服务端推送技术），这是一个有趣的概念。客户端发送一个请求到服务器，现在，服务器端并不会响应还没准备好的数据，它会保持连接的打开状态直到最新的数据准备就绪发送，之后客户端收到数据，然后发送另一个请求。这有它的好处：减少任一连接的延迟，当一个连接已经打开时就不需要创建另一个新的连接。但是Long-Polling并不是什么花俏技术，他仍有可能发生请求暂停，因此会需要建立新的连接。一些AJAX应用使用上述技术-这经常是归因于低资源利用。试想一下，如果服务器在早晨会自启动并发送数据到那些希望接收而不用提前建立一些连接端口的客户端，这是一件多棒的事情啊！欢迎来到PUSH技术的世界！第一步：搞定WebSocket服务器这篇教程会把更多的精力放在客户端的创建而不是服务器端的执行等操作。
与WEB技术同步:15个非常值得收藏的HTML5资源
作为一种尚未成型的技术，HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源，这些资源可以让你同 HTML5 的发展保持一致，并始终处于这门技术的最前沿。1、WTF is HTML5这是一个关于 HTML5 Infographics 的站点，包含诸如 HTML5 同 Flash 的对比，HTML5 不同浏览器支持情况，HTML5 最受欢迎的功能等资料。2、Dive Into HTML 5Mark Pilgrim 是知名软件开发师与博客作者，他在线编写了一本有关 HTML5 的书，侧重 HTML5 的编程方面的功能。3、HTML5 Doctor发布 HTML5 相关的文章，介绍目前我们可以借助 HTML5 实现的应用。站点中的一些文章和栏目，也是 HTML5 相应技术的最佳注解，如 dl element ，article element 以及 Q&As 部分。这个站点由一群在 Future of Web Design 大会相遇相识的开发人员共同创办。4、When Can I Use…这个简单的单页式站点是一份 HTML5 各种功能同当前主流浏览器（以及它们的不同版本）的兼容清单。5、HTML5 W3C Specifications这是 HTML5 的最新的草案，由 W3C 起草，如果你想对 HTML5 的方方面面有个权威的了解，这是最好的资源。6、Yes, You Can Use HTML 5 Today!SitePoint 有一篇非常出色的文章，鼓励开发和设计者现在就开始部署使用 HTML5，还讲述了改如何编写代码，以适应那些尚不支持 HTML5 的浏览器，如 IE8。7、Coding A HTML 5 Layout from Scratch这是来自 Smashing Magazine 的一篇文章，讲述了如何使用 HTML5 的新元素进行页面布局设计。8、HTML5 presentation这是一份关于 HTML5 的演示，是一份有关 HTML5 非常超前的资料，原本是为 Google Chrome用户 设计，因此，在某些浏览器上可能无法观看。9、HTML5 Gallery这是一个 HTML5 站点展示站点，定期推出一些基于 HTML5 的站点介绍，你可以藉此借鉴先行者们的技巧和经验。10、A Web Developer’s Guide to HTML 5这篇来自 W3C 的文章面向 Web 开发者，介绍了HTML5 的语法，API，术语以及各种开发者们关心的资源和技术。11、HTML5 Demos and ExamplesRemy Sharp 是一位来自英国的 web 开发者，他编译了这套 HTML5 演示，包括简单的，基于浏览器的聊天程序.12、Web Designer’s Checklist: HTML5 Support Tables一份非常全面的 HTML5 和 CSS3 浏览器兼容清单。13、HTML 5 differences from HTML 4HTML5 和 HTML4 到底有什么区别，这是 W3C 官方对比清单。14、HTML5-wikipedia*上有关 HTML5 的词条，非常权威，文章下方还提供了大量 HTML5 的权威资源。15、The HTML5 test这个站点可以帮您测试你的浏览器对 HTML5 的支持情况，并为你打出分数。
modernizr:检测浏览器对HTML5和CSS3特性
好吧，现在流行HTML5，我就给它标题加上个HTML5吧 :)其实modernizr就是为HTML5而生的——它是一个检测浏览器对HTML5和CSS3特性支持的JS库，著名的HTML5/CSS3浏览器兼容性网站FindmeByIP就是基于该框架实现的。可以看到，右下角绿色按钮上面有Modernizr的链接。modernizr的功能其实很简单，就是用js检测浏览器对HTML5/CSS3的特性支持情况，支持某个属性，就在页面的<html>标签上添加一个相应的class，不支持的话就添加一个no-前缀的class，比如，如果检测的浏览器支持video标签，modernizr就会在<html>标签上添加video类，否则，添加no-video类。查看FindMeByIP的源码或者用firebug之类的工具查看页面代码，就可以看到<HTML>标签中的class。另外，modernizr也提供了另外一种用法，就是单独的检测浏览器对某个特性的支持情况，例如：if (Modernizr.video) {} 通过类似的接口检测浏览器对HTML5的支持情况，是比较安全的。其实大家通常都会用UA去检测一个浏览器，当然ua也提供了更丰富的信息，UA不是万能的，它也有一些弱点，比如，用户浏览器的UA伪装，某些落后浏览器提供的UA信息太少，这些都会影响到对浏览器信息的判断。更重要的是，对于HTML5特性来说，用UA去判断一个浏览器是否支持某个特性，实现太复杂而且不靠谱。当然，关于UA和特性检测的争论一直都有，我这里想说的是，具体问题具体分析，在网站中使用HTML5来检测特性支持要比UA更靠谱、更方便～～
关于HTML 5表单的几个要点
这是之前组内分享的一个PPT，关于HTML5的表单，本来想整理成文字的，由于精力有限，终于决定放弃，偷个懒，直接把PPT放上来～～个人认为表单是HTML5的最大改进之一，它也被业界称为web form 2.0，这种称呼是名副其实的，从HTML3.2(1997年1月)到HTML4(1997年12月)，旧的表单陪伴了我们十几年，始终没有太大的改进。HTML5表单不仅仅大大的改进了表单的功能，改进了表单的语义化，同时也是对用户体验的一次增强，而对前端开发者来说，HTML5表单也可以大大增加工作效率。不多说了，看PPT：如果你对HTML5表单有疑问或更好的认识和经验，欢迎通过评论提出～～PS:发现现在Chrome dev版本也开始支持HTML5表单中的日期类型了，这和PPT中有点儿出入 @2010/8/8
最容易犯的10个HTML标签错误
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了行内元素内 HTML 元素的表现方式不外乎就两种:块级和行内.每一个标签都有默认的表现方式不是块级就是行内.像div和p 就是块级元素,他们用来形成文档结构.行内元素只能在快级元素内. 罪行2: img 标签没有包含alt属性 alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片.或者在网速比较慢的时候显示图片的含义是什么.它的主要目的是,说 明图片的含义,想这样的说明 alt=”image”是很糟糕的.如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”". 罪行3:在必要的时候没使用list
网页制作需掌握的6种能力
我在前面的《抄袭–网页设计师必备的本领之一》讲了设计师提升设计能力的一个方法。那么，除了提升设计能力外，想做为一个优秀的设计师还有些方面需要了解甚至是学习才能设计好网页。不得不说一个网页设计师就是个杂学家。平面设计师可以随心所欲的使用各种特殊的字体、使用不规则的排版、等等，而由于网页的某些局限性使得网页设计师需要在些特殊的限定下完成设计。除了要懂得设计外，还需要了解甚至是学习些与设计无关的知识才能做好设计。 我在写本文之前虽然已整理过了，但发觉要想把网页设计非专业之外的能力都列举出来，真是：老太太看地图–这才到哪里。涉及的面太广。另外，加上本人能力也有限，在不断的撰写中发觉自己对网页设计师需掌握的能力也是很不够的。先列出自己人为比较重要的6条共勉之吧。 题外话，如果你对我所介绍的这些书之外的书感兴趣，亦可在豆瓣上查看我阅读的书籍。 1、coding能力 由于网页代码的限制，网页设计师在做设计前需清楚什么可以做到，什么做不到。而不能像平面设计师那样可以随心所欲的排版设计。不仅如此，设计的时候也需要考虑到如何对SEO有利，也就意味着许多文字不能够用特异的字体做成图片来展示了。 coding能力包括许多方面：HTML代码、css+div、js、action script等方面。下面就我的一点个人经验列举的几种代码： HTML：这个不必多说了吧，连这个都不知道怎么能号称懂得网页了呢?具体的可在谷歌上搜下教程。 css+div：开始学的时候分别看了几本书，比较下来《CSS网站布局实录：基于Web标准的网站设计指南》这本书写得比较实在。其他的如：《CSS禅意花园》不看也罢。