<?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>Information for Business - Construa sua Identidade Online &#187; Dicas</title>
	<atom:link href="http://i4b.com.br/category/dicas/feed/" rel="self" type="application/rss+xml" />
	<link>http://i4b.com.br</link>
	<description>Exista na Internet</description>
	<lastBuildDate>Sat, 21 Apr 2012 17:41:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Tudo sobre o Like do Facebook que você precisa saber</title>
		<link>http://i4b.com.br/2011/03/16/tudo_sobre_o_like_do_facebook/</link>
		<comments>http://i4b.com.br/2011/03/16/tudo_sobre_o_like_do_facebook/#comments</comments>
		<pubDate>Wed, 16 Mar 2011 15:06:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Compartilhamento]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Like]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[redes sociais]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=241</guid>
		<description><![CDATA[Introdução As chamadas Redes Sociais Online, que seriam melhor definidas como ambientes de convívio online, tomaram conta da Internet em um ritmo vertiginoso assim que as tecnologias disponíveis as tornaram possíveis e a quantidade de pessoas conectadas atingiu uma massa &#8230; <a href="http://i4b.com.br/2011/03/16/tudo_sobre_o_like_do_facebook/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>Introdução</h1>
<p>As chamadas Redes Sociais Online, que seriam melhor definidas como ambientes de convívio online, tomaram conta da Internet em um ritmo vertiginoso assim que as tecnologias disponíveis as tornaram possíveis e a quantidade de pessoas conectadas atingiu uma massa crítica.</p>
<p>Se você quer que seu site seja visto você deve colocá-lo dentro dessas praças virtuais gigantescas que são as Redes Sociais (o Facebook, a maior delas, já ultrapassou 500 milhões de frequentadores).</p>
<h1>O que é o botão Like?</h1>
<p>Felizmente o próprio facebook criou uma forma brilhante de levar seu site e seus artigos para dentro dele com o botão Like.<a href="http://i4b.com.br/wp-content/uploads/2011/03/Like-Button.png"></a></p>
<p><a href="http://i4b.com.br/wp-content/uploads/2011/03/FacebookLike.jpg"><img class="alignright size-full wp-image-244" title="FacebookLike" src="http://i4b.com.br/wp-content/uploads/2011/03/FacebookLike.jpg" alt="" width="250" height="244" /></a>Mesmo que você não tenha uma conta no Facebook já deve ter visto uma página com o botãozinho ao lado e provavelmente um texto dizendo &#8220;1327 pessoas gostaram disso&#8221;.</p>
<p>Se você tem uma conta no Facebook e algum amigo seu gostou daquela página o texto ao lado do botão dirá que seus amigos fulano, beltrano, cicrano e mais 1325 pessoas gostaram daquilo.</p>
<p>A cada vez que uma pessoa clica no Like de uma página todos os seus amigos no Facebook podem ver que ele gostou da sua página e repassar para os próprios contatos.</p>
<p>Isso faz toda a diferença tanto para quem navega pelo seu site pois as páginas adiquirem outra vida ao mostrarem que foram aprovadas por várias pessoas (e com sorte amigos do leitor) quanto para você que obtém uma forma de transferir seu conteúdo para regiões mais populosas e mais frequentadas da Internet praticamente sem nenhum esforço.</p>
<h1>Como colocar o botão Like nas páginas?</h1>
<p>E qual é o esforço necessário para inserir um botão Like em todas as suas páginas?</p>
<p>Existem basicamente duas formas de inserir o botão:</p>
<ol>
<li>Inserir o código diretamente em seu template do WordPress</li>
<li>Ativar um plugin que faça isso por você</li>
</ol>
<p>A primeira opção é a mais indicada em termos de performance pois a inserção direta de um código sempre resultará em uma página que carrega mais rápido do que a que usa um plugin.</p>
<p>O problema em inserir o código manualmente é que exige que você mexa diretamente em seu template do WordPress. No caso do template padrão (o Twenty Ten) você terá que inserir o código nos arquivos loop-single.php e loop-page.php. Em todo caso o código é o seguinte:</p>
<blockquote cite="http://www.tudoparawordpress.com.br/dicas-wordpress/adicionar-botao-like-facebook-no-wordpress/"><p>&lt;iframe src=&#8221;http://www.facebook.com/plugins/like.php?href=&lt;?php  echo urlencode(get_permalink($post-&gt;ID));  ?&gt;&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&#8221;  scrolling=&#8221;no&#8221; frameborder=&#8221;0&#8243; allowTransparency=&#8221;true&#8221;  style=&#8221;border:none; overflow:hidden; width:450px;  height:30px&#8221;&gt;&lt;/iframe&gt;</p></blockquote>
<p>Se você (como a maioria das pessoas normais hehehe) se perde no meio desses comandos todos então o plugin é a solução perfeita.</p>
<p>Para escrever esse artigo pesquisei um bocado e consultei os amigos. Acabei escolhendo os que considerei os dois melhores:</p>
<ul>
<li><a href="http://allanjosephbatac.com/Wordpress-Facebook-Like-Plugin/" target="_blank">http://allanjosephbatac.com/Wordpress-Facebook-Like-Plugin/</a></li>
<div>
<li><a href="http://www.ahmedgeek.com/facebook-like-button-v5-0-major-update" target="_blank">http://www.ahmedgeek.com/facebook-like-button-v5-0-major-update</a></li>
</div>
</ul>
<p>Para ver as três opções visite esses sites:</p>
<ol>
<li><a title="Site de testes da i4B" href="http://olheagora.com.br">Olhe Agora</a> (é um campo de testes nosso) &#8211; inserção manual do código</li>
<li><a title="Site da consultoria em presença online Information for Business" href="http://i4b.com.br">i4B</a> (esse aqui mesmo) &#8211; <a title="Plugin simples para inserir o botão Like do Facebook" href="http://allanjosephbatac.com/Wordpress-Facebook-Like-Plugin/">Plugin do Allan Joseph Batac</a></li>
<li><a title="Evolução genética, memética e como a cibercultura molda o século XXI" href="http://www.memedecarbono.com.br/">Meme de Carbono</a> (meu blog sobre cibercultura) &#8211; <a title="Plugin para inserir o botão Like do Facebook em seu site" href="http://www.ahmedgeek.com/facebook-like-button-v5-0-major-update">Plugin do Ahmed Geek</a></li>
</ol>
<p>Se o seu site ainda é em html aproveite para migrar logo para WordPress ou algum outro CMS, é sério. No entanto, caso algo te impeça de modernizar seu site a única opção é inserir o código manualmente em cada página do site.</p>
<h1>Isso é tudo?</h1>
<p>Na verdade não.</p>
<p>Uma das possibilidades do botão Like é associá-lo a sua conta (ou da sua empresa) no Facebook e acompanhar os &#8220;insights&#8221; dela, ou seja, estatísticas sobre os acessos às suas páginas pelo botão Like.</p>
<p>O plugin do Ahmed cobre esse recurso oferecendo campos onde você pode inserir sua ID e sua appID.</p>
<p>A criação dessas IDs ficará para outro artigo.</p>
<h1>Referências</h1>
<ul>
<li><a title="Site especializado em recursos para WordPress" href="http://www.tudoparawordpress.com.br/dicas-wordpress/adicionar-botao-like-facebook-no-wordpress/">Tudo para WordPress</a></li>
<li><a title="Documentação do Facebook" href="http://developers.facebook.com/docs/opengraph/" target="_blank">Open Graph Protocol</a> (documetação em Inglês do próprio Facebook)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2011/03/16/tudo_sobre_o_like_do_facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como exibir os dados dos autores dos posts?</title>
		<link>http://i4b.com.br/2011/03/07/como-exibir-os-dados-dos-autores-dos-posts/</link>
		<comments>http://i4b.com.br/2011/03/07/como-exibir-os-dados-dos-autores-dos-posts/#comments</comments>
		<pubDate>Mon, 07 Mar 2011 18:22:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Site]]></category>
		<category><![CDATA[autor]]></category>
		<category><![CDATA[avatar]]></category>
		<category><![CDATA[perfil]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=229</guid>
		<description><![CDATA[Muitas vezes um site tem vários colaboradores escrevendo artigos, principalmente quando é um site corporativo ou de um coletivo de profissionais. Nesses casos é importante permitir que o visitante veja facilmente o perfil do autor do post que está lendo, &#8230; <a href="http://i4b.com.br/2011/03/07/como-exibir-os-dados-dos-autores-dos-posts/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Muitas vezes um site tem vários colaboradores escrevendo artigos, principalmente quando é um site corporativo ou de um coletivo de profissionais.</p>
<p>Nesses casos é importante permitir que o visitante veja facilmente o perfil do autor do post que está lendo, outros artigos do mesmo autor e o link para seu site individual.</p>
<p>Há diversos plugins para fazer isso no WordPress.</p>
<ul>
<li><a title="Página oficial do plugin" href="http://wordpress.org/extend/plugins/author-exposed/">Author Exposed</a>: Aprimora o link para o autor do post exibindo uma caixa sobre o artigo com o avatar do autor, outros dados do perfil (incluindo a página pessoal) e um link para todos os artigos dele no site. Funciona perfeitamente no WordPress 3.1. Não usamos aqui na i4B, mas você pode ver um exemplo clicando nos autores dos posts e páginas do <a title="Site que reúne alguns dos principais coachs do Brasil" href="http://coachbr.com" target="_blank">Coachbr.com</a>.<a href="http://i4b.com.br/wp-content/uploads/2011/03/plugin_author_exposed.gif"><img class="aligncenter size-medium wp-image-233" title="plugin_author_exposed" src="http://i4b.com.br/wp-content/uploads/2011/03/plugin_author_exposed-300x171.gif" alt="" width="300" height="171" /></a></li>
<li><a title="Plugin para WordPress que exibe os autores do site" href="http://wordpress.org/extend/plugins/author-avatars/" target="_blank">Author Avatars List</a>: Insere a lista de autores do site em qualquer página ou artigo onde seja inserido o shortcode [authoravatars]. Oferece uma <a title="Parâmetros de configuração do plugin Author Avatars" href="http://authoravatars.wordpress.com/documentation/authoravatars-shortcode/" target="_blank">série de parâmetros</a> para filtrar e modificar o resultado como por exemplo: [authoravatars show_biography=true min_post_count=1]. Há um exemplo na <a title="Lista de profissionais de coach que participam do CoachBR" href="http://www.coachbr.com/autores/" target="_blank">lista de autores do CoachBR</a>.
<p><div id="attachment_234" class="wp-caption aligncenter" style="width: 512px"><a href="http://i4b.com.br/wp-content/uploads/2011/03/plugin_author_avatars.jpg"><img class="size-large wp-image-234" title="Plugin: Author Avatars" src="http://i4b.com.br/wp-content/uploads/2011/03/plugin_author_avatars-502x1024.jpg" alt="screenshot do plugin Author Avatars" width="502" height="1024" /></a><p class="wp-caption-text">Captura de tela: Author Avatars</p></div></li>
</ul>
<p>Esses dois plugins em conjunto são uma das soluções possíveis, mas até o momento não diria que são a melhor solução pois ainda não avaliei todas as mais de 100 possibilidades disponíveis no diretório de plugins do WordPress.</p>
<p>Outros plugins que podem ser úteis:</p>
<ul>
<li><a title="Plugin para destacar o autor de um artigo no WordPress" href="http://wordpress.org/extend/plugins/cool-author-box/screenshots/">Cool Author Box</a>: Cria uma barra no rodapé do post que parece as legendas usadas em noticiários de TV</li>
<li><a title="Plugin para destacar os autores que mais escrevem no blog ou site" href="# http://wordpress.org/extend/plugins/top-authors/screenshots/" target="_blank">Top Authors</a>: Exibe os N autores que mais escreveram no site.</li>
<li><a title="Plugin para exibir os posts ou artigos de um autor no WordPress" href="# http://wordpress.org/extend/plugins/list-posts-by-author/screenshots/" target="_blank">List posts by author</a>: Lista os artigos de um autor do blog ou site com uma apresentação melhor.</li>
<li><a title="Plugin para exibir o autor nos menus do Worpdress" href="http://i4b.com.br/wp-admin/post.php?post=229&amp;action=edit&amp;message=9#%20http://wordpress.org/extend/plugins/author-info-widget/screenshots/" target="_blank">Author info widget</a>: mostra a foto, a biografia e links das redes sociais dos autores do blog nos menus do WordPress</li>
<li><a title="Lista em modo texto os autores de um blog ou site WordPress" href="http://wordpress.org/extend/plugins/list-authors/screenshots/" target="_blank">List Authors</a>: Lista os autores do site ou blog acrescentando opcionalmente o RSS de cada autor.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2011/03/07/como-exibir-os-dados-dos-autores-dos-posts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como colocar imagens no WordPress?</title>
		<link>http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/</link>
		<comments>http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/#comments</comments>
		<pubDate>Mon, 06 Dec 2010 17:54:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Site]]></category>
		<category><![CDATA[editar]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=211</guid>
		<description><![CDATA[O WordPress é um sistema gerenciador de conteúdo que consegue ser extremamente poderoso e ainda assim muito fácil de usar, no entanto é normal que os novos usuários se sintam perdidos enquanto não entendem a sua interface, a forma de &#8230; <a href="http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>O WordPress é um sistema gerenciador de conteúdo que consegue ser extremamente poderoso e ainda assim muito fácil de usar, no entanto é normal que os novos usuários se sintam perdidos enquanto não entendem a sua interface, a forma de usá-lo. Por isso decidi fazer alguns artigos explicando algumas das atividades mais comuns.</p>
<h2>Enviando fotos para o site</h2>
<p>Normalmente as fotos que você quer publicar no seu post (artigo) ou page (página) estarão em seu computador. Para usá-las você terá que enviá-las para o seu site.</p>
<p>Primeiro entre na tela de edição de post ou page:</p>
<div id="attachment_212" class="wp-caption aligncenter" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_01.jpg"><img class="size-medium wp-image-212" title="Editor de textos do Worpress" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_01-300x220.jpg" alt="Imagem representando o editor de textos do WordPress" width="300" height="220" /></a><p class="wp-caption-text">Editor de textos do WordPress</p></div>
<p>O botão para inserir imagens está acima da barra de ícones, logo à direita do texto Upload/Insert. Na imagem acima eu deixei o mouse sobre o ícone para fazer aparecer o texto de ajuda &#8220;Add an image&#8221; que você vê se sobrepondo à barra de ícones.</p>
<p>Ao clicar no botão a tela a seguir aparecerá sobre o post ou página sendo escrito. Essa tela é um centro de atividades de tudo que você pode fazer com imagens: enviar para o site, definir suas características, buscar imagens que já foram enviadas para o site, inserir imagens uma a uma ou em grupo.</p>
<div id="attachment_213" class="wp-caption aligncenter" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_02.jpg"><img class="size-medium wp-image-213" title="Janela para seleção de imagem" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_02-300x215.jpg" alt="Imagem da janela para seleção de imagem a enviar" width="300" height="215" /></a><p class="wp-caption-text">Escolha a imagem</p></div>
<p>Ao clicar no botão &#8220;Select files&#8221; será aberto o programa do seu sistema operacional (Windows, MacOS, Linux) que permite navegar pelos arquivos do seu HD. Você pode selecionar várias fotos usando o botão CONTROL (Comand no Mac) ou o SHIFT.</p>
<p>Depois que você selecionar as fotos e clicar em Ok elas serão enviadas para o seu site. Observe enquanto o WordPress envia as fotos e faz o processo de &#8220;crushing&#8221; que consiste simplesmente em criar três versões das fotos em tamanhos diferentes. Geralmente é melhor usar o tamanho médio ou pequeno para que o artigo carregue rapidamente mesmo em celulares.</p>
<p>Quando o upload das fotos terminar a tela estará como essa:</p>
<div id="attachment_214" class="wp-caption aligncenter" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_03.jpg"><img class="size-medium wp-image-214" title="Janela para seleção de imagem" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_03-300x213.jpg" alt="" width="300" height="213" /></a><p class="wp-caption-text">Imagens do post</p></div>
<p>Essa, a propósito, é a imagem em tamanho médio. Clique nela para ver no tamanho original.</p>
<p>Clicando no link &#8220;Show&#8221; que aparece do lado direito você pode ver os detalhes da foto como:</p>
<ul>
<li>Title: Importante. Ele é usado pelo Google para indexar suas fotos</li>
<li>Alternate Text: deve ter uma descrição para quem é cego. Esse texto é lido pelos programas especiais para eles.</li>
<li>Caption: é o texto que aparece sob a foto como o texto &#8220;Imagens do Post&#8221; sob a imagem acima</li>
<li>Description: Importante também para a indexação do Google e outros buscadores. É o texto que ele mostrará associado à foto</li>
</ul>
<p>Os demais campos são para definir o alinhamento da foto ao ser inserida no post ou page e a versão (pequena, média ou full size) que deve ser usada. A tela abaixo mostra esses detalhes:</p>
<div id="attachment_215" class="wp-caption aligncenter" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_04.jpg"><img class="size-medium wp-image-215" title="Detalhes de uma imagem" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_04-300x214.jpg" alt="Captura de tela com os detalhes de uma imagem" width="300" height="214" /></a><p class="wp-caption-text">Detalhes da imagem</p></div>
<p>As imagens que você acaba de enviar para o site são automaticamente associadas a esse post ou página que você está escrevendo e ficam sendo sua &#8220;Gallery&#8221; de imagens. Observe que na parte superior dessa janela que abriu quando clicamos em &#8220;Add an image&#8221; tem as opções &#8220;From Computer&#8221;, &#8220;From URL&#8221;, &#8220;Gallery&#8221; e &#8220;Media Library&#8221;. Basta clicar em &#8220;Gallery&#8221; para ver a tela abaixo:</p>
<div id="attachment_216" class="wp-caption aligncenter" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_05.jpg"><img class="size-medium wp-image-216" title="Galeria de imagens" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_05-300x215.jpg" alt="Visualização da galeria de imagens de um post" width="300" height="215" /></a><p class="wp-caption-text">Imagens do post</p></div>
<p>Note que essa tela lhe permite inserir todas as fotos da galeria com um único clique (o botão não está visível na imagem acima, mas fica logo abaixo de &#8220;Gallery columms&#8221;). Veja abaixo como ficam as imagens inseridas dessa forma:</p>

<a href='http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/inserir_imagem_01/' title='Editor de textos do Worpress'><img width="150" height="150" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_01-150x150.jpg" class="attachment-thumbnail" alt="Imagem representando o editor de textos do Wordpress" title="Editor de textos do Worpress" /></a>
<a href='http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/inserir_imagem_02/' title='Janela para seleção de imagem'><img width="150" height="150" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_02-150x150.jpg" class="attachment-thumbnail" alt="Imagem da janela para seleção de imagem a enviar" title="Janela para seleção de imagem" /></a>
<a href='http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/inserir_imagem_03/' title='Janela para seleção de imagem'><img width="150" height="150" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_03-150x150.jpg" class="attachment-thumbnail" alt="Imagens do post" title="Janela para seleção de imagem" /></a>
<a href='http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/inserir_imagem_04/' title='Detalhes de uma imagem'><img width="150" height="150" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_04-150x150.jpg" class="attachment-thumbnail" alt="Captura de tela com os detalhes de uma imagem" title="Detalhes de uma imagem" /></a>
<a href='http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/inserir_imagem_05/' title='Galeria de imagens'><img width="150" height="150" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_05-150x150.jpg" class="attachment-thumbnail" alt="Visualização da galeria de imagens de um post" title="Galeria de imagens" /></a>
<a href='http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/inserir_imagem_06/' title='Banco de mídia'><img width="150" height="150" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_06-150x150.jpg" class="attachment-thumbnail" alt="Imagem da listagem do banco de mídia do site" title="Banco de mídia" /></a>

<p>E finalmente, podemos inserir imagens que já tenham sido enviadas para o site antes, basta ir na última opção dessa janela, &#8220;Media Library&#8221; A imagem está a seguir:</p>
<div id="attachment_217" class="wp-caption aligncenter" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_06.jpg"><img class="size-medium wp-image-217" title="Banco de mídia" src="http://i4b.com.br/wp-content/uploads/2010/12/inserir_imagem_06-300x213.jpg" alt="Imagem da listagem do banco de mídia do site" width="300" height="213" /></a><p class="wp-caption-text">Banco de mídia</p></div>
<p>Você notará que nessa tela há a possibilidade de filtrar as fotos por data de envio ou por texto. Por isso é importante definir bem os detalhes (Title, caption etc.) ao enviar cada imagem para o site: para ficar mais fácil localizá-las para usar no futuro.</p>
<p>Caso você queira usar imagens da sua Media Library para fazer uma galeria como a que mostrei logo acima (com todas as imagens inseridas com um só clique) você terá que recorrer a um artifício:</p>
<ol>
<li>Insira as fotos que vai querer uma a uma: isso as fará passar a fazer parte da galeria de imagens desse post</li>
<li>Apague todas as imagens do post. Elas continuarão fazendo parte da galeria dele</li>
<li>Insira a galeria normalmente como mostrei mais acima.</li>
</ol>
<p>Esse post está longe de esgotar todos os recursos com fotos disponíveis no WordPress, mas deve atender às necessidades de 90% dos casos.</p>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2010/12/06/como-colocar-imagens-no-wordpress/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Como fazer meu site aparecer melhor no Google?</title>
		<link>http://i4b.com.br/2010/07/07/como-fazer-meu-site-aparecer-melhor-no-google/</link>
		<comments>http://i4b.com.br/2010/07/07/como-fazer-meu-site-aparecer-melhor-no-google/#comments</comments>
		<pubDate>Thu, 08 Jul 2010 00:06:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Site]]></category>
		<category><![CDATA[Bing]]></category>
		<category><![CDATA[buscadores]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[mecanismo de busca]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=171</guid>
		<description><![CDATA[Em duas palavras: Conteúdo relevante. O segredo do sucesso de qualquer buscador é a capacidade de achar textos relevantes para a pessoa que fez a busca então é natural que todos os seus esforços sejam no sentido de &#8220;ler&#8221; cada &#8230; <a href="http://i4b.com.br/2010/07/07/como-fazer-meu-site-aparecer-melhor-no-google/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Em duas palavras: Conteúdo relevante.</p>
<p>O segredo do sucesso de  qualquer buscador é a capacidade de achar textos <strong>relevantes </strong>para a  pessoa que fez a busca então é natural que todos os seus esforços sejam  no sentido de &#8220;ler&#8221; cada página da Internet e definir em que temas elas  se encaixam e qual é sua relevância nessa área.</p>
<p>Agora as questões são: como ter conteúdo relevante e como os robôs dos mecanismos de busca vão achá-lo?</p>
<p>Bem, há duas formas de fazer isso e  sugiro usar as duas:</p>
<ul>
<li>Escreva seus textos pensando em quem  você quer que os encontre</li>
<li>Tenha um site tecnicamente amigável para os buscadores.</li>
</ul>
<p>Vamos  começar pelo &#8220;tecnicamente amigável&#8221; pois é mais simples de explicar.</p>
<h2>Sites  amigos de buscadores</h2>
<p>O primeiro passo é usar um bom CMS  (Content Managemant System) como o <a title="Wordpress para instalar no seu site" href="http://wordpress.org" target="_blank">WordPress</a>. Eles já fazem boa parte do  trabalho naturalmente inserindo os códigos necessários (como as  metatags).</p>
<p>O WordPress é um dos melhores CMS nesse aspecto (Não é a toa que é  usado nos portais de notícias tanto da Globo quando da Record), mas pode  ser melhorado com alguns plugins:</p>
<ul>
<li><a href="https://mail.google.com/mail/?ui=2&amp;view=bsp&amp;ver=ohhl4rw8mbn4#129aef99311f0222_%20http://wordpress.org/extend/plugins/platinum-seo-pack/">Platinum  SEO pack</a></li>
<li><a href="https://mail.google.com/mail/?ui=2&amp;view=bsp&amp;ver=ohhl4rw8mbn4#129aef99311f0222_%20http://wordpress.org/extend/plugins/google-sitemap-generator/">Google  site map generator</a></li>
<li><a href="http://wordpress.org/extend/plugins/wp-super-cache/" target="_blank">Supercache </a>ou <a href="http://wordpress.org/extend/plugins/hyper-cache/" target="_blank">Hypercache </a>(ainda não homologado para o WP3, mas tenho usado sem problemas)</li>
</ul>
<p>O cache é importante pois atualmente a velocidade de  carregamento do site tem peso na análise de relevância.</p>
<p>Depois de  instalar o gerador de Site Map você terá que mandá-lo gerar o mapa pela  primeira vez e depois ele funcionará sozinho.</p>
<p>Você terá que dedicar um pouco mais de tempo ao Platinum SEO pack para  entender os seus campos, mas ele já ajudará simplesmente sendo  instalado.</p>
<p>Permalinks&#8230; O nome é estranho, mas isso é o endereço das suas páginas. Por exemplo, o permalink da nossa página de contato é i4b.com.br/contato.</p>
<p>O padrão do WordPress (não imagino  porque) é fazer  links do tipo <a href="http://meusite.com.br/?p=12" target="_blank">meusite.com.br/?p=12</a>,  mas pode ser facilmente configurado na opção Settings/Permalinks. Altere para /%category%/%postname%/</p>
<p>O nome do  domínio ajuda bastante,  <a href="http://preparacaodeatores.com.br/" target="_blank">preparacaodeatores.com.br</a> terá muito mais chances de ser achado em uma busca por preparação de  atores do que <a href="http://soufulano.com.br/" target="_blank">soufulano.com.br</a></p>
<p>O  <a href="http://www.marketingdebusca.com.br/" target="_blank">Marketing  de Busca</a> do Web Paulo é uma das melhores fontes de informação tanto  para explorar as vantagens do Platinum SEO quanto para o item a seguir.</p>
<p>Outra boa fonte é o site <a title="Site do especialista em SEO e WordPress Guga Alves" href="http://tudoparawp.com.br/" target="_blank">Tudo Para WordPress</a> do @GugaAlves</p>
<h2>Como escrever seus artigos e páginas</h2>
<p>Escrever online até certo ponto é parecido com o que um jornalista ou redator fazem, mas tem algumas diferenças:</p>
<ul>
<li>O leitor online prefere textos mais curtos e diretos</li>
<li>Temos que escrever para os robôs dos buscadores também</li>
</ul>
<p>Há dois motivos para o texto ser adaptado para o leitor internauta. O primeiro é obvio: não queremos escrever para robôs! Hehehe! O segundo é que um texto que passa a mensagem rapidamente tem mais chance de ser compartilhado pelos leitores e os robôs dos buscadores procuram observar isso.</p>
<p>O segredo de escrever para robôs é lembrar que os humanos tem uma grande  facilidade em lançar olhos sobre um grupo de palavras e identificar se  ele se enquadra em seu interesse, mas os robôs não são (ainda) tão  espertos.</p>
<p>Imagine por exemplo que você faça <a href="http://www.preparacaodeatores.com.br/" target="_blank">preparação  de atores</a>.</p>
<p>Vamos listar algumas estratégias para o texto ser mais amigável para os robôs:</p>
<ul>
<li>O seu primeiro parágrafo deve resumir o artigo (isso é bom para o leitor humano também)</li>
<li>Coloque  as palavras mais importantes no título da página ou artigo como  &#8220;Workshop de Preparação de Atores de Teatro em Curitiba&#8221; para um artigo  avisando da data, duração e preço do próximo workshop agendado</li>
<li>Se o texto tiver subtítulos use os tipos de parágrafo adequados  (Título 1, 2, 3 etc.) pois os robôs sabem que as palavras ali são  importantes para definir o conteúdo do texto</li>
<li>Palavras em negrito  também são consideradas mais importantes pelos buscadores</li>
<li>Garanta que o título do seu site (que aparece em todas as páginas)  contenha as palavras mais buscadas pelos visitantes que você deseja  atrair</li>
<li>O WordPress tem um campo para a descrição do site (e o  Platinum SEO o melhora). Esse é o texto que aparece sob o link para o  seu site nas buscas e tem uma grande importância também quando o robô  analisa seu conteúdo</li>
<li>Defina palavras chave (tem um espaço para elas na parte direita da  tela quando estamos escrevendo um artigo). Elas podem não ter um grande  peso no status do site, mas ajudam o buscador a classificar o conteúdo</li>
</ul>
<h2>Reputação e redes sociais</h2>
<p>Já se fala no fim da era  dos buscadores depois que a Internet se tornou uma grande rede social (o  segundo site mais acessado do mundo é o Facebook e há o fenômeno  Twitter só para citar alguns).</p>
<p>Agora muitas vezes achamos o que nos  interessa buscando o que os amigos já aprovaram.</p>
<p>Os buscadores estão atentos a isso há muito tempo, tanto que, desde o  começo, um dos fatores mais importantes para o Google na hora de  classificar um site é quantas vezes ele é mencionado por outros sites,  ou seja, uma rede social vasta de pessoas que citam o site é vista como  uma forma de aprovação da relevância do seu conteúdo</p>
<p>Mas CUIDADO! De forma nenhuma, jamais, nem em sonho aceite o chamado  link farming que consiste em pagar o serviço de alguém que providencia  para milhares de sites linkarem o seu artificialmente. Isso vai contra o  interesse dos buscadores que querem achar conteúdo relevante e não  sites artificialmente recomendados. A resposta deles pode demorar, mas é  devastadora: eles cortam seu site de toda e qualquer busca.</p>
<p>Se você ou sua empresa são referências na sua área naturalmente  outros colocarão links para o seu site.</p>
<p>O ideal é que o texto que  contém o link seja expressivo.</p>
<p>Por exemplo <a href="http://preparacaodeatores.com.br/" target="_blank">clique aqui</a> não diz nada, mas os buscadores vão favorecer seu site se o linkarem  como a <a href="http://preparacaodeatores.com.br/" target="_blank">melhor  preparação de atores do Brasil</a>.</p>
<p>Uma forma de aumentar a possibilidade de linkarem seu site com um  texto relevante é associar sempre um lema curto e expressivo a ele.</p>
<p>Algumas pessoas negociam troca de links com sites mais  famosos. Pessoalmente não gosto dessa prática muito embora realmente o  link em um site com boa colocação no Google (Page Rank) pese mais.</p>
<p>Mais eficiente é usar um serviço/plugin como o ShareThis que <a title="Permita que seus visitantes compartilhem seu conteúdo" href="http://sharethis.com/" target="_blank">cria um botão para compartilhar suas páginas e posts nas principais redes sociais</a>.</p>
<h2>Fiz tudo isso e meu site ainda não aparece bem</h2>
<p>Tenha  paciência e persistência. Há vários fatores que podem dificultar a boa  colocação do seu site:</p>
<ul>
<li>Sites novos ficam algumas semanas em  observação e idade é importante na classificação do site</li>
<li>Se os seus temas centrais são muito populares você terá uma longa  escalada pela frente. Invista pesadamente no conteúdo e nas redes  sociais para se tornar conhecido e  uma referência.</li>
<li>Seus  concorrentes também investiram corretamente no SEO (mesma sugestão  acima)</li>
<li>Seu site foi penalizado pois você tentou alguma estratégia para  enganá-los, nesse caso pare imediatamente! Só o bom conteúdo salva.</li>
</ul>
<h2>Referências</h2>
<p>Ajudaram a construir esse post:</p>
<ul>
<li><a title="Apresentação com mais de 60 slides" href="http://www.slideshare.net/ricardosaavedra/seo-para-produtores-de-contedo-e-boas-prticas-de-web-writing" target="_blank">Treinamento de SEO de Ricardo Saavedra</a> (@<a title="Perfil no Twitter" href="http://twitter.com/RicardoSaavedra" target="_blank">RicardoSaavedra</a>)</li>
<li>@<a title="Perfil no Twitter" href="http://twitter.com/Lazzarus" target="_blank">Lazzarus </a>que perguntou sobre <a title="Entenda o que é fazenda de links" href="http://www.mestreseo.com.br/black-hat/link-farm" target="_blank">Link Farming</a></li>
<li>@<a title="Perfil no Twitter" href="http://twitter.com/alexrodrigues43 " target="_blank">alexrodrigues43 </a>que colaborou com uma <a title="Seleção de lugins para WordPress" href="http://www.contextoseo.com/listawp/" target="_blank">lista bem interessante de plugins para WordPress</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2010/07/07/como-fazer-meu-site-aparecer-melhor-no-google/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Como definir o design do seu site?</title>
		<link>http://i4b.com.br/2010/07/05/como-definir-o-design-do-seu-site/</link>
		<comments>http://i4b.com.br/2010/07/05/como-definir-o-design-do-seu-site/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 15:24:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Site]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[template]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=168</guid>
		<description><![CDATA[Até a última década do século passado os sites eram feitos com um editor de html (como o Dreamweaver ou o Kompozer) e deviam ser desenvolvidos praticamente do zero em um processo que durava pelo menos alguns dias. Hoje, entre &#8230; <a href="http://i4b.com.br/2010/07/05/como-definir-o-design-do-seu-site/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Até a última década do século passado os sites eram feitos com um editor de html (como o <a title="Site oficial do Dreamweaver" href="http://www.adobe.com/br/products/dreamweaver/" target="_blank">Dreamweaver </a>ou o <a title="Editor html opensource" href="http://kompozer.net/" target="_blank">Kompozer</a>) e deviam ser desenvolvidos praticamente do zero em um processo que durava pelo menos alguns dias.</p>
<p>Hoje, entre o registro e ativação do domínio e ter o site pronto para receber conteúdo, passam no máximo 4 horas graças à criação da <a title="Artigo e video aula explicando o que são sites dinâmicos" href="http://i4b.com.br/2009/06/04/o-que-sao-sites-dinamicos/" target="_self">tecnologia de sites dinâmicos</a> nos primeiros anos dessa década que está acabando.</p>
<p>Apesar disso boa parte dos novos colonizadores da Internet (novos donos de sites) demoram meses para começar a alimentar seus sites com conteúdo por que não conseguem encontrar o design perfeito para seu site.</p>
<p>Aqui vão algumas dicas para você definir o design do seu site em menos de uma hora e poder começar rapidamente a construir seu lugar na Rede.</p>
<h2>Conteúdo, onde tudo começa</h2>
<p>Até mesmo o nome do seu domínio é melhor escolhido se você já sabe qual será o conteúdo do seu site, por isso comece pensando nele:</p>
<ul>
<li>Sobre o que o site falará?</li>
<li>O site será pessoal ou institucional?</li>
<li>Qual é o perfil do visitante que você pretende receber em seu espaço?</li>
<li>Quais serão as páginas do site (além de uma para &#8220;quem somos&#8221; e outra para &#8220;contato&#8221;)?</li>
<li>O site terá uma sessão de artigos (é bom que tenha) e quais serão os temas e categorias?</li>
</ul>
<p>O segundo item da lista acima é muito importante.</p>
<p>Se o seu site será pessoal, ou seja, uma representação sua online então o foco não estará no leitor e sim nos seus interesses, gostos e habilidades. Mais a frente você definirá o design que seja agradável para você e assim atrairá leitores que tem o mesmo perfil.</p>
<p>Caso o site seja institucional ele não deve ser feito para agradar você e sim o visitante. Pense nos interesses, cultura e perfil do seu visitante e não no seu próprio. Isso ajudará a escolher um design adequado.</p>
<h2>Como escolher um template?</h2>
<p>Se você tem recursos financeiros e um webdesigner em quem confie não pense duas vezes: contrate-o.</p>
<p>Caso contrário parta para o plano B ou haverá uma enorme possibilidade do desenvolvimento do design ser demorado e estressante minando energias que devem ser investidas na criação do conteúdo.</p>
<p>A escolha de um modelo pronto para WordPress pode ser mais desgastante que a comunicação com um webdesigner em quem não confiamos afinal há facilmente 6 mil templates gratuitos para o WordPress. Já ouviu falar no <a title="Vídeo em inglês no TED mostrando como o excesso de opções pode ser ruim" href="http://www.ted.com/talks/barry_schwartz_on_the_paradox_of_choice.html" target="_blank">paradoxo da escolha</a>?</p>
<p>Na hora de escolher um template sugiro muito francamente usar o padrão do WordPress mudando apenas a cor de fundo e a imagem do cabeçalho, o que pode ser feito em segundos se você já tem uma imagem pronta.</p>
<p>Pense no seguinte. Todo site tem um cabeçalho com uma imagem para ser lembrado mais facilmente, um menu lateral (preferencialmente à direita para destacar o conteúdo), algumas vezes um menu horizontal no cabeçalho e uma grande área para o conteúdo do lado esquerdo (é onde os olhos do internauta vão primeiro).</p>
<blockquote><p>A personalização pode facilmente ficar por conta da imagem e da cor de fundo</p></blockquote>
<p>Outra vantagem de usar o modelo padrão nesse momento é que a nova versão do WordPress acaba de ser lançada com diversos novos recursos e os templates mais antigos podem não ter suporte para alguns deles.</p>
<p>No caso de você odiar o design do template padrão (se estiver fazendo um blog ou site pessoal) ou achar que os seus clientes não gostarão (no caso de um site institucional) procure primeiro entre os outros templates que já vem pré-instalados no WordPress e depois em repositórios como o <a title="Templates gratuitos para WordPress" href="http://www.wpthemesfree.com/" target="_blank">WordPress Themes</a> e o <a title="Templaes ou modelos gratuitos para WordPress" href="http://www.wptmp.com/" target="_blank">WordPress Themes Archive</a>, mas resista bravamente à tentação de buscar o modelo perfeito. Selecione quatro ou cinco que sejam leves e tenham uma área para uma imagem no cabeçalho e peça ajuda dos amigos para escolher o seu.</p>
<p>Uma das vantagens de usar um CMS como o WordPress é a facilidade de mudar o design do site completamente com dois ou três cliques de mouse, ou seja, depois que você já estiver com seu site no ar, recebendo conteúdo e construindo uma reputação, você pode calmamente buscar o template perfeito e ativá-lo aproveitando para fazer uma festa em torno do evento.</p>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2010/07/05/como-definir-o-design-do-seu-site/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Como fazer um site profissional com o WordPress 3</title>
		<link>http://i4b.com.br/2010/06/28/como-fazer-um-site-profissional-com-o-wordpress-3/</link>
		<comments>http://i4b.com.br/2010/06/28/como-fazer-um-site-profissional-com-o-wordpress-3/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 19:37:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Site]]></category>
		<category><![CDATA[video aulas]]></category>
		<category><![CDATA[institucional]]></category>
		<category><![CDATA[sites]]></category>
		<category><![CDATA[videoaula]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=164</guid>
		<description><![CDATA[O WordPress (um dos melhores e mais usados sistemas para gerenciar sites) ganhou uma nova versão cheia de novidades na semana passada. Como de costume criei uma videoaula (no final do post) tanto para apresentar os novos recurso quanto para &#8230; <a href="http://i4b.com.br/2010/06/28/como-fazer-um-site-profissional-com-o-wordpress-3/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>O WordPress (um dos melhores e mais usados sistemas para gerenciar sites) ganhou uma nova versão cheia de novidades na semana passada.</p>
<p>Como de costume criei uma videoaula (no final do post) tanto para apresentar os novos recurso quanto para mostrar a quem nunca fez uma página como é fácil criar um site profissional ou institucional em menos de 20 minutos usando<a title="Videoaula sobre gerenciadores de sites" href="http://i4b.com.br/2009/06/04/o-que-sao-sites-dinamicos/" target="_blank"> um CMS como o WordPress</a>.</p>
<p>Aproveito para compartilhar com vocês alguns insights:</p>
<ol>
<li>A maioria dos visitantes de um site não o conhecem e visitam a home para entender onde estão. Coloque lá um texto que diga rapidamente sua área de atuação</li>
<li>Procure usar poucas categorias de artigos, mas pode abusar no uso de palavras chave</li>
<li>A nuvem de palavras chave (tags) é um ótimo instrumento para o seu visitante entender com um lance de olhos quais são os assuntos do seu site</li>
<li>Use o menu horizontal sob a imagem do cabeçalho para destacar artigos que você gostaria que a maioria dos visitantes vissem, mas não exagere na quantidade</li>
<li>Coloque no rodapé os links para as redes sociais online que você usa para consolidar sua reputação como Videolog, Twitter, Delicious e Facebook</li>
</ol>
<p>A videoaula:<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12916305&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=12916305&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/12916305">Como fazer um site profissional com o WordPress 3</a> from <a href="http://vimeo.com/i4b">i4B Exista na Internet</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2010/06/28/como-fazer-um-site-profissional-com-o-wordpress-3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Como configurar o WindowsMail com o Google Gmail para sites?</title>
		<link>http://i4b.com.br/2010/06/08/como-configurar-o-windowsmail-com-o-google-gmail-para-sites/</link>
		<comments>http://i4b.com.br/2010/06/08/como-configurar-o-windowsmail-com-o-google-gmail-para-sites/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 20:50:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[configurações]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[IMAP]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[windowsmail]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=151</guid>
		<description><![CDATA[Essas são as instruções para criar uma conta nova no Windows Mail que vem no Windows 7 ou modificar uma já existente. Se a sua versão é anterior as instruções do Google devem funcionar bastando substituir &#8220;seulogin@gmail.com&#8221; por &#8220;seulogin@seudominio.com.br&#8221; Antes &#8230; <a href="http://i4b.com.br/2010/06/08/como-configurar-o-windowsmail-com-o-google-gmail-para-sites/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Essas são as instruções para criar uma conta nova no Windows Mail que vem no Windows 7 ou modificar uma já existente.</p>
<p>Se a sua versão é anterior as<a title="Instruções de configuração do Windows Mail para usar o Gmail" href="http://mail.google.com/support/bin/answer.py?answer=77696" target="_blank"> instruções do Google</a> devem funcionar bastando substituir &#8220;seulogin@gmail.com&#8221; por &#8220;seulogin@seudominio.com.br&#8221;</p>
<p>Antes de passar a receber os seus emails em qualquer cliente de email é necessário ativar o imap acessando o seu webmail (provavelmente mail.seudominio.com.br), clicar em &#8220;Settings&#8221; ou &#8220;Configurações&#8221; e depois na aba &#8220;Forwarding and POP/IMAP&#8221; para ver a tela abaixo:</p>
<p><a href="http://i4b.com.br/wp-content/uploads/2010/06/ativar_imap.jpg"></a></p>
<div id="attachment_159" class="wp-caption aligncenter" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/06/ativar_imap.jpg"><img class="size-medium wp-image-159" title="ativar_imap" src="http://i4b.com.br/wp-content/uploads/2010/06/ativar_imap-300x129.jpg" alt="" width="300" height="129" /></a><p class="wp-caption-text">Clique para ampliar</p></div>
<p>Em seguida basta abrir seu cliente de email e configurar o seguinte:</p>
<ul>
<li>Login: seulogin@seudominio.com.br</li>
<li>Senha: a mesma senha usada no webmail</li>
<li>Servidor de recepção: imap.gmail.com
<ul>
<li>Porta: 993</li>
<li>Esse servidor requer ligação segura (SSL)</li>
</ul>
</li>
<li>Servidor de envio: smtp.gmail.com
<ul>
<li>Porta: 465</li>
<li>Esse servidor requer ligação segura (SSL)</li>
</ul>
</li>
</ul>
<p>Na versão atual do Windows Mail (Windows 7 de 2009) essas configurações são informadas nas telas a seguir.</p>
<p>Na primeira tela informamos apenas o endereço de email, a senha, o nosso nome e optamos por configurar manualmente.</p>
<p><a href="http://i4b.com.br/wp-content/uploads/2010/06/01-NovaConta.jpg"><img class="aligncenter size-medium wp-image-152" title="01-NovaConta" src="http://i4b.com.br/wp-content/uploads/2010/06/01-NovaConta-300x247.jpg" alt="Clique para ampliar" width="300" height="247" /></a></p>
<p>Na segunda tela:</p>
<ul>
<li>Ajustamos para IMAP,</li>
<li>Informamos o servidor de entrada (imap.gmail.com),</li>
<li>Mudamos a porta de entrada para 993</li>
<li>Marcamos que o servidor requer uma ligação segura SSL</li>
<li>colocamos nosso endereço de email no ID de início de sessão (seulogin@seudominio.com.br)</li>
<li>Ajustamos o servidor de envio para smtp.gmail.com</li>
<li>Marcamos que o servidor de envio requer ligação segura SSL</li>
</ul>
<p><a href="http://i4b.com.br/wp-content/uploads/2010/06/WindowsMail_ConfigurarConta.jpg"><img class="aligncenter size-medium wp-image-160" title="WindowsMail: Configurar Conta" src="http://i4b.com.br/wp-content/uploads/2010/06/WindowsMail_ConfigurarConta-300x248.jpg" alt="Clique para ampliar" width="300" height="248" /></a></p>
<p>Na terceira tela (não vejo muita utilidade nisso) podemos definir que pastas serão sincronizadas entre o cliente e o servidor de email. Sugirosimplesmente clicar em OK.</p>
<p><a href="http://i4b.com.br/wp-content/uploads/2010/06/02_Selecionar_Pastas.jpg"><img class="aligncenter size-medium wp-image-153" title="Selecionar Pastas" src="http://i4b.com.br/wp-content/uploads/2010/06/02_Selecionar_Pastas-300x161.jpg" alt="" width="300" height="161" /></a></p>
<p>A configuração está completa.</p>
<p>Pode ser que você precise mudar as configurações da sua conta de email se estiver, por exemplo, mudando de um hospedeiro antigo que não oferece o Google for Applications e nesse caso você só precisará mudar as suas configurações.</p>
<p>O Windows Mail esconde as opções de configuração de email. Para achá-las o primeiro passo é ativar o menu clicando em &#8220;Mostrar barra de menus&#8221; como se vê na imagem abaixo.</p>
<p><a href="http://i4b.com.br/wp-content/uploads/2010/06/03-Ativar_Menu.jpg"><img class="aligncenter size-full wp-image-154" title="Ativar o Menu do Windows Mail" src="http://i4b.com.br/wp-content/uploads/2010/06/03-Ativar_Menu.jpg" alt="" width="295" height="202" /></a></p>
<p>Depois disso você deve ver os menus Ficheiro, Editar, Ver, Ir, Ferramentas, Acções e ajuda. Clique em Ferramentas. Vc deve ver uma tela como a que segue:</p>
<p><a href="http://i4b.com.br/wp-content/uploads/2010/06/05-WindowsMail_Configurar_Contas.jpg"><img class="aligncenter size-medium wp-image-156" title="WindowsMail Configurar Contas" src="http://i4b.com.br/wp-content/uploads/2010/06/05-WindowsMail_Configurar_Contas-300x162.jpg" alt="" width="300" height="162" /></a></p>
<p>Estamos a um passo do final. Basta clicar em &#8220;Contas&#8230;&#8221; no menu acima para ver a tela abaixo:</p>
<p><a href="http://i4b.com.br/wp-content/uploads/2010/06/06-WIndowsMail_Contas.jpg"><img class="aligncenter size-medium wp-image-157" title="Contas de email do Windows Mail" src="http://i4b.com.br/wp-content/uploads/2010/06/06-WIndowsMail_Contas-300x233.jpg" alt="" width="300" height="233" /></a></p>
<p>Basta clicar na conta que você deseja alterar e depois em &#8220;Propriedades&#8221; para ter acesso à tela onde você poderá modificar todas as configurações necessárias:</p>
<p><a href="http://i4b.com.br/wp-content/uploads/2010/06/07-WindowsMail_Configuracoes_Avancadas.jpg"><img class="aligncenter size-medium wp-image-158" title="07-WindowsMail_Configuracoes_Avancadas" src="http://i4b.com.br/wp-content/uploads/2010/06/07-WindowsMail_Configuracoes_Avancadas-247x300.jpg" alt="" width="247" height="300" /></a></p>
<p>É fortemente aconselhável utilizar o recurso IMAP que é mais moderno e se mantém em sincronia com o servidor de email ao contrário do POP que se limita a baixar as mensagens do servidor.</p>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2010/06/08/como-configurar-o-windowsmail-com-o-google-gmail-para-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Docs: Seu escritório onde houver um acesso à Internet</title>
		<link>http://i4b.com.br/2010/02/19/google-docs-seu-escritorio-onde-houver-um-acesso-a-internet/</link>
		<comments>http://i4b.com.br/2010/02/19/google-docs-seu-escritorio-onde-houver-um-acesso-a-internet/#comments</comments>
		<pubDate>Sat, 20 Feb 2010 02:05:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[video aulas]]></category>
		<category><![CDATA[agenda]]></category>
		<category><![CDATA[aplicativos]]></category>
		<category><![CDATA[apresentação]]></category>
		<category><![CDATA[documentos]]></category>
		<category><![CDATA[escritório]]></category>
		<category><![CDATA[office]]></category>
		<category><![CDATA[planilhas]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=131</guid>
		<description><![CDATA[Imagine se fosse possível ter um processador de textos como o Word, uma planilha eletrônica como o Excel, uma agenda de compromissos ou até mesmo um programa de apresentações como o Power Point rodando na Internet, sem você precisar instalar &#8230; <a href="http://i4b.com.br/2010/02/19/google-docs-seu-escritorio-onde-houver-um-acesso-a-internet/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Imagine se fosse possível ter um processador de textos como o Word, uma planilha eletrônica como o Excel, uma agenda de compromissos ou até mesmo um programa de apresentações como o Power Point rodando na Internet, sem você precisar instalar nada no seu computador além do seu navegador predileto (Internet Explorer, Firefox, Opera, Safari, Chrome&#8230;)</p>
<p>Seria assim, você digitaria um endereço e, em vez de aparecer uma página como essa que você está vendo agora, apareceria um programa.</p>
<p>Isso existe. Não é novo. Você pode ter em seu próprio site&#8230; e é totalmente gratuito!</p>
<p>Na verdade há várias opções como o <a title="Uma vasta oferta de aplicativos que rodam direto online" href="http://www.zoho.com/" target="_blank">Zoho</a>, o <a title="Um dos programas de apresentações mais originais que conheço" href="http://prezi.com/" target="_blank">Prezi </a>e aquele que vou comentar a seguir, o <a title="Processador de textos, agenda, planilha e apresentação do Google" href="http://docs.google.com" target="_blank">Google Docs</a>.</p>
<p>Se você tem uma conta no Google (se você tem um email no Gmail por exemplo) pode entrar agora em docs.google.com usando o seu login e senha e começar a se ambientar a ele. Se você tem um site próprio do tipo seusite.com.br e está bem hospedado certamente você pode ter também seu docs.seusite.com.br e calendar.seusite.com.br.</p>
<p>Muita gente não sabe que isso existe e não consegue imaginar como funciona, então criei uma video aula em duas partes que mostra esses programas em ação:</p>
<p>Parte 1</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/bKvXaW9wv-Y" /><embed type="application/x-shockwave-flash" width="425" height="350" src="http://www.youtube.com/v/bKvXaW9wv-Y"></embed></object></p>
<p>Parte 2</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/qlFnqWIP4XM" /><embed type="application/x-shockwave-flash" width="425" height="350" src="http://www.youtube.com/v/qlFnqWIP4XM"></embed></object></p>
<p>Esses aplicativos já são o meu Office principal há mais de 2 anos e devo dizer que já não penso no que falta neles em relação ao OpenOffice ou ao MSOffice pois há recursos preciosos neles que os concorrentes falham miseravelmente em oferecer.</p>
<p>Só para destacar algumas dessas vantagens</p>
<ul>
<li>Várias pessoas podem trabalhar ao mesmo tempo em um documento mesmo que estejam em países diferentes. Já vi casos de planilhas editadas por mais de 10 pessoas juntas</li>
<li>Conforme você trabalha tudo é salvo online em computadores muito mais seguros que os HDs dos nossos notebooks ou desktops, pode acreditar.</li>
<li>Se nosso computador tiver algum defeito podemos ir até para uma lan house e continuar nosso trabalho</li>
<li>O controle de alterações deles são ótimos, ou seja, você pode ver o seu documento como estava há seis meses</li>
</ul>
<p>Além disso a Google tem prometido que até o final desse ano seus aplicativos terão 95% dos recursos do MS Office, o que me parece improvável, mas me agrada ver o empenho da empresa em deenvolver os aplicativos.</p>
<p>Alguns receios podem te impedir de usar esses aplicativos:</p>
<ul>
<li>O Google pode acabar e meus dados vão sumir? Isso é muito improvável já que a Google é uma das empresas mais promissoras e sólidas do capitalismo moderno e, caso isso aconteça você sempre poderá fazer a cópia de tudo para seu HD</li>
<li>A Google vai espionar minha vida e roubar minhas ideias? Esperamos que não e o modelo de negócios dela nos garante que isso seria um suicídio comercial. O interesse da Google provavelmente está mais em tornar o sistema tão seguro e útil para fixar sua marca e oferecer mais tarde recursos especiais a custos que, pelo que temos visto, serão bem interessantes para os consumidores</li>
<li>Crackers vão roubar meus dados? Sim, mas também roubarão do seu HD e até do seu bolso pois estelionatários estão em todos os lugares. O segredo é usar um bom navegador como o Firefox, um firewall/antivirus como o Kaspersky e, principalmente, não ser ingênuo ou ingênua já que o ataque cracker normalmente começa fora da Internet, no mundo offline.</li>
</ul>
<p>Espero que os videos acima sejam bastante ilustrativos e te ajudem a começar a usar esse rico conjunto de aplicativos. Vou observar as sugestões e, se perceber que é necessário, aumento esse artigo com mais detalhes.</p>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2010/02/19/google-docs-seu-escritorio-onde-houver-um-acesso-a-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como configurar o Thunderbird 3.x para acessar o Gmail para domínios</title>
		<link>http://i4b.com.br/2010/02/11/como-configurar-o-thunderbird-3-x-para-acessar-o-gmail-para-dominios/</link>
		<comments>http://i4b.com.br/2010/02/11/como-configurar-o-thunderbird-3-x-para-acessar-o-gmail-para-dominios/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 18:10:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Site]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Thunderbird]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=118</guid>
		<description><![CDATA[O Google nos permite usar o Gmail como servidor de email dos nossos domínios, mas o manual de configuração ainda não foi atualizado para a versão 3 do Thunderbird <a href="http://i4b.com.br/2010/02/11/como-configurar-o-thunderbird-3-x-para-acessar-o-gmail-para-dominios/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Se você tem um bom hospedeiro deve ter a possibilidade de usar o serviço de email do Google para gerenciar as contas de email do seu site. Por exemplo, o webmail das contas de email da i4B.com.br são idênticos ao do gmail.com.</p>
<p>Naturalmente que nós podemos acessar esses emails com um programa de email. De preferência que suporte o protocolo IMAP que mantém o seu programa de email sincronizado com o seu webmail reproduzindo inclusive as pastas que criamos.</p>
<p>Há algum tempo fiz um vídeo explicando as vantagens do IMAP:<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/kJERRRyA3uo&amp;hl=pt_BR&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/kJERRRyA3uo&amp;hl=pt_BR&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>O Google oferece explicações de como configurar o <a title="Como configurar o IMAP no Google" href="http://mail.google.com/support/bin/answer.py?ctx=%67mail&amp;hl=en&amp;answer=75726" target="_blank">IMAP</a> e o <a title="Como configurar o POP no Gmail" href="http://mail.google.com/support/bin/answer.py?ctx=%67mail&amp;hl=en&amp;answer=12103" target="_blank">POP</a> em vários programas de email como o Thunderbird, mas até o momento elas não foram atualizadas para a versão 3.0 do Thunderbird e por isso criamos esse breve tutorial.</p>
<p>Considerando que o seu email é seu_login@seu_dominio.com.br o passo a passo é esse:</p>
<ol>
<li>Entre no seu webmail (mail.seudominio.com.br) com o login seu_login</li>
<li>No canto superior direito da tela tem um menu: seu_login@seu_dominio.com.br &#8211; Gerenciar esse domínio &#8211; Configurações<a href="http://mail.google.com/a/rehumanas.com.br/#settings"> </a>- Ajuda &#8211; Sair. Clique no Configurações</li>
<li>Abre-se uma tela com várias abas: Geral, contas, marcadores, Filtros, Encaminhamento e POP/IMAP etc. Clique no &#8220;Encaminhamento e POP/IMAP&#8221;</li>
<li>Ative a primeira opção de Baixar pelo POP (Ativar o pop para todos os emails) e/ou a primeira do IMAP. Sugiro usar o IMAP e vou continuar as instruções considerando que vc vai usá-lo</li>
<li>As instruções restantes para quem usa a versão 2.0 estão no tópico <a href="http://mail.google.com/support/bin/answer.py?answer=77662">Configurar o Thunderbird 2.0</a> do help do Google</li>
</ol>
<h2>Como configurar o Thunderbird 3.X para acessar o email do Google para sites</h2>
<p>Abra o Thunderbird e vá no menu Arquivo/Novo/Conta de email. Vai aparecer a tela a seguir:</p>
<div id="attachment_119" class="wp-caption alignnone" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/02/tela01.jpg"><img class="size-medium wp-image-119" title="tela01" src="http://i4b.com.br/wp-content/uploads/2010/02/tela01-300x106.jpg" alt="Configuração inicial do Thunderbird 3.0 para acessar o Gmail para domínios" width="300" height="106" /></a><p class="wp-caption-text">Dados básicos da conta de email</p></div>
<p>Os campos são os seguintes:</p>
<ul>
<li>Seu nome: Livre, coloque o nome que você usa</li>
<li>Endereço de email: o seu endereço em seu domínio, ou seja <a href="mailto:seu_login@seudominio.com.br">seu_login@seudominio.com.br</a></li>
<li>Senha: a mesma que você usa para acessar o webmail do <a href="mailto:seu_login@seudominio.com.br">seu_login@seudominio.com.br</a></li>
</ul>
<p>Depois de preencher esses campos clique em continuar para ver a tela seguinte.</p>
<div id="attachment_120" class="wp-caption alignnone" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/02/tela02.jpg"><img class="size-medium wp-image-120" title="Detecção automática das configurações do Thunderbird 3.0" src="http://i4b.com.br/wp-content/uploads/2010/02/tela02-300x160.jpg" alt="Thunderbird 3.0 - Detecção de configuração" width="300" height="160" /></a><p class="wp-caption-text">Detecção automática das configurações do email</p></div>
<p>Essa tela tenta detectar automaticamente suas configurações e não funciona muito bem com o Google for Applications. Clique em &#8220;Parar&#8221; para fazer a configuração manualmente. A tela ficará assim:</p>
<div id="attachment_121" class="wp-caption alignnone" style="width: 310px"><a href="http://i4b.com.br/wp-content/uploads/2010/02/tela03.jpg"><img class="size-medium wp-image-121" title="Thunderbird 3.0: Configuração básica" src="http://i4b.com.br/wp-content/uploads/2010/02/tela03-300x160.jpg" alt="Configuração de envio e recebimento de emails no Thunderbird 3.0" width="300" height="160" /></a><p class="wp-caption-text">Configuração básica do Thunderbird 3.0 para acessar o email do Google</p></div>
<p>Preencha da seguinte forma:</p>
<ul>
<li>Nome de usuário: seu_login@seu_dominio.com.br<a href="mailto:tonio@rehumanas.com.br"></a></li>
<li>Recebimento: imap.gmail.com</li>
<li>IMAP: 993</li>
<li>SSL/TLS</li>
<li>Envio: deixe qualquer um pois vamos alterar mais à frente</li>
</ul>
<p>Clique em &#8220;Configuração manual&#8230;&#8221; na tela acima para entrar na tela de configuração detalhada:</p>
<div id="attachment_122" class="wp-caption alignnone" style="width: 297px"><a href="http://i4b.com.br/wp-content/uploads/2010/02/tela04.jpg"><img class="size-medium wp-image-122" title="Thunderbird 3.0: configuração avançada" src="http://i4b.com.br/wp-content/uploads/2010/02/tela04-287x300.jpg" alt="Opções avançadas de configuração do Thunderbird 3.0" width="287" height="300" /></a><p class="wp-caption-text">Configuração avançada do Thunderbird 3.0</p></div>
<p>Aqui já deverá estar tudo ok, mas é bom conferir antes de continuar.</p>
<p>Depois de conferir clique em &#8220;Servidor de envio (SMTP)&#8221; no quadro branco do lado esquerdo da janela. É a última opção na imagem acima.</p>
<div id="attachment_123" class="wp-caption alignnone" style="width: 297px"><a href="http://i4b.com.br/wp-content/uploads/2010/02/tela05.jpg"><img class="size-medium wp-image-123" title="Thunderbird 3.0: Configuração do SMTP" src="http://i4b.com.br/wp-content/uploads/2010/02/tela05-287x300.jpg" alt="Thunderbird 3.0: Configuração do SMTP" width="287" height="300" /></a><p class="wp-caption-text">Configuração do servidor de envio (SMTP)</p></div>
<p>Essa tela permitirá configurar o servidor de envio de mensagens. Em termos práticos qualquer um pode ser usado, mas é adequado configurar um para cada conta de email.</p>
<p>Clique em adicionar e preencha a tela que aparece como a da imagem abaixo:</p>
<div id="attachment_124" class="wp-caption alignnone" style="width: 305px"><a href="http://i4b.com.br/wp-content/uploads/2010/02/tela06.jpg"><img class="size-medium wp-image-124" title="Thunderbird 3.0: Criação de conta SMTP" src="http://i4b.com.br/wp-content/uploads/2010/02/tela06-295x300.jpg" alt="Thunderbird 3.0: Criação de conta SMTP" width="295" height="300" /></a><p class="wp-caption-text">Criação de uma nova conta de SMTP para envio de emails</p></div>
<p>Agora você pode ir para o último passo: associar essa conta de SMTP à conta seu_login@seu_dominio.com.br</p>
<p>Depois de clicar em OK na tela acima você verá apenas a tela &#8220;Configuração avançada do Thunderbird 3.0&#8243; novamente.</p>
<p>Clique em seu_login@seu_dominio.com.br (na imagem abaixo está riscado de preto) que está no mesmo quadro branco onde você achou o &#8220;Servidor de envio (SMTP)&#8221; e ela deve ficar como na imagem abaixo:</p>
<div id="attachment_125" class="wp-caption alignnone" style="width: 297px"><a href="http://i4b.com.br/wp-content/uploads/2010/02/tela07.jpg"><img class="size-medium wp-image-125" title="Thunderbird 3.0: associando uma conta SMTP a um email" src="http://i4b.com.br/wp-content/uploads/2010/02/tela07-287x300.jpg" alt="Thunderbird 3.0: associando uma conta SMTP a um email" width="287" height="300" /></a><p class="wp-caption-text">Thunderbird 3.0: associando uma conta SMTP a um email</p></div>
<p>Note que pouco acima dos botões &#8220;Ok&#8221; e &#8220;Cancelar&#8221; que ficam no canto inferior direito tem a opção &#8220;Servidor de envio (SMTP). Basta clicar na setinha no campo ao lado dele e escolher o servidor de envio de email que acabamos de criar.</p>
<p>Caso você crie outras contas de email no mesmo domínio (seu_dominio.com.br) crie também uma conta de SMTP para cada uma pois alguns serviços de email enviam as respostas para o endereço especificado no servidor SMTP, ou seja, se você tem uma conta fulano e outra beltrano @seu_dominio.com.br e enviar uma mensagem da caixa postal da conta fulano usando o SMTP da conta beltrano é possível que a resposta ao seu email seja direcionada para beltrano@seu_dominio.com.br e não para fulano@seu_dominio.com.br.</p>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2010/02/11/como-configurar-o-thunderbird-3-x-para-acessar-o-gmail-para-dominios/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>O que são sites dinâmicos?</title>
		<link>http://i4b.com.br/2009/06/04/o-que-sao-sites-dinamicos/</link>
		<comments>http://i4b.com.br/2009/06/04/o-que-sao-sites-dinamicos/#comments</comments>
		<pubDate>Thu, 04 Jun 2009 22:28:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Site]]></category>
		<category><![CDATA[video aulas]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://i4b.com.br/?p=97</guid>
		<description><![CDATA[Entenda o que são sites dinâmicos e porque todos deviam ser assim <a href="http://i4b.com.br/2009/06/04/o-que-sao-sites-dinamicos/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Todos conhecemos os sites estáticos e os sites dinâmicos podem ser muito parecidos com eles à primeira vista.</p>
<p>Os sites estáticos são feitos em programas parecidos com um editor de textos como o Word. Sites estáticos são documentos html assim como um texto comum é um documento .doc</p>
<p>Essa descrição pode parecer tola e óbvia, mas tenha um pouco de paciência pois sou obrigado a seguir esse caminho para deixar a questão bem clara para todos.</p>
<p>Sendo assim um site estático é um site que é feito em um programa e depois colocado à disposição em um site para ser visto por todos.</p>
<p>Os sites estáticos podem até ser animados se forem feitos em um programa como o Adobe Flash.</p>
<p>O vídeo abaixo mostra esses tipos de sites logo no começo:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="424" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.videolog.tv/ajax/codigoPlayer.php?id_video=436901&amp;relacionados=S&amp;default=S&amp;lang=PT_BR&amp;cor_fundo=000000&amp;swf=1&amp;width=424&amp;height=318" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="424" height="318" src="http://www.videolog.tv/ajax/codigoPlayer.php?id_video=436901&amp;relacionados=S&amp;default=S&amp;lang=PT_BR&amp;cor_fundo=000000&amp;swf=1&amp;width=424&amp;height=318" allowfullscreen="true"></embed></object></p>
<p>No restante do vídeo dou exemplos de sites dinâmicos e mostro alguns dos seus recursos, mas é difícil explicar um site dinâmico em uma pequena video aula.</p>
<p>Por outro lado a explicação escrita faz os sites dinâmicos parecerem algo complexo quando é justamente o contrário: eles permitem que o mais leigo dos usuários possa manter seu próprio site. Por isso sugiro que voce assista o vídeo todo que tem apenas 12m22s.</p>
<p>Tecnicamente um site dinâmico é um site onde as páginas que você ve são criadas no momento que você entra no site.</p>
<p>Vou explicar em termos mais práticos.</p>
<ul>
<li>Site estático: você digita o endereço do site (ou clica no link dele) e um arquivo html ou Flash é enviado para o seu navegador (Internet Explorer, Firefox, Safari, Chrome, Opera et.c) que exibe o conteúdo.</li>
<li>Site dinâmico: O conteúdo do site está em um banco de dados e é construído na hora que você entra nele, ou seja não existe um documento html ou similar armazenado no site, ele é construído dinamicamente.</li>
</ul>
<p>À primeira vista pode parecer que os sites dinâmicos demoram a carregar, mas graças ao crescimento exponencial do poder de processamento dos hospedeiros de sites nos últimos 10 anos  não se nota a diferença.</p>
<p>Normalmente a vantagem dos sites dinâmicos que mais chama a atenção é que, uma vez que o design tenha sido feito, eles podem ser atualizados por qualquer pessoa sem necessidade de nenhum conhecimento técnico de html, css, xml e outras abreviações criptográficas.</p>
<p>Entretanto as vantagens reais de um site dinâmico vão muito além. Praticamente qualquer coisa pode ser feita com um site dinâmico.</p>
<p>Toda loja online por exemplo é um site dinâmico.</p>
<p>Os sites dinâmicos aceitam extensões (normalmente chamadas de plugins ou módulos) para criar foruns, enquetes, recursos multilíngues (já viu os sites que reconhecem a sua língua e já abrem na versão correta?) e podem criar todo tipo de conteúdo dinamicamente.</p>
<p>Um bom exemplo de conteúdo gerado dinamicamente são listas de artigos relacionados com o artigo que você está lendo.</p>
<p>Isso funciona da seguinte forma: ao abrir um artigo o sistema que gerencia o site dinâmico busca todos os artigos que usam as mesmas palavras e os lista na lateral do artigo que voce está lendo (ou no final, tudo depende de você).</p>
<p>Acima de tudo os sites dinâmicos são importantes pois vivemos uma importante fase de humanização da Internet em que ela se torna uma ponte entre pessoas.</p>
<p>Um site estático não permite interação entre o leitor e o autor enquanto no site dinâmico é possível deixar comentários, indicar o quanto gostamos do artigo pontuando, por exemplo, de 0 a 10.</p>
<p>Hoje diz-se que blogs são pessoas e pode-se dizer o mesmo de qualquer site: nós esperamos que seja possível perceber que há humanos como nós do outro lado dos sites que visitamos e para isso é necessário mais do que um formulário de contato que jamais é respondido.</p>
]]></content:encoded>
			<wfw:commentRss>http://i4b.com.br/2009/06/04/o-que-sao-sites-dinamicos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: i4b.com.br @ 2012-05-18 03:30:16 -->
