<?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>Blog Porta 80 &#187; Web Archive</title>
	<atom:link href="http://www.blogporta80.com.br/tag/web-archive/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blogporta80.com.br</link>
	<description>Por que não há lugar como localhost</description>
	<lastBuildDate>Tue, 31 Aug 2010 15:11:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Web &gt; Arquivo da Web</title>
		<link>http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/</link>
		<comments>http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/#comments</comments>
		<pubDate>Tue, 21 Oct 2008 23:18:25 +0000</pubDate>
		<dc:creator>@wili4m</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Archive]]></category>

		<guid isPermaLink="false">http://www.blogporta80.com.br/?p=609</guid>
		<description><![CDATA[De um simples instrumento de marketing à ferramenta de trabalho e meio crítico de sobrevivência para profissionais e empresas, os websites passaram por verdadeiras transformações em pouco menos de 10 anos. Sai o velho HTML com Gifs Animados, entra o incrível CSS com o poderoso Flash, além de linguagens e bancos de dados cada vez [...]]]></description>
			<content:encoded><![CDATA[<table width="500" cellspacing="0" cellpadding="5" border="0" align="center">
<tr>
<td colspan="2">
<p>De um simples instrumento de marketing à ferramenta de trabalho e meio crítico de sobrevivência para profissionais e empresas, os websites passaram por verdadeiras transformações em pouco menos de 10 anos.</p>
<p>Sai o velho HTML com Gifs Animados, entra o incrível CSS com o poderoso Flash, além de linguagens e bancos de dados cada vez mais robustos.</p>
<p>Para se ter noção, veja como era o site do UOL em 1998:</p>
<p align="center">
<a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/uol_old.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_uol_old.png" alt="UOL 1998"></a></p>
<p>Veja o site do UOL de hoje:</p>
<p align="center">
<a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/uol.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_uol.png"></a></p>
<p>Nostálgico, não?!</p>
<p>Selecionei alguns Layout’s antigos de sites que fizeram, e ainda fazem, parte do nosso dia-a-dia. É uma verdadeira volta ao passado.</p>
<p>À esquerda, o layout antigo. Á direita, o layout atual. Clique sobre as imagens para ampliá-las:</p>
</td>
</tr>
<tr>
<td width="50%" align="center">
<a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/google_old.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_google_old.png" alt="Google Antigo"></a></td>
<td width="50%" align="center">
<a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/google.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_google.png" alt="Google Atual"></a></td>
</tr>
<tr>
<td width="50%" align="center">
<a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/yahoo_old.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_yahoo_old.png" alt="Yahoo Antigo"></a></td>
<td width="50%" align="center">
<a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/yahoo.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_yahoo.png" alt="Yahoo Atual"></a></td>
<tr>
<td width="50%" align="center">
<a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/terra_old.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_terra_old.png" alt="Terra Antigo"></a></td>
<td width="50%" align="center">
<a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/terra.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_terra.png" alt="Terra"></a></td>
<tr>
<td width="50%" align="center"><a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/ig_old.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_ig_old.png" alt="IG Antigo"></a></td>
<td width="50%" align="center"><a href="#" onClick="window.open('http://www.blogporta80.com.br/conteudo/2008/10/21/ig.png','','width=1024,height=768,resizable=yes,scrollbars=yes')"><img src="http://blogporta80.com.br/conteudo/2008/10/21/thumb/thumb_ig.png" alt="IG Antigo"></a></td>
<tr>
<td colspan="2"><strong>Agora você pergunta:</strong><br />
Como consegui as imagens do conteúdo antigo. Muito simples: <a href="http://www.archive.org/index.php" target="_blank">Web Archive</a>.</p>
</td>
</tr>
</table>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-blogger">
			<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/&amp;n=Web+%3E+Arquivo+da+Web&amp;pli=1" rel="nofollow" class="external" title="Blog this on Blogger">Blog this on Blogger</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/&amp;title=Web+%3E+Arquivo+da+Web" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/&amp;t=Web+%3E+Arquivo+da+Web" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlereader">
			<a href="http://www.google.com/reader/link?url=http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/&amp;title=Web+%3E+Arquivo+da+Web&amp;srcUrl=http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/&amp;srcTitle=Web+%3E+Arquivo+da+Web&amp;snippet=%0D%0A%0D%0A%0D%0ADe%20um%20simples%20instrumento%20de%20marketing%20%C3%A0%20ferramenta%20de%20trabalho%20e%20meio%20cr%C3%ADtico%20de%20sobreviv%C3%AAncia%20para%20profissionais%20e%20empresas%2C%20os%20websites%20passaram%20por%20verdadeiras%20transforma%C3%A7%C3%B5es%20em%20pouco%20menos%20de%2010%20anos.%0D%0A%0D%0ASai%20o%20velho%20HTML%20com%20Gifs%20Animados%2C%20entra%20o%20incr%C3%ADvel%20CSS%20com%20o%20poderoso%20Flash%2C%20" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Web+%3E+Arquivo+da+Web+-+http://b2l.me/wv2kq&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/&amp;title=Web+%3E+Arquivo+da+Web&amp;summary=%0D%0A%0D%0A%0D%0ADe%20um%20simples%20instrumento%20de%20marketing%20%C3%A0%20ferramenta%20de%20trabalho%20e%20meio%20cr%C3%ADtico%20de%20sobreviv%C3%AAncia%20para%20profissionais%20e%20empresas%2C%20os%20websites%20passaram%20por%20verdadeiras%20transforma%C3%A7%C3%B5es%20em%20pouco%20menos%20de%2010%20anos.%0D%0A%0D%0ASai%20o%20velho%20HTML%20com%20Gifs%20Animados%2C%20entra%20o%20incr%C3%ADvel%20CSS%20com%20o%20poderoso%20Flash%2C%20&amp;source=Blog Porta 80" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.blogporta80.com.br/2008/10/web-arquivo-da-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
