<?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; 网页设计</title>
	<atom:link href="http://www.ludou.org/tag/webpage-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ludou.org</link>
	<description>分享IT知识，书写我心情</description>
	<lastBuildDate>Tue, 24 Jan 2012 02:45:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>IE6下文字神秘消失</title>
		<link>http://www.ludou.org/ie6-text-disappear.html</link>
		<comments>http://www.ludou.org/ie6-text-disappear.html#comments</comments>
		<pubDate>Wed, 14 Jul 2010 13:37:52 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[故障排除]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=105</guid>
		<description><![CDATA[因为最近比较忙，这两周都不怎么更新博客了。忙完之后，又开始折腾起我的博客。经常光顾露兜博客的朋友，可能都注意到露兜博客的界面又发生了很大了的变化，具体哪些变化我就不说了。折腾是要付出体力劳动的，尤其是Internet Explorer这个怪物还在这个世上横行霸道，你就别想半点清闲。<p><a rel="bookmark" href="http://www.ludou.org/ie6-text-disappear.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/ie6-text-disappear.html/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>CSS边角折叠实战</title>
		<link>http://www.ludou.org/practical-css-shapes.html</link>
		<comments>http://www.ludou.org/practical-css-shapes.html#comments</comments>
		<pubDate>Mon, 31 May 2010 11:00:48 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=92</guid>
		<description><![CDATA[在大量的网页设计作品中，都用到一种边角折叠效果，通常用于标题背景。一般可以用PhotoShop来实现这样的效果，但是在当今广泛提倡减少网页图片使用量的情况下，我们还是少用图片为好。其实使用CSS是可以很容易地实现这种效果的，本文将告诉你CSS的具体实现方式。<p><a rel="bookmark" href="http://www.ludou.org/practical-css-shapes.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/practical-css-shapes.html/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Google Fonts API在线网页字体使用介绍</title>
		<link>http://www.ludou.org/google-fonts-api.html</link>
		<comments>http://www.ludou.org/google-fonts-api.html#comments</comments>
		<pubDate>Fri, 21 May 2010 12:08:37 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[字体]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=86</guid>
		<description><![CDATA[今日Google公布了Google Fonts API，只要在你的网页代码中添加一个&#60;link&#62;链接到Google字体库，就可以使用一系列自定义的字体，并且不需要你的用户预装这些字体。这些字体存储在Google的服务器，当然可以给我们节省一些流量，Google的链接速度那也是没得说的。可以毫不夸张地说，你可以在20秒内将这些字体应用到你的项目中。因为是在后端处理，所以这些字体能够支持到Internet Explorer 6，不必太在意浏览器兼容问题。<p><a rel="bookmark" href="http://www.ludou.org/google-fonts-api.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/google-fonts-api.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>谷歌浏览器不支持css文件使用@charset &quot;utf-8&quot;;</title>
		<link>http://www.ludou.org/chrome-not-suppost-charset.html</link>
		<comments>http://www.ludou.org/chrome-not-suppost-charset.html#comments</comments>
		<pubDate>Tue, 16 Mar 2010 13:28:46 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[故障排除]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=55</guid>
		<description><![CDATA[今天测试网页的时候，发现网页在firefox和ie各版本下都显示正常，但是换了谷歌浏览器chrome，原本好好的网页一下子面目全非，仔细检查了css文件和html，并没有发现什么错误的地方，原本使用的css sprite也无法正常运行，所有图片都显示不出来了。
<p><a rel="bookmark" href="http://www.ludou.org/chrome-not-suppost-charset.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/chrome-not-suppost-charset.html/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>html代码正常，在IE下却完全空白！</title>
		<link>http://www.ludou.org/ie-null.html</link>
		<comments>http://www.ludou.org/ie-null.html#comments</comments>
		<pubDate>Thu, 11 Mar 2010 11:42:16 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[故障排除]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=54</guid>
		<description><![CDATA[今天测试一些网页，发现有个页面在firefox显示很正常，在ie的任意版本下却一片空白，查看一下源代码，发现里面有完整的html源代码而且没有错误，很是奇怪为什么经过ie解释就变成空白了呢？<p><a rel="bookmark" href="http://www.ludou.org/ie-null.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/ie-null.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>margin-bottom解决图片文字不对齐的问题</title>
		<link>http://www.ludou.org/pic-text-alignment.html</link>
		<comments>http://www.ludou.org/pic-text-alignment.html#comments</comments>
		<pubDate>Thu, 25 Feb 2010 11:59:00 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[故障排除]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=52</guid>
		<description><![CDATA[我们在做网页的时候，会遇到一个图片和文字位置对不齐的问题。(一般表现为图片总是比文字高点)，我们可通过margin-bottom来解决这个问题。<p><a rel="bookmark" href="http://www.ludou.org/pic-text-alignment.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/pic-text-alignment.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>使用php获取图片尺寸</title>
		<link>http://www.ludou.org/php-get-images-size.html</link>
		<comments>http://www.ludou.org/php-get-images-size.html#comments</comments>
		<pubDate>Sun, 21 Feb 2010 09:10:45 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=51</guid>
		<description><![CDATA[在网页设计中，为图像指定 height 和 width 属性是一个好习惯。但是有时候在动态网页中必须动态地位图片指定尺寸，那怎么办呢？<p><a rel="bookmark" href="http://www.ludou.org/php-get-images-size.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/php-get-images-size.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用Dreamweaver格式化HTML代码</title>
		<link>http://www.ludou.org/use-dreamweaver-to-fomat-html-code.html</link>
		<comments>http://www.ludou.org/use-dreamweaver-to-fomat-html-code.html#comments</comments>
		<pubDate>Wed, 17 Feb 2010 08:00:17 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[经验]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=50</guid>
		<description><![CDATA[今天偶然发现了Dreamweaver的一个非常有用的功能，就是代码的格式化功能。一般情况下，我们写的html或者css代码都计较混乱，难以阅读，即使刚开始很在意代码的可读性，但是等到所使用的标签越来越多，嵌套越来越深，这时我们已经很难去掌控html代码的格式问题了。<br />
本文将教你如何使用Dreamweaver格式化html代码。<p><a rel="bookmark" href="http://www.ludou.org/use-dreamweaver-to-fomat-html-code.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/use-dreamweaver-to-fomat-html-code.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>css的背景图片在ie下不显示在Firefox下可以显示？</title>
		<link>http://www.ludou.org/css_background.html</link>
		<comments>http://www.ludou.org/css_background.html#comments</comments>
		<pubDate>Thu, 11 Feb 2010 15:25:14 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[故障排除]]></category>
		<category><![CDATA[经验]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=49</guid>
		<description><![CDATA[初衷是想给这个提交按钮&#60;input&#160;type=&#34;submit&#34;value=&#34; /&#62;加上背景图片，当把各个background背景属性分开写的时候，按钮背景图片在IE中无法显示，而在Firefox和Chrome中皆可以正常显示。<br />解决方法：使用background 简写属性，在一个声明中设置所有的背景属性。<p><a rel="bookmark" href="http://www.ludou.org/css_background.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/css_background.html/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>精通CSS：入门基础</title>
		<link>http://www.ludou.org/mastering-css-coding-getting-started.html</link>
		<comments>http://www.ludou.org/mastering-css-coding-getting-started.html#comments</comments>
		<pubDate>Sun, 15 Nov 2009 14:40:09 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=45</guid>
		<description><![CDATA[CSS现在已经成为网页建设的行业标准了，无论你是铁杆的开发者还是设计师，你都应该熟悉它。CSS是编码和设计之间的桥梁，任何web专业人员都应该熟悉它的。如果你正开始涉足CSS，那现在就打开你最喜爱的文本编辑器，并跟随我们的教程操作吧，这里介绍了最常见的和实际的CSS用法。<p><a rel="bookmark" href="http://www.ludou.org/mastering-css-coding-getting-started.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/mastering-css-coding-getting-started.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>检测访客浏览器的2种方法</title>
		<link>http://www.ludou.org/2-way-to-detect-browser.html</link>
		<comments>http://www.ludou.org/2-way-to-detect-browser.html#comments</comments>
		<pubDate>Sun, 27 Sep 2009 13:32:59 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[经验]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=39</guid>
		<description><![CDATA[我想，大凡真正写过网页的人都有被IE折磨过的历史，对IE，尤其是IE 6已经恨之入骨，可能大家跟我都有这样一个梦想：IE绝迹了多好！可惜这只能停留在幻想的阶段。不行，那咱就针对IE做些调整吧，可问题是怎样检测访客使用的是什么浏览器呢？这里提供了2种不同的方法，或许能帮上你的忙。<p><a rel="bookmark" href="http://www.ludou.org/2-way-to-detect-browser.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/2-way-to-detect-browser.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>给WordPress博客添加收藏书签，代码实现</title>
		<link>http://www.ludou.org/wordpress-bookmarks.html</link>
		<comments>http://www.ludou.org/wordpress-bookmarks.html#comments</comments>
		<pubDate>Wed, 02 Sep 2009 12:40:51 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[经验]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=32</guid>
		<description><![CDATA[WordPress书签收藏插件有很多，但是并不适合露兜博客。于是去那些社会性书签网站找了些最新的代码，改了改，修了修，再用上本人熟悉的CSS Sprites技术，一个既漂亮，又不影响网站速度的收藏书签就做成。在这里分享一下我的成果以及制作过程。<p><a rel="bookmark" href="http://www.ludou.org/wordpress-bookmarks.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/wordpress-bookmarks.html/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>WordPress 分类做导航栏，并高亮显示</title>
		<link>http://www.ludou.org/wordpress-highlight.html</link>
		<comments>http://www.ludou.org/wordpress-highlight.html#comments</comments>
		<pubDate>Wed, 26 Aug 2009 14:49:38 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=28</guid>
		<description><![CDATA[几乎每个网站都有一个导航栏，导航栏一般将网站的内容分成几个类目，然后在到导航栏中显示出来，以方便读者查阅相关内容。本文将指导你在WordPress中，如何设计一个用分类和页面作为菜单的导航栏，并总是高亮显示当前所在的栏目。<p><a rel="bookmark" href="http://www.ludou.org/wordpress-highlight.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/wordpress-highlight.html/feed</wfw:commentRss>
		<slash:comments>76</slash:comments>
		</item>
		<item>
		<title>设计 “阅读全文” 链接</title>
		<link>http://www.ludou.org/read-more-link.html</link>
		<comments>http://www.ludou.org/read-more-link.html#comments</comments>
		<pubDate>Thu, 13 Aug 2009 13:28:44 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[资源分享]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=26</guid>
		<description><![CDATA[“阅读全文”链接的设计往往被大家所忽略，但这又是网页设计，尤其是博客设计中不可或缺的环节。博客主页只显示文章摘要，而用“阅读全文”链接来引导读者继续阅读，这样既简明扼要，又可以在主页显示更多的信息，读者阅读起来也轻松多了，在较短的时间内就可以浏览到他们想看的信息，而且对SEO也有好处，何乐而不为呢？
&#160;&#160;&#160;&#160;&#160;今天，就让我们一起来看看国外网站是如何设计“阅读全文”链接的吧，或许会给你带来意想不到的灵感。点击右下角的<strong>“阅读全文…”</strong>开始欣赏吧。<p><a rel="bookmark" href="http://www.ludou.org/read-more-link.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/read-more-link.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>XHTML站点设计过程中的10个小技巧</title>
		<link>http://www.ludou.org/10-ways-to-make-your-site-accessible-using-web-standards-2.html</link>
		<comments>http://www.ludou.org/10-ways-to-make-your-site-accessible-using-web-standards-2.html#comments</comments>
		<pubDate>Sat, 11 Jul 2009 13:17:00 +0000</pubDate>
		<dc:creator>Ludou</dc:creator>
				<category><![CDATA[教程指南]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.ludou.org/?p=22</guid>
		<description><![CDATA[本文翻译自国外一IT博客，主要讲解了一些网页设计中最基本、最简单的问题，希望对大家有所帮助。翻译得不好，请大家多指教！<p><a rel="bookmark" href="http://www.ludou.org/10-ways-to-make-your-site-accessible-using-web-standards-2.html" target="_blank">查看全文</a></p>]]></description>
		<wfw:commentRss>http://www.ludou.org/10-ways-to-make-your-site-accessible-using-web-standards-2.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

