<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh-cn">
		<id>http://wiki.blueidea.com/index.php?action=history&amp;feed=atom&amp;title=web%E6%A0%87%E5%87%86%E5%AD%A6%E4%B9%A0%E4%B9%A6%E7%B1%8D%E6%8E%A8%E8%8D%90</id>
		<title>web标准学习书籍推荐 - 版本历史</title>
		<link rel="self" type="application/atom+xml" href="http://wiki.blueidea.com/index.php?action=history&amp;feed=atom&amp;title=web%E6%A0%87%E5%87%86%E5%AD%A6%E4%B9%A0%E4%B9%A6%E7%B1%8D%E6%8E%A8%E8%8D%90"/>
		<link rel="alternate" type="text/html" href="http://wiki.blueidea.com/index.php?title=web%E6%A0%87%E5%87%86%E5%AD%A6%E4%B9%A0%E4%B9%A6%E7%B1%8D%E6%8E%A8%E8%8D%90&amp;action=history"/>
		<updated>2026-04-30T09:07:18Z</updated>
		<subtitle>本wiki的该页面的版本历史</subtitle>
		<generator>MediaWiki 1.24.1</generator>

	<entry>
		<id>http://wiki.blueidea.com/index.php?title=web%E6%A0%87%E5%87%86%E5%AD%A6%E4%B9%A0%E4%B9%A6%E7%B1%8D%E6%8E%A8%E8%8D%90&amp;diff=7090&amp;oldid=prev</id>
		<title>yoom：/*增加一些后备工具*/</title>
		<link rel="alternate" type="text/html" href="http://wiki.blueidea.com/index.php?title=web%E6%A0%87%E5%87%86%E5%AD%A6%E4%B9%A0%E4%B9%A6%E7%B1%8D%E6%8E%A8%E8%8D%90&amp;diff=7090&amp;oldid=prev"/>
				<updated>2010-10-26T15:18:01Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;增加一些后备工具&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;←上一版本&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;2010-10-26T15:18:01的版本&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;第58行：&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;第58行：&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;祝语！&lt;/del&gt;==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;祝语！（待修改）&lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;祝您好运，是的，只要这三本书籍，就能让您有一个质的飞跃。(-:&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;祝您好运，是的，只要这三本书籍，就能让您有一个质的飞跃。(-:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;当然，这不是终点。需要明确的是，之后可以利用一些成熟的方法来工作效率。俗话说的好：工欲善其事必先利其器，因此选择合适的辅助工具非常重要，甚至可以成为衡量一个web前端开发人员的技术水平的必要条件。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[https://addons.mozilla.org/zh-cn/firefox/addon/1843/ Firebug ]，一款基于[http://www.mozilla.com/firefox/ Firefox浏览器]的插件，调试页面之利器。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;*[[css reset ]]，目前yahoo团队出品的一款非常好用。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;*[[JavaScript库]]，琳琅满目，快速帮助你实现页面的行为。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:web标准]] [[Category:HTML]] [[Category:CSS]] [[Category:JavaScript]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:web标准]] [[Category:HTML]] [[Category:CSS]] [[Category:JavaScript]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>yoom</name></author>	</entry>

	<entry>
		<id>http://wiki.blueidea.com/index.php?title=web%E6%A0%87%E5%87%86%E5%AD%A6%E4%B9%A0%E4%B9%A6%E7%B1%8D%E6%8E%A8%E8%8D%90&amp;diff=6695&amp;oldid=prev</id>
		<title>yoom：创建新页面为 'Web标准涉及到三方面：'''结构（XHTML）'''，'''表现（CSS）'''，和'''行为（JavaScript）'''。对于前端开发工程师来说，这三项技能…'</title>
		<link rel="alternate" type="text/html" href="http://wiki.blueidea.com/index.php?title=web%E6%A0%87%E5%87%86%E5%AD%A6%E4%B9%A0%E4%B9%A6%E7%B1%8D%E6%8E%A8%E8%8D%90&amp;diff=6695&amp;oldid=prev"/>
				<updated>2010-03-30T16:12:37Z</updated>
		
		<summary type="html">&lt;p&gt;创建新页面为 &amp;#039;Web标准涉及到三方面：&amp;#039;&amp;#039;&amp;#039;结构（&lt;a href=&quot;/index.php?title=XHTML&quot; title=&quot;XHTML&quot;&gt;XHTML&lt;/a&gt;）&amp;#039;&amp;#039;&amp;#039;，&amp;#039;&amp;#039;&amp;#039;表现（&lt;a href=&quot;/index.php?title=CSS&quot; title=&quot;CSS&quot;&gt;CSS&lt;/a&gt;）&amp;#039;&amp;#039;&amp;#039;，和&amp;#039;&amp;#039;&amp;#039;行为（&lt;a href=&quot;/index.php?title=JavaScript&quot; title=&quot;JavaScript&quot;&gt;JavaScript&lt;/a&gt;）&amp;#039;&amp;#039;&amp;#039;。对于前端开发工程师来说，这三项技能…&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新页面&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Web标准涉及到三方面：'''结构（[[XHTML]]）'''，'''表现（[[CSS]]）'''，和'''行为（[[JavaScript]]）'''。对于前端开发工程师来说，这三项技能缺一不可。&lt;br /&gt;
&lt;br /&gt;
准备好了吗？此页为您推荐一些书籍，准确的说是三本书籍，它们的侧重点刚好覆盖以上三个知识面。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==定位==&lt;br /&gt;
&lt;br /&gt;
#此页假设您还不知道什么是DTD，不知道position:relative;的用途。&lt;br /&gt;
#此页假设您患有“DIV强迫症”，想通过DIV来包办一切，比如模拟Table。&lt;br /&gt;
#此页假设您还没使用过document.getElementById(&amp;quot;info&amp;quot;);，但知道JavaScript中 var a=1; 的含义。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
反之，此页的书籍可能并不适合您，请移步：[http://wiki.blueidea.com/index.php?title=%E4%BD%9C%E8%80%85#WEB.E5.89.8D.E7.AB.AF WEB前端开发书籍列表]，以搜寻适合您的书籍。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==入门==&lt;br /&gt;
&lt;br /&gt;
想拥有一个良好的开端？&lt;br /&gt;
&lt;br /&gt;
[[File:yoom_shenruqianchu_xhtml.jpg|frame|none|'''结构''']]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
这本书有三个缺点：&lt;br /&gt;
&lt;br /&gt;
#全英文&lt;br /&gt;
#价格稍贵&lt;br /&gt;
#如果您睡前有看书的习惯，它并不适合你，因为会让你更加清醒&lt;br /&gt;
&lt;br /&gt;
*当当网购买地址：[http://product.dangdang.com/product.aspx?product_id=9175165 深入浅出HTML与CSS、XHTML]&lt;br /&gt;
*[http://book.douban.com/subject/1799652/ 豆瓣关于此书的书评]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==进阶==&lt;br /&gt;
&lt;br /&gt;
乘热打铁，了解卓越的CSS布局方式，并惊叹于CSS定位技术的强大之处：&lt;br /&gt;
&lt;br /&gt;
[[File:yoom_chaoyue_css.jpg|frame|none|'''结构'''、'''表现''']]&lt;br /&gt;
&lt;br /&gt;
这本书有三个缺点：&lt;br /&gt;
&lt;br /&gt;
#书太精美了&lt;br /&gt;
#当您重新观察以前所书写的代码时，有一种莫名的负罪感&lt;br /&gt;
#可能会颠覆你以前的布局思维，一种相见恨晚的感觉。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*当当网购买地址：[http://product.dangdang.com/product.aspx?product_id=20087910 超越CSS：WEB设计艺术精髓]&lt;br /&gt;
*[http://book.douban.com/subject/2345964/ 豆瓣关于此书的书评]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:yoom_JavaScript_DOM.jpg|frame|none|结构、表现、'''行为''']]&lt;br /&gt;
&lt;br /&gt;
最后，JavaScript DOM编程艺术艺术，让您再次明白'''结构'''、'''表现'''、'''行为'''分离的真正含义！！&lt;br /&gt;
&lt;br /&gt;
*当当网购买地址：[http://product.dangdang.com/product.aspx?product_id=9236640 JavaScript DOM编程艺术]&lt;br /&gt;
*[http://book.douban.com/subject/1921890/ 豆瓣关于此书的书评]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==祝语！==&lt;br /&gt;
&lt;br /&gt;
祝您好运，是的，只要这三本书籍，就能让您有一个质的飞跃。(-:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:web标准]] [[Category:HTML]] [[Category:CSS]] [[Category:JavaScript]]&lt;/div&gt;</summary>
		<author><name>yoom</name></author>	</entry>

	</feed>