推荐阅读
Photoshop如何制作签名教程思路全解析
这篇教程是介绍新手如何自己制作成签的思路，水平好的朋友可以绕路了，很多朋友不知道怎么制作签名，不知道如何色彩搭配，还有如何设计字体，其实新朋友不需要追求太多，只要吧图片设计的简洁大方即可。
Photoshop磨皮教程：巧用通道混合模式给人像精细磨皮教程
修片对比1. 先使用污点修复画笔里面的三个工具把脸上的很明显的痘痘等，修改干净。三个画笔的用法：A.污点修复画笔直接涂抹痘痘B.修复画笔：按住alt键取干净的皮肤为标本，放开alt涂抹痘痘的部分。痘痘就会变成标本的纹理C.修补工具：圈选痘痘的部分，然后移动干净的皮肤上。痘痘就会变成干净皮肤的纹理。
美图秀秀制作溶图签名档
玩论坛、逛贴吧，如果能有一个专属签名档就再好不过啦!不过，网络上多是浓墨重彩的图签，看多了让人反而觉得简约淡雅的图签更耐看。其实，这种清新范儿的图签就算自己动手DIY也不难的哦。下面小编就来跟亲们分享制作经验，看看如何将普通照片通过美图秀秀制作成色调柔美的签名挡!制作好的图签清新的溶图风格让人觉得格外舒服，喜欢这种调调的亲们跟着小编一起来操作吧!1、在“美图秀秀”中打开待处理照片。点击“抠图―手动抠图”，抠取照片的右半部分后，点击“完成抠图”按钮。2、在“抠图换背景”界面，点击“背景设置”按钮，将背景画布设置为浅棕色，再调整背景大小;点击“添加图片”，将原图作为背景加入，放大并适当调高透明度。3、回到“美化”菜单，点击“LOMO”特效分类，使用一个透明度为90%的“深蓝泪雨”特效，为图片营造清新感。4、进入“美容”菜单下，点击“磨皮祛痘”按钮，选择“自动磨皮―普通磨皮―轻”;然后再点击“饰品―非主流印”，添加透明度为70%的光点素材，让图片更加唯美柔和。
浅谈药品的包装装潢设计
现代社会的包装装潢设计日新月异，要求也日趋严格，药品作为一类特殊商品，其包装应有特殊的要求。作为传达药品信息功能的载体，装潢设计已经成为药品包装的重要组成部分，它担负着对药品的信息传达和宣传的重任，同时，它也是药品与消费者的心理、生理需求相结合的一门艺术。药品的包装装潢设计通过对技术美学和商品美学的思考和研究，使药品达到物质的使用价值与精神的审美价值完整的统一。本文就药品包装装潢设计的一些特点作一些简要探讨。 1 设计要求 1.1科学性 药品包装装潢设计应具备有科学的特征，这是顺应时代发展的要求。其中包含两方面的内容：一方面要体现科学技术为设计服务。新的科技成果的采用，新的设计方法，都能使艺术设计产生新的形象，从而促进审美观点的转化。药品的包装装潢设计应当充分利用当代的科技成果，采用最新的工艺手段，这样才能创造出与时代同步，而又为大众所接受的药品包装。另一方面，设计本身应具备科学的便利性，这是保护消费者利益的要求，无论是在药品的使用上，还是对包装本身而言，都是应当遵从的原则。如国家药品监督管理局第２３号令对药品包装的文字内容进行了严格的规定。要求设计者对允许使用的文字根据包装大小合理调整字体、字号、字间距，并且注意设计上的细部处理，这样可使医护人员和使用者方便阅读，使某些着重突出、重点宣传的文字显而易见，一目了然。可见，文字、图形图案编排的科学合理性也是药品包装装潢设计的重点。 1.2审美性 随着时代的进步，人们对美的欣赏水平也不断提高，不同的时代都体现出了不同的审美特征，现代包装装潢设计应顺应时代美学观点，创作出具有现代美、健康美的作品。药品包装的装潢设计长期以来缺少创意，简单的几何图形拼凑、中草药形象的机械挪用，已经成为一种定式。药品的包装装潢设计不应只是程式化的过程，而应该是艺术形式的体现。既要从传统文化中吸取精华，又要体现现代设计特征，才能创造出丰富多彩的包装设计形式，从而体现包装设计的内涵。 1.3适应性 随着全球经济一体化的发展，各种商品的全球流通已经成为一种趋势，药品也不例外。作为促进药品销售的包装装潢设计，国内与国外在适应性设计上还存在着差距，如儿童、老年人使用安全提示、文字编排中普遍缺乏中英文对照、对色彩的认识有所偏差等。不同的民族、国家；不同的文化特征和社会背景都会使药品的使用者产生不同的喜好和认识，进而影响到他们的消费心理。为顺应这些需要，药品包装的装潢设计也应当及时转变设计思维，在适应国内消费的同时，还要考虑到适应国外消费者的欣赏习惯，设计出国内外通用的包装。 2 设计要素 2.1文字设计
最新发布
面向对象的XHTML与CSS编程
要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是，凡事都应该带着OO的思想来看问题，也勉强可以凑数拉。其实，早在零几年就有人提出了OO-style，不过已找不到。那要怎样OO呢？现在大家都知道CSS是可以介样写滴： 我们可以把它大约看一个原型，或者说成类，-__-b 好像本来就是类的样子，然后要在HTML里“实例化”一个对象，例如： 该元素会使用上CSS相应的定义，但仅仅对应的class还是不够的，因为我们页面可能会多处应用到这个class，为了处理好“私有”的关系，把刚才的代码改成：
使用CSS截取文字
一般情况下还是使用程序截取,这样输出内容少,减少宽带.但用CSS做些保护也不错. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"><!--.content {width:100px;border:red 1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/*以省略号替代截除部分*/}--></style></head><body><div class="content">此处显示 class "content" 的内容</div></body></html>
用css来实现自动截取文字(兼容IE,firefox,Opera)
用css来实现自动截取文字，不需要后台程序和JS的使用好处是：兼容IE，firefox，Opera;有利于内容完整性;有利于SEO;无需后台程序处理;可以在前台随时调节要截取的长度。不好的地方：不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。另外在设置截取宽度的时候，要注意，尽量让文字截取完整<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css文字截取</title> <style type="text/css"> body{font-size:13px;color:#8c966b;} div{clear:both;width:340px;border:1px solid #333;margin:3px;padding:3px;} div a{color:#8c966b;text-decoration:none;} div a:hover{text-decoration:underline;} div a{display:block;width:310px;white-space:nowrap;overflow:hidden;float:left; -o-text-overflow: ellipsis; /* for Opera */ text-overflow:ellipsis; /* for IE */ } div:after{content:"...";padding-left:3px;font-size:12px;}/* for Firefox */ </style> </head> <body> <div><a href="">用css来实现自动截取文字，不需要后台程序和JS的使用</a></div> <div><a href="">好处是：有利于内容完整性，有利于SEO，无需后台程序处理，可以在前台随时调节要截取的长度。</a></div> <div><a href="">不好的地方：不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。</a></div> <div><a href="">另外在设置截取宽度的时候，要注意，尽量让文字截取完整</a></div> <div><a href="http://www.syku.net">Web标准化 www.syku.net</a></div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
三列等高CSS布局的一个实例
三列等高CSS布局的一个实例， 修改国外的一个demo， 兼容到了IE5.5+ 和标准的浏览器Opera Firefox Safari。 不过hack太多，不是很喜欢这样做。全部代码如下： <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta content="all" name="robots" /> <title>3 column lauput</title> <style type="text/css" media="screen"> <!-- /*<![CDATA[*/ /*----------------------------------------------------------- @from:http://www.alistapart.com/articles/holygrail @modify:greengnn 08-01-02 ------------------------------------------------------------*/ * { margin:0; padding:0; } body { min-width: 550px; font:normal normal normal 75%/1.25em Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:left; } /*layout*/ #container { padding-left: 200px; padding-right: 150px; background:#000; zoom:1; } #container:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; } #container { display: inline-block; } /**/ #container { display: block; } /**/ #center, #left, #right { position: relative; float: left; } *+html #center { } #center { width: 100%; } #left { width: 200px; right: 200px; margin-left: -100%; } #right { width: 150px; margin-right: -150px; } #footer { clear: both; } /*Equal-height */ #container { overflow: hidden; } #footer { overflow:hidden; position: relative; } /*IE7 hack*/ *+html #center { position:static; } *+html #left { position:static; } *+html #right { position:static; } *+html #container { position:relative; overflow:hidden; } *+html #left { position:relative; } /*End IE7 hack*/ /*Start Hack for Opera8*/ /**/ #container #center, #container #left, #container #right { padding-bottom: 32767px !important; margin-bottom: -32767px !important; } @media all and (min-width: 0px) { #container #center, #container #left, #container #right { padding-bottom: 0 !important; margin-bottom: 0 !important; } #center:before, #left:before, #right:before { content: "[DO NOT LEAVE IT IS NOT REAL]"; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; } } /**/ /*End Hack for Opera8*/ /*just to see*/ #header, #footer { font-size:40px; line-height:40px; text-align:center; font-weight:bold; color:#cccccc; background:#666666; } #center { background:#eeeeee; } #left { background:#FF9933; } #right { background:#0099CC; } /*]]>*/ --> </style> </head> <body> <div id="header">header(test in IE5.5+ opera9.0 Firefox 2.0)</div> <div id="container"> <div id="center"> <h2>Abstract</h2> <p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p> <p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p> <p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p> <p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p> </div> <div id="left"> <h2>Abstract</h2> <p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p> <p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p> <p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p> <p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p> </div> <div id="right"> <h2>Abstract</h2> <p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p> <p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p> <p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p> <p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p> </div> </div> <div id="footer">footer</div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
IE8的一些CSS hack
xhtml代码： 主要是测试“文字”这个颜色在不同浏览器下使用hack的一些结果报告。 早上测试的东西少了几个，这里补上，还有更多的东西等怿飞的测试报告。下午有时间再看看其他一些属性，不过现在这些只是IE8测试版的问题，正式版应该会改进的。
使用CSS的dl、dd、dt制作标准表单
虽然追求div重构并不意味要抛弃table，但更多时候不妨用用css里的dl、dd、dt元素来制作表单。 内容部分： CSS部分： 演示：http://www.syku.net/demo/demo10/
FrontPage2003 教程 新功能（发布网站部分）
远程网站视图 Microsoft Office FrontPage 2003 中的远程网站视图可以帮助您将整个网站和单独的文件和文件夹发布到任何位置：扩展的 Web 服务器、支持文件传输协议 (FTP) 或基于 Web 的分布式创作和版本控制 (WebDAV) 的 Web 服务器、或文件系统中的某个位置。 远程网站视图同时显示本地网站和远程网站中的文件。图标和说明性文本会指示文件和文件夹的状态，同步功能有助于确保不会意外地覆盖任何文件或文件夹。 连接到远程网站 通过新的远程网站对话框可以指定连接设置，并有助于您管理连接类型和协议 ― 包括安全套接字层 (SSL) 或被动 FTP。 优化HTML 在本地网站上或将网页发布到远程网站时，可以在文件和文件夹中生成干净的 HTML 代码。这意味着通过删除多余的格式和标记，可以减少网页的大小。Web 设计人员可以使用空白使 HTML 的外观更具吸引力，但这些空白并不是网页正确工作所必需的。您可以删除空标记、空白、多余标记、不用的和空的样式定义以及指定的某些标记。
