<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>网生代 &#187; HTML</title>
	<atom:link href="http://www.weborn.org/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.weborn.org</link>
	<description>奇趣网络应用，新奇实用软件</description>
	<lastBuildDate>Thu, 28 Jan 2010 08:45:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://www.weborn.org/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery.ajax({type:'GET',url:'http://www.weborn.org/wp-content/plugins/wp-postviews-plus/postviews_plus.php',data:'todowppvp=add&type=tag&id=261_1',cache:false,dataType:'script'});
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>8个HTML转换成PDF的在线应用</title>
		<link>http://www.weborn.org/html-to-pdf-807/</link>
		<comments>http://www.weborn.org/html-to-pdf-807/#comments</comments>
		<pubDate>Sun, 08 Feb 2009 21:32:00 +0000</pubDate>
		<dc:creator>波斯波斯</dc:creator>
				<category><![CDATA[网海拾贝]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[PDF]]></category>
		<category><![CDATA[转换]]></category>

		<guid isPermaLink="false">http://www.weborn.org/?p=807</guid>
		<description><![CDATA[受网生代后院会员进驻的求助帖启发，特向大家介绍几款PDF转换html2pdf的在线应用。至于为什么要转换成PDF，那是用者知、毋用者不必多究。

1. html2pdf.co.uk
　 
　 这个服务有着无广告的简洁界... ]]></description>
			<content:encoded><![CDATA[<p><script type="text/javascript"><!--
google_ad_client = "pub-4668610304550030";
/* 网生代正文上侧，468&#42;60 */
google_ad_slot = "1432459580";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></-> <p>受<a href="http://bbs.weborn.org">网生代后院</a>会员<a href="http://bbs.weborn.org">进驻</a>的<a href="http://bbs.weborn.org/read.php?tid-515.html">求助帖</a>启发，特向大家介绍几款PDF转换html2pdf的在线应用。至于为什么要转换成PDF，那是用者知、毋用者不必多究。</p>
<p><span id="more-807"></span></p>
<p>1. <strong><a href="http://www.htm2pdf.co.uk/">html2pdf.co.uk</a></strong></p>
<p>　 <img align="middle" alt="logo" src="http://farm4.static.flickr.com/3389/3257365962_f9ecd0da0a_o.png" /></p>
<p>　 这个服务有着无广告的简洁界面。除了支持地址转换，还支持输入html代码进行转换。在「Address」框格输入URL地址后按「Convert」就马上转到PDF文件的下载页面，还附赠一个PDF的预览图。html代码转换的程序相若。</p>
<p>　 网站上还有一个「把当前页面另存为PDF」的小书签。只要将这个地址「<em>javascript:void(location.href=&#8217;http://www.htm2pdf.co.uk/?url=&#8217;+escape(location.href))</em>」加入到书签，在浏览网页时只需点击一下收藏夹的链接，就可以得到一份PDF了。也可以现在点击试试把本页变成PDF噢！</p>
<p>2. <a href="http://www.winnovative-software.com/Getting%20Started%20with%20Winnovative%20HTML%20to%20PDF%20Converter%20Demo.aspx"><strong>Winnovative-Soft html2pdf live demo</strong></a></p>
<p>　<img alt="" src="http://farm4.static.flickr.com/3495/3256536195_a76df8283f_o.png" /></p>
<p>　为了演示自己软件的强大，Winnovative软件公司提供了这个在线demo。也支持html代码转换。转换方式有三种：文本、带图片以及把整个网页以图片形式转换（也就是一般html2pdf的转换模式但不带超链接）。作为demo，这个服务很有商业特征地带限制，幸好只是页数上限，对我们使用服务没有多大影响。</p>
<p>　Winnovative在网页上提供了html2pdf（包括html代码转换）的C#和VB代码，有兴趣研究的朋友可以登入去copy下代码。</p>
<p>3. <strong><a href="http://web2.pdfonline.com/getting_started/index.htm">Web2pdf Online</a></strong></p>
<p>　<img alt="" src="http://farm4.static.flickr.com/3098/3256536231_f3e1757742_o.png" /></p>
<p>　 如LOGO所说的，Web2pdf是一个widget服务，为你的网站或博客提供一个java的「另存为PDF格式」按钮。不过这个按钮样式比较简陋，而且使用服务得免费注个册。</p>
<p>4. <strong>PDFonFLY</strong></p>
<p><strong>&nbsp; &nbsp;&nbsp;<img alt="" src="http://farm4.static.flickr.com/3342/3256536309_d20367cb7d_o.png" /></strong></p>
<p>　这个网站提供<a href="http://www.pdfonfly.com/html-to-pdf-conversion.asp">地址转换</a>和<a href="http://www.pdfonfly.com/create-pdf.asp">带格式文本转换</a>。值得一提的是带格式文本转换，给你一个像日志编辑那样带工具栏的窗口去输入你的内容，然后帮你把这些内容转换成PDF，算是个工具栏稍丑的在线办公应用。</p>
<p>　在地址转换方面，PDFonFLY断页断得比较好，没有一些转换服务的字体截断现象。setting那里，如果选择fresh PDF就是带超链接。</p>
<p>5. <strong>ExpertPDF Components</strong></p>
<p><strong>&nbsp; &nbsp;&nbsp;<img alt="" src="http://farm4.static.flickr.com/3348/3256536439_ae927661bf_o.png" /></strong></p>
<p>　这也是个收费软件的在线demo，不过界面比Winnovative要好看。提供<a href="http://www.html-to-pdf.net/free-online-pdf-converter.aspx">地址转换</a>跟<a href="http://www.html-to-pdf.net/free-html-to-pdf-converter.aspx">html代码转换</a>，还有<a href="http://www.html-to-pdf.net/Support.aspx#csharp">c#</a>和<a href="http://www.html-to-pdf.net/Support.aspx#vb">VB代码</a>。还有SDK提供，让你可以在自己.NET程序使用。</p>
<p>6. <a href="http://rss2pdf.com/"><strong>RSS2PDF</strong></a></p>
<p>　虽然网站名字叫RSS2PDF，不过在网页转换是支持的。不过它最大的亮点两点还是支持RSS、Atom、OPML、XML，凭借RSS转换连Flickr的图片也能用来做成PDF。网页上还提供<a href="http://rss2pdf.com/bookmark.php">种类很多的小书签</a>，像html2pdf.co.uk那样让你可以凭借点击收藏夹的链接把当前浏览的页面另存为PDF格式。</p>
<p>　不过听说站长被Webhoster限制了，所以在图片支持方面有些改动的地方。那这个就有需要用的朋友自己看了。站长他在找人提供上传空间呢，热心人士可以去email联络他。</p>
<p>7. <a href="http://en.pdf24.org/onlineConverter.html"><strong>PDF24</strong></a>&nbsp;</p>
<p>&nbsp; &nbsp;&nbsp;<img alt="" src="http://farm4.static.flickr.com/3479/3257366278_294f5bc141_o.png" /></p>
<p>　这个网站支持的html文件2pdf，所以你需要先把网页保存为html格式再在网页上上传进行转换。PDF24还支持.doc .xls .xlw .xlt .ppt .pps .pot .ps .rtf .txt .jpg .jpeg .png 这些格式的转换。不过，生成的PDF是发到你的邮箱，而不是直接下载。</p>
<p>8. <a href="https://online.primopdf.com/Default.aspx"><strong>PrimoOnline</strong></a></p>
<p><strong>&nbsp; &nbsp;&nbsp;<img alt="" src="http://farm4.static.flickr.com/3442/3256536561_118af4106b_o.png" /></strong></p>
<p>　Primo就是那个比较有名的虚拟打印机。它也提供在线地址转换和文件转换服务，不过也是发到邮箱，不是直接下载。</p>
<hr /><h4>评论</h4><ul><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5582">二月 10, 2009</a>, <a href='http://fejich.posterous.com' rel='external nofollow' class='url'>进驻</a> : 嘻嘻，有了这些网络服务，手机能做更多的事了。(^-^)
不过介绍里有些服务不支持中文网页吧，希望波斯波斯同学指明一下。</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5585">二月 10, 2009</a>, <a href='http://cemily.blogbus.com/' rel='external nofollow' class='url'>波斯波斯</a> : @<a href="#comment-5582" rel="nofollow">进驻:</a>這個... 沒空了.. 進駐同學身先士卒吧...

一般來說要弄中文網頁的話.. 波斯還是建議用打印網頁的方法.. 
安裝個虛擬打印機就可以了.. CuteWriter免費版就很足夠了...
不過呢.. 對於普遍的中文網頁的設計.. 還是自己手動選擇內容再編輯打印會比較好..</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5589">二月 10, 2009</a>, <a href='http://fejich.posterous.com' rel='external nofollow' class='url'>进驻</a> : 家里没接网缐，所以基本上都是用手机上网的。
     身先事卒办不到了，一些网站用Opera Mini不能正常访问。</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5646">二月 16, 2009</a>, <a href='http://www.liuzhenyun.com' rel='external nofollow' class='url'>zylew</a> : @<a href="#comment-5585" rel="nofollow">波斯波斯:</a>虚拟打印机我用的是adobe的</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5653">二月 16, 2009</a>, <a href='http://cemily.blogbus.com' rel='external nofollow' class='url'>波斯波斯</a> : @<a href="#comment-5646" rel="nofollow">zylew:</a>Adobe很肥.</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5659">二月 17, 2009</a>, <a href='http://www.liuzhenyun.com' rel='external nofollow' class='url'>zylew</a> : @<a href="#comment-5653" rel="nofollow">波斯波斯:</a>确实肥了点，不过我还要用它看pdf嘛</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5660">二月 17, 2009</a>, <a href='http://www.lightory.net' rel='external nofollow' class='url'>LiGht</a> : @<a href="#comment-5659" rel="nofollow">zylew:</a>Foxit Reader 显然是个更好的选择</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5661">二月 17, 2009</a>, <a href='http://www.liuzhenyun.com' rel='external nofollow' class='url'>zylew</a> : @<a href="#comment-5660" rel="nofollow">LiGht:</a>我不是很喜欢foxit，我钟爱adobe acrobat，哈哈</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5665">二月 17, 2009</a>, <a href='http://cemily.blogbus.com' rel='external nofollow' class='url'>波斯波斯</a> : @<a href="#comment-5661" rel="nofollow">zylew:</a>
Adobe Acrobat又大又肥有啥好.. 
波斯在U盤用U3版的Foxit Reader...
在電腦用PDF-XChange Viewer的Pro版.. 拒肥!</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5668">二月 18, 2009</a>, <a href='http://www.liuzhenyun.com' rel='external nofollow' class='url'>zylew</a> : @<a href="#comment-5665" rel="nofollow">波斯波斯:</a>确实挺肥的，不过我怎么觉得用Foxit Reader看大文件会显得有点卡呢？你看100多M的PDF很流畅？</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5669">二月 18, 2009</a>, <a href='http://www.liuzhenyun.com' rel='external nofollow' class='url'>zylew</a> : @<a href="#comment-5665" rel="nofollow">波斯波斯:</a>话说PDF-XChange Viewer确实不错嘛，哈哈</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5672">二月 18, 2009</a>, <a href='http://www.waakee.com/story/65273.html' rel='external nofollow' class='url'>waakee.com</a> : <strong>8个HTML转换成PDF的在线应用 | 网生代...</strong>

受http://bbs.weborn.org/"&gt;网生代后院会员http://bbs.weborn.org/"&gt;进驻的http://bbs.weborn.org/read.php?tid-515.html"&gt;求助帖启发，特向大家介绍几款PDF转换html2pdf的在线应用。至于为什么要转换成PDF，那是用者...</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-5865">三月 2, 2009</a>, <a href='http://www.51yjg.com' rel='external nofollow' class='url'>无忧演讲稿</a> : 正在找这个，谢谢了！</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-7680">四月 30, 2009</a>, <a href='http://www.mangguo.org' rel='external nofollow' class='url'>芒果</a> : 这个不错，这样是不是可以把CHM转为PDF了？</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-7698">五月 1, 2009</a>, <a href='http://cemily.blogbus.com/' rel='external nofollow' class='url'>波斯波斯</a> : <a href="#comment-7680" rel="nofollow">@芒果:</a>
应该不能，HTML跟CHM技术不同。CHM要麻烦多了。

波斯常用的CHM转PDF的方法：

1、复制内容，用办公软件编辑然后打印为PDF。不过很麻烦。
但是效果相对来说是最好的，波斯用审美观担保。

2、用网页制作软件把CHM拆掉，然后用PDF编辑软件组装。
这个的话，需要的软件量较多而且要比较专业的。

还有的方法是，干脆到网上搜索有没有PDF版本，抛弃这个CHM。</li><li><a href="http://www.weborn.org/html-to-pdf-807/#comment-7735">五月 2, 2009</a>, <a href='http://www.mangguo.org' rel='external nofollow' class='url'>芒果</a> : <a href="#comment-7698" rel="nofollow">@波斯波斯:</a>可以先把chm转化为html，再处理成PDF</li></ul><hr /><h4>相关文章</h4><li><a href="http://www.weborn.org/fif-video-course-41/" rel="bookmark" title="Permanent Link: FIF小组系列计算机设计视频教程">FIF小组系列计算机设计视频教程</a></li><li><a href="http://www.weborn.org/weborn-bbs-selected-1st-734/" rel="bookmark" title="Permanent Link: 网生代后院一周帖子精选[2008.12.05]">网生代后院一周帖子精选[2008.12.05]</a></li><li><a href="http://www.weborn.org/september-summarize-96/" rel="bookmark" title="Permanent Link: 网生代九月总结">网生代九月总结</a></li><li><a href="http://www.weborn.org/weborn-bbs-724/" rel="bookmark" title="Permanent Link: 网生代后院开放，欢迎入住">网生代后院开放，欢迎入住</a></li><li><a href="http://www.weborn.org/%e8%bf%91%e6%9c%9fwindows-vista%e5%a3%81%e7%ba%b8%e5%85%a8%e6%94%b6%e9%9b%86-14/" rel="bookmark" title="Permanent Link: 近期Windows Vista壁纸全收集">近期Windows Vista壁纸全收集</a></li><li><a href="http://www.weborn.org/html-playground-355/" rel="bookmark" title="Permanent Link: htmlPlayGround:HTML游乐场">htmlPlayGround:HTML游乐场</a></li><hr /><h4>相关文章</h4>
<!-- Generated by Simple Tags 1.6.6 - http://wordpress.org/extend/plugins/simple-tags -->
	<ul class="st-related-posts">
	<li><a href="http://www.weborn.org/fileconvertlist-500/" title="文件转换器服务推荐 (六月 10, 2008)">文件转换器服务推荐</a> (9)</li>
	<li><a href="http://www.weborn.org/top-free-pdf-to-image-convertors-471/" title="两款PDF到图像转换工具 (五月 17, 2008)">两款PDF到图像转换工具</a> (4)</li>
	<li><a href="http://www.weborn.org/design-resources-735/" title="设计相关的工具、网站、资源大搜集[网生代2008年度总结之五] (十二月 7, 2008)">设计相关的工具、网站、资源大搜集[网生代2008年度总结之五]</a> (5)</li>
	<li><a href="http://www.weborn.org/laoniu-download-725/" title="老牛下书 &#8211; 下载doc、xls、pdf文档 (十二月 1, 2008)">老牛下书 &#8211; 下载doc、xls、pdf文档</a> (13)</li>
	<li><a href="http://www.weborn.org/openoffice-669/" title="满怀信心的尝试Openoffice3.0 (十月 23, 2008)">满怀信心的尝试Openoffice3.0</a> (24)</li>
	<li><a href="http://www.weborn.org/storm-codec-792/" title="暴风转码 &#8211; 优秀的音视频转码软件 (一月 27, 2009)">暴风转码 &#8211; 优秀的音视频转码软件</a> (15)</li>
	<li><a href="http://www.weborn.org/sotiao-594/" title="搜挑网 &#8211; 非主流网名生成器[火星文] (九月 16, 2008)">搜挑网 &#8211; 非主流网名生成器[火星文]</a> (16)</li>
	<li><a href="http://www.weborn.org/some-softwares-college-student-must-have-104/" title="大学生必备的5个软件 (十月 2, 2007)">大学生必备的5个软件</a> (4)</li>
	<li><a href="http://www.weborn.org/cangtoushi-524/" title="在线藏头诗制作机 (七月 17, 2008)">在线藏头诗制作机</a> (36)</li>
	<li><a href="http://www.weborn.org/jiaguwen2-519/" title="假古文竖排文字转换工具离线软件版 (七月 8, 2008)">假古文竖排文字转换工具离线软件版</a> (13)</li>
</ul>

<hr /><h4>相关链接</h4><ul> <li><a href="http://twitter.com/weborns/">Follow weborns@Twitter</a></li>
<li><a href="http://twitter.com/lightory/">Follow lightory@Twitter</a></li>
<li><a href="http://www.douban.com/group/weborn/">加入网生代驻豆瓣小组</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.weborn.org/html-to-pdf-807/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>设计相关的工具、网站、资源大搜集[网生代2008年度总结之五]</title>
		<link>http://www.weborn.org/design-resources-735/</link>
		<comments>http://www.weborn.org/design-resources-735/#comments</comments>
		<pubDate>Sat, 06 Dec 2008 22:20:50 +0000</pubDate>
		<dc:creator>lightory</dc:creator>
				<category><![CDATA[未分类]]></category>
		<category><![CDATA[2008总结]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[字体]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.weborn.org/?p=735</guid>
		<description><![CDATA[网生代 2008 年度总结继续，今天的话题是 Web Design。
首先看看两篇总结性的文章：


20个帮你掌握用户界面设计的网站 
这些网站能够帮你处理界面设计、用户体验(UE)、以用户为中心的设计(UID)... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.weborn.org/tag/2008%e6%80%bb%e7%bb%93/" target="_blank">网生代 2008 年度总结</a>继续，今天的话题是 Web Design。</p>
<p>首先看看两篇总结性的文章：</p>
<ul>
<li>
<p><a href="http://www.weborn.org/20-websites-to-help-you-master-user-interface-design-696/">20个帮你掌握用户界面设计的网站 </a></p>
<p>这些网站能够帮你处理<a href="http://www.butwho.net/catalog.asp?tags=UI">界面设计</a>、用户体验(UE)、以用户为中心的设计(UID)、可用性以及任何这方面的问题。</p>
</li>
<li>
<p><a href="http://www.weborn.org/collection-of-web-developer-tools-per-browser-466/">Web开发工具大集合&mdash;&mdash;每个浏览器都有份的！ </a></p>
<p>网站开发者的一大苦恼，就是有太多的浏览器要应付。幸亏世界上有一些聪明的人，能够研究出一大些方便编辑和调试网页代码的好工具。不过，要从不计其数的小工具里面找出合适的可真不容易。这篇文章列出了几个最好用的web开发工具，并指导你快速地激活、安装、使用他们。</p>
</li>
</ul>
<p><span id="more-735"></span></p>
<p>然后是适合 HTML 初学者的两个资源：</p>
<ul>
<li>
<p><a href="http://www.weborn.org/html-helper-56/">HTML互动帮助手册</a></p>
<p><img width="400" height="299" alt="" src="http://photo5.yupoo.com/20070901/200557_201902625.jpg" /></p>
</li>
<li>
<p><a href="http://www.weborn.org/html-playground-355/">htmlPlayGround:HTML游乐场 </a></p>
<p>能够生成、展示HTML和CSS代码的，从而帮助你学习相关知识的在线工具</p>
<p><img width="400" height="216" alt="" src="http://pic.yupoo.com/lightory/9355451206d0/medium.jpg" />&nbsp;</p>
</li>
</ul>
<p>字体相关的一些资源：</p>
<ul>
<li>
<p><a href="http://www.weborn.org/font-13/">找字网:在线字体试衣间 </a></p>
<p>供了一个字体预览平台，不用将字体下载安装到系统就能知晓是否喜欢这个字体，节约了不少时间。</p>
<p><img width="410" height="115" alt="" src="http://photo8.yupoo.com/20070731/193141_787808247.jpg" /></p>
</li>
<li>
<p><a href="http://www.weborn.org/font-expro-368/">Font Expro：字体预览软件 </a></p>
</li>
<li>
<p><a href="http://www.weborn.org/font-fitting-room-25/">字体试衣间&mdash;&mdash;轻松管理你的字体 </a></p>
<p><img width="400" height="302" alt="" src="http://photo6.yupoo.com/20070809/193231_363778152.jpg" /></p>
</li>
</ul>
<p>其他一些设计相关工具：</p>
<ul>
<li>
<p><a href="http://www.weborn.org/virtual-ruler-154/">屏幕尺子:虚拟化测量工具 </a></p>
<p>屏幕尺子是一个用来测量的工具软件，可以用来测量屏幕上两点或多点的距离和角度(LiGht还没发现如何测量角度)，多种测量方式，使瞄准更精确。</p>
<p><img width="400" height="278" alt="" src="http://photo5.yupoo.com/20071026/134025_169168142_uwedtqab.jpg" /></p>
</li>
<li>
<p><a href="http://www.weborn.org/preview-photoshop-brushes-with-abrviewer-344/">abrViewer:Photoshop笔刷预览工具 </a></p>
<p>让你不启动PhotoShop就能预览PhotoShop笔刷</p>
</li>
<li>
<p><a href="http://www.weborn.org/sizer-655/">Sizer &#8211; 轻松改变窗口尺寸 </a></p>
<p><strong>网页设计师</strong>经常要考虑在不同<strong>分辨率</strong>下网页的显示效果，因此在网页设计过程中，常常要将浏览器窗口改变成不同尺寸来查看效果。但手动修改不仅麻烦，而且还很不精确。而借助 <strong>Sizer</strong>，一切就都变得简单了！</p>
<p><img alt="" src="http://pic.yupoo.com/weborn/72158657a468/medium.jpg" /></p>
</li>
<li>
<p><a href="http://www.weborn.org/ietester-674/">IETester &#8211; 多版本IE测试好帮手 </a></p>
<p>IETester 包含5个版本的IE（5.5/6.0/7.0/8.0 beta2），完全可以满足对 IE 兼容性的测试。</p>
</li>
<li>
<p><a href="http://www.weborn.org/colorzilla-656/">ColorZilla &#8211; 网页元素取色器[Firefox扩展] </a></p>
</li>
</ul>
<p>最后是一些相关资源：</p>
<ul>
<li>
<h4><a href="http://www.weborn.org/375-free-photoshop-brushes-111/">375个免费Photoshop笔刷 </a></h4>
</li>
<li>
<h4><a href="http://www.weborn.org/photoshop-brushes-410/">PS Brushes:精美PS笔刷素材站 </a></h4>
</li>
<li>
<h4><a href="http://www.weborn.org/40-extremely-beautiful-fonts-676/">40+款精美英文字体 </a></h4>
</li>
</ul>
<hr /><h4>评论</h4><ul><li><a href="http://www.weborn.org/design-resources-735/#comment-4719">十二月 7, 2008</a>, <a href='http://www.elviscai.com/' rel='external nofollow' class='url'>沈蚊</a> : 以用户为中心的设计不是UCD么？</li><li><a href="http://www.weborn.org/design-resources-735/#comment-4737">十二月 7, 2008</a>, <a href='http://cemily.blogbus.com/' rel='external nofollow' class='url'>波斯波斯</a> : 管理字體就應該用NexusFont.. FontFittingRoom太容易崩潰了...</li><li><a href="http://www.weborn.org/design-resources-735/#comment-4768">十二月 9, 2008</a>, <a href='http://51gadget.com/blog/' rel='external nofollow' class='url'>Eden</a> : 这个总计很好，字体试衣间很好用。</li><li><a href="http://www.weborn.org/design-resources-735/#comment-4787">十二月 10, 2008</a>, <a href='http://www.beng-fa.com/HuaGongBeng/HuaGongBeng.html' rel='external nofollow' class='url'>化工泵</a> : 有没有签名设计的软件?</li><li><a href="http://www.weborn.org/design-resources-735/#comment-6410">四月 5, 2009</a>, <a href='http://www.weborn.org/14-windows-enhance-software-744/' rel='external nofollow' class='url'>16款窗口增强软件[网生代2008年度总结之六] | 网生代</a> : [...] 设计相关的工具、网站、资源大搜集 [...]</li></ul><hr /><h4>相关文章</h4><li><a href="http://www.weborn.org/stylish-weblog-498/" rel="bookmark" title="Permanent Link: Stylish Weblog &#8211; A Design Blog">Stylish Weblog &#8211; A Design Blog</a></li><li><a href="http://www.weborn.org/logoyes-487/" rel="bookmark" title="Permanent Link: Logoyes &#8211; 简易Logo在线制作工具">Logoyes &#8211; 简易Logo在线制作工具</a></li><li><a href="http://www.weborn.org/maxwebdesign-477/" rel="bookmark" title="Permanent Link: MaxWebDesign &#8211; A Design Blog">MaxWebDesign &#8211; A Design Blog</a></li><li><a href="http://www.weborn.org/4-avatars-diy-app-754/" rel="bookmark" title="Permanent Link: 4款头像制作应用[网生代2008年度总结之七]">4款头像制作应用[网生代2008年度总结之七]</a></li><li><a href="http://www.weborn.org/winlibre-308/" rel="bookmark" title="Permanent Link: WinLibre:开源软件便捷安装工具">WinLibre:开源软件便捷安装工具</a></li><li><a href="http://www.weborn.org/14-windows-enhance-software-744/" rel="bookmark" title="Permanent Link: 16款窗口增强软件[网生代2008年度总结之六]">16款窗口增强软件[网生代2008年度总结之六]</a></li><hr /><h4>相关文章</h4>
<!-- Generated by Simple Tags 1.6.6 - http://wordpress.org/extend/plugins/simple-tags -->
	<ul class="st-related-posts">
	<li><a href="http://www.weborn.org/html-playground-355/" title="htmlPlayGround:HTML游乐场 (二月 10, 2008)">htmlPlayGround:HTML游乐场</a> (2)</li>
	<li><a href="http://www.weborn.org/40-extremely-beautiful-fonts-676/" title="40+款精美英文字体 (十月 25, 2008)">40+款精美英文字体</a> (15)</li>
	<li><a href="http://www.weborn.org/jump-reader-1-870/" title="金融风暴下的我们[跃读志：第1期] (三月 12, 2009)">金融风暴下的我们[跃读志：第1期]</a> (15)</li>
	<li><a href="http://www.weborn.org/jump-reader-2-896/" title="谁都不作恶？[跃读志：第2期] (三月 23, 2009)">谁都不作恶？[跃读志：第2期]</a> (20)</li>
	<li><a href="http://www.weborn.org/mzd-font-beta-42/" title="毛泽东字体测试版下载 (八月 22, 2007)">毛泽东字体测试版下载</a> (3)</li>
	<li><a href="http://www.weborn.org/10-free-pic-download-website-26/" title="推荐10个免费壁纸，字体，图标资源网站 (八月 10, 2007)">推荐10个免费壁纸，字体，图标资源网站</a> (5)</li>
	<li><a href="http://www.weborn.org/font-13/" title="找字网:在线字体试衣间 (八月 1, 2007)">找字网:在线字体试衣间</a> (2)</li>
	<li><a href="http://www.weborn.org/virtual-ruler-154/" title="屏幕尺子:虚拟化测量工具 (十月 28, 2007)">屏幕尺子:虚拟化测量工具</a> (16)</li>
	<li><a href="http://www.weborn.org/font-fitting-room-25/" title="字体试衣间——轻松管理你的字体 (八月 9, 2007)">字体试衣间——轻松管理你的字体</a> (6)</li>
	<li><a href="http://www.weborn.org/how-to-use-yahei-in-xp-65/" title="如何在XP中使用雅黑字体 (九月 11, 2007)">如何在XP中使用雅黑字体</a> (5)</li>
</ul>

<hr /><h4>相关链接</h4><ul> <li><a href="http://twitter.com/weborns/">Follow weborns@Twitter</a></li>
<li><a href="http://twitter.com/lightory/">Follow lightory@Twitter</a></li>
<li><a href="http://www.douban.com/group/weborn/">加入网生代驻豆瓣小组</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.weborn.org/design-resources-735/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>htmlPlayGround:HTML游乐场</title>
		<link>http://www.weborn.org/html-playground-355/</link>
		<comments>http://www.weborn.org/html-playground-355/#comments</comments>
		<pubDate>Sun, 10 Feb 2008 06:07:02 +0000</pubDate>
		<dc:creator>lightory</dc:creator>
				<category><![CDATA[在线应用]]></category>
		<category><![CDATA[精选]]></category>
		<category><![CDATA[网海拾贝]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.weborn.org/html-playground-355/</guid>
		<description><![CDATA[htmlPlayGround是一个能够生成、展示HTML和CSS代码的，从而帮助你学习相关知识的在线工具。
整个页面分为5个区块，分别为HTML标签选取区、CSS属性选取区、标签解释区、HTML代码区、实际效果区。... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.weborn.org/html-playground-355/" target="_blank">htmlPlayGround</a>是一个能够生成、展示HTML和CSS代码的，从而帮助你学习相关知识的在线工具。</p>
<p>整个页面分为5个区块，分别为HTML标签选取区、CSS属性选取区、标签解释区、HTML代码区、实际效果区。对于初学者，的确是不可多得的好工具。其实对于老手，它也不是毫无用处。懒得写代码时，用<a href="http://www.weborn.org/html-playground-355/" target="_blank">htmlPlayGround</a>来几次点击就OK， 生成代码非常方便。</p>
<p>如果你觉得htmlPlayGround太过简陋，那还可以试试FIF小组华丽丽的<a target="_blank" href="http://www.weborn.org/html-helper-56/">《HTML互动帮助手册》</a>。</p>
<p><span id="more-355"></span></p>
<p><a target="_blank" href="http://htmlplayground.com">点击进入htmlPlayGround</a> [Via <a target="_blank" href="http://www.downloadsquad.com/2008/02/06/htmlplayground-learn-and-test-html-and-css/">Download Squad</a>]</p>
<div align="center"><a href="http://www.yupoo.com/photos/view?id=ff80808117e3f7af011801e5cb0066d1" title="来YUPOO看我的照片"><img width="500" height="269" border="0" src="http://pic.yupoo.com/lightory/9355451206d0/medium.jpg" alt="VTheme.11" /></a></div>
<hr /><h4>评论</h4><ul><li><a href="http://www.weborn.org/html-playground-355/#comment-1199">二月 10, 2008</a>, <a href='http://6kay.yo2.cn/' rel='external nofollow' class='url'>血饕餮</a> : 沙发。</li><li><a href="http://www.weborn.org/html-playground-355/#comment-7503">四月 16, 2009</a>, <a href='http://www.dubashadu.org.cn' rel='external nofollow' class='url'>免费杀毒软件</a> : 沙发真是的，我没做过沙发，给我坐坐把</li></ul><hr /><h4>相关文章</h4><li><a href="http://www.weborn.org/design-resources-735/" rel="bookmark" title="Permanent Link: 设计相关的工具、网站、资源大搜集[网生代2008年度总结之五]">设计相关的工具、网站、资源大搜集[网生代2008年度总结之五]</a></li><li><a href="http://www.weborn.org/fif-video-course-41/" rel="bookmark" title="Permanent Link: FIF小组系列计算机设计视频教程">FIF小组系列计算机设计视频教程</a></li><li><a href="http://www.weborn.org/weborn-bbs-selected-1st-734/" rel="bookmark" title="Permanent Link: 网生代后院一周帖子精选[2008.12.05]">网生代后院一周帖子精选[2008.12.05]</a></li><li><a href="http://www.weborn.org/september-summarize-96/" rel="bookmark" title="Permanent Link: 网生代九月总结">网生代九月总结</a></li><li><a href="http://www.weborn.org/weborn-bbs-724/" rel="bookmark" title="Permanent Link: 网生代后院开放，欢迎入住">网生代后院开放，欢迎入住</a></li><li><a href="http://www.weborn.org/%e8%bf%91%e6%9c%9fwindows-vista%e5%a3%81%e7%ba%b8%e5%85%a8%e6%94%b6%e9%9b%86-14/" rel="bookmark" title="Permanent Link: 近期Windows Vista壁纸全收集">近期Windows Vista壁纸全收集</a></li><hr /><h4>相关文章</h4>
<!-- Generated by Simple Tags 1.6.6 - http://wordpress.org/extend/plugins/simple-tags -->
	<ul class="st-related-posts">
	<li><a href="http://www.weborn.org/design-resources-735/" title="设计相关的工具、网站、资源大搜集[网生代2008年度总结之五] (十二月 7, 2008)">设计相关的工具、网站、资源大搜集[网生代2008年度总结之五]</a> (5)</li>
	<li><a href="http://www.weborn.org/20-websites-to-help-you-master-user-interface-design-696/" title="20个帮你掌握用户界面设计的网站 (十一月 11, 2008)">20个帮你掌握用户界面设计的网站</a> (5)</li>
	<li><a href="http://www.weborn.org/jump-reader-1-870/" title="金融风暴下的我们[跃读志：第1期] (三月 12, 2009)">金融风暴下的我们[跃读志：第1期]</a> (15)</li>
	<li><a href="http://www.weborn.org/jump-reader-2-896/" title="谁都不作恶？[跃读志：第2期] (三月 23, 2009)">谁都不作恶？[跃读志：第2期]</a> (20)</li>
	<li><a href="http://www.weborn.org/virtual-ruler-154/" title="屏幕尺子:虚拟化测量工具 (十月 28, 2007)">屏幕尺子:虚拟化测量工具</a> (16)</li>
	<li><a href="http://www.weborn.org/blog-commend-3-333/" title="博客推荐[7] 之创意篇 (一月 21, 2008)">博客推荐[7] 之创意篇</a> (16)</li>
	<li><a href="http://www.weborn.org/igogo-358/" title="做证件？来爱狗狗吧 (二月 14, 2008)">做证件？来爱狗狗吧</a> (6)</li>
	<li><a href="http://www.weborn.org/html-helper-56/" title="《HTML互动帮助手册》 (九月 3, 2007)">《HTML互动帮助手册》</a> (2)</li>
	<li><a href="http://www.weborn.org/xara3d-v60-full-edition-253/" title="Xara3D v6.0 Full Edition 简体中文汉化完整版 (十二月 21, 2007)">Xara3D v6.0 Full Edition 简体中文汉化完整版</a> (0)</li>
	<li><a href="http://www.weborn.org/collection-of-web-developer-tools-per-browser-466/" title="Web开发工具大集合——每个浏览器都有份的！ (五月 13, 2008)">Web开发工具大集合——每个浏览器都有份的！</a> (6)</li>
</ul>

<hr /><h4>相关链接</h4><ul> <li><a href="http://twitter.com/weborns/">Follow weborns@Twitter</a></li>
<li><a href="http://twitter.com/lightory/">Follow lightory@Twitter</a></li>
<li><a href="http://www.douban.com/group/weborn/">加入网生代驻豆瓣小组</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.weborn.org/html-playground-355/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
