<?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>CarlosHPS Blog - Artigos, Tutoriais e Dicas para Designers e Programadores da Web. &#187; CSS</title>
	<atom:link href="http://www.carloshps.com.br/blog/http:/www.carloshps.com.br/blog/category/tutoriais/tutoriais-tutoriais/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.carloshps.com.br/blog</link>
	<description>Artigos, Tutoriais e Dicas para Designers e Programadores da Web.</description>
	<lastBuildDate>Thu, 10 Jun 2010 20:40:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=3302</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Como Criar Efeito Sombra com CSS</title>
		<link>http://www.carloshps.com.br/blog/como-criar-efeito-sombra-com-css/</link>
		<comments>http://www.carloshps.com.br/blog/como-criar-efeito-sombra-com-css/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 18:43:25 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Efeito]]></category>
		<category><![CDATA[Effect]]></category>
		<category><![CDATA[Sombra]]></category>
		<category><![CDATA[text-shadow]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=1376</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/como-criar-efeito-sombra-com-css/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/2010/03/thumbnail.jpg" class="alignleft wp-post-image tfe" alt="Efeito sombra com CSS3" title="Efeito sombra com CSS3" /></a>Neste simples tutorial veremos como criar um efeito de sombreamento (text-shadow) para textos utilizando apenas o CSS em sua 3ª versão, ou seja, CSS3.<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Olá, pessoal
Neste simples tutorial veremos como criar um efeito de sombreamento (text-shadow) para textos utilizando apenas o CSS em sua 3ª versão, ou seja, CSS3.
De acordo com o &#8220;mago&#8221; do CSS, o sr. &#8220;Maujor&#8221;, em seu artigo CSS3 &#8211; Sombras em textos, as Recomendaçõ <a href='http://www.carloshps.com.br/blog/como-criar-efeito-sombra-com-css/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/como-criar-efeito-sombra-com-css/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Como Criar um Topo de Site com Menu CSS: Parte 2</title>
		<link>http://www.carloshps.com.br/blog/como-criar-um-topo-de-site-com-menu-css-parte-2/</link>
		<comments>http://www.carloshps.com.br/blog/como-criar-um-topo-de-site-com-menu-css-parte-2/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 00:11:26 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Criação]]></category>
		<category><![CDATA[CS3]]></category>
		<category><![CDATA[CS4]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Designer]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Efeitos]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Ícones]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Menu]]></category>
		<category><![CDATA[Notepad++]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Site]]></category>
		<category><![CDATA[Sprites]]></category>
		<category><![CDATA[Topo]]></category>
		<category><![CDATA[Trabalho]]></category>
		<category><![CDATA[Transparente]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Webdesigner]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=1118</guid>
		<description><![CDATA[<p>Olá, pessoal
Na primeira parte deste tutorial, criamos a base do nosso topo, inserindo alguns efeitos simples, porém poderosos quanto ao resultado final. Em sequência, complementaremos o topo colocando o menu principal e dois ícones para o RSS e o Twitter e, em seguida, aplicaremos a técnica sp <a href='http://www.carloshps.com.br/blog/como-criar-um-topo-de-site-com-menu-css-parte-2/' rel="nofollow">Leia mais...</a></p><a href="http://www.carloshps.com.br/blog/como-criar-um-topo-de-site-com-menu-css-parte-2/"><img align="left" hspace="5" width="140" height="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/2010/01/thumbnail1-200x200.jpg" class="alignleft wp-post-image tfe" alt="topo com menu css" title="topo com menu css" /></a><!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Olá, pessoal
Na primeira parte deste tutorial, criamos a base do nosso topo, inserindo alguns efeitos simples, porém poderosos quanto ao resultado final. Em sequência, complementaremos o topo colocando o menu principal e dois ícones para o RSS e o Twitter e, em seguida, aplicaremos a técnica sp <a href='http://www.carloshps.com.br/blog/como-criar-um-topo-de-site-com-menu-css-parte-2/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/como-criar-um-topo-de-site-com-menu-css-parte-2/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Criando layouts CSS a partir do zero: 1 coluna</title>
		<link>http://www.carloshps.com.br/blog/criando-layouts-css-a-partir-do-zero-1-coluna/</link>
		<comments>http://www.carloshps.com.br/blog/criando-layouts-css-a-partir-do-zero-1-coluna/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 16:10:20 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Notepad++]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Série]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=903</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/criando-layouts-css-a-partir-do-zero-1-coluna/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/image/tutoriais/css-xhtml-tableless/01-layout-css-01-coluna/layout-completo.jpg" class="alignleft wp-post-image tfe" alt="Layout completo" title="Layout completo" /></a>Atendendo a diversos pedidos, vou iniciar uma nova série denominada "Criando layouts CSS a partir do zero", onde criaremos 4 layouts de uma, duas, três e quatro colunas. :D<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Apresentação
Olá, pessoal
Atendendo a diversos pedidos, vou iniciar uma nova série denominada &#8220;Criando layouts CSS a partir do zero&#8220;, onde criaremos 4 layouts de uma, duas, três e quatro colunas.
Vejam bem, esta série está sendo criada para aqueles que já conhecem o CSS e HTML (p <a href='http://www.carloshps.com.br/blog/criando-layouts-css-a-partir-do-zero-1-coluna/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/criando-layouts-css-a-partir-do-zero-1-coluna/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Como Criar Botões com CSS e Ícones</title>
		<link>http://www.carloshps.com.br/blog/como-criar-botoes-com-css-e-icones/</link>
		<comments>http://www.carloshps.com.br/blog/como-criar-botoes-com-css-e-icones/#comments</comments>
		<pubDate>Sun, 17 May 2009 23:39:18 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Ícones]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=747</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/como-criar-botoes-com-css-e-icones/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/image/tutoriais/fireworks/14_botao_icones_css/thumbnail-full.png" class="alignleft wp-post-image tfe" alt="Como Criar Botões com CSS e Ícones" title="Como Criar Botões com CSS e Ícones" /></a>Você é daqueles que gosta de criar layouts para websites no estilo "clean", limpo, leve e simples?  Então veio ao local certo :D<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Apresentação
Você é daqueles que gosta de criar layouts para websites no estilo &#8220;clean&#8221;, limpo, leve e simples?  Então veio ao local certo   
Neste tutorial veremos como estilizar botões com ícones e implementá-los em um código HTML básico com formatação CSS.
Pré-Requisitos
 <a href='http://www.carloshps.com.br/blog/como-criar-botoes-com-css-e-icones/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/como-criar-botoes-com-css-e-icones/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Barra de Menu Vertical com Spry: Parte 1</title>
		<link>http://www.carloshps.com.br/blog/barra-de-menu-vertical-com-spry-parte-1/</link>
		<comments>http://www.carloshps.com.br/blog/barra-de-menu-vertical-com-spry-parte-1/#comments</comments>
		<pubDate>Tue, 30 Sep 2008 15:49:24 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Menu]]></category>
		<category><![CDATA[Spry]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=248</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/barra-de-menu-vertical-com-spry-parte-1/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/2008/09/fig01-painel.jpg" class="alignleft wp-post-image tfe" alt="" title="Fig. 01: Painel Spry" /></a>Atendendo a vários pedidos, vou criar dois tutoriais de criação de barras de menu com o Dreamweaver CS3 e o Spry: um vertical e outro, horizontal.<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Olá, pessoal
Atendendo a vários pedidos, vou criar dois tutoriais de criação de barras de menu com o Dreamweaver CS3 e o Spry: um vertical e outro, horizontal.
Introdução
Se &#8220;vagarmos&#8221; pela net em busca de tutoriais com esta ferramenta do Dreamweaver CS3, encontraremos bons exemplo <a href='http://www.carloshps.com.br/blog/barra-de-menu-vertical-com-spry-parte-1/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/barra-de-menu-vertical-com-spry-parte-1/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Criando um Site Passo-a-Passo: Parte FINAL</title>
		<link>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-final/</link>
		<comments>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-final/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 21:00:03 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Criação]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Ícones]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=223</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-final/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/2008/06/download.jpg" class="alignleft wp-post-image tfe" alt="Download" title="download" /></a>Olá, pessoal!
Estamos diante da nossa última parte desta série que caiu na graça do povo :D<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Olá, pessoal!
Estamos diante da nossa última parte desta série que caiu na graça do povo  
Houve uma aceitação tão grande que em breve estarei lançando um curso baseado nela. Aguardem e confiem  
Então, vamos à conclusão, afinal.
Pré-requisitos
Para quem está “chegando” agora, recom <a href='http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-final/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-final/feed/</wfw:commentRss>
		<slash:comments>59</slash:comments>
		</item>
		<item>
		<title>Criando um Site Passo-a-Passo: Parte 9</title>
		<link>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-9/</link>
		<comments>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-9/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 19:53:05 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Criação]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=178</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-9/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/2008/06/tick.png" class="alignleft wp-post-image tfe" alt="marcador" title="" /></a>Olá, pessoal.
Este é nosso penúltimo artigo da série Criando um Site Passo-a-Passo e, finalmente, veremos como ficará o nosso projeto, não é verdade?!<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Olá, pessoal.
Este é nosso penúltimo artigo da série Criando um Site Passo-a-Passo e, finalmente, veremos como ficará o nosso projeto, não é verdade?!
Para continuar, iremos completar o conteúdo central do website da CarlosHPS Vídeo-Locadora.
Pré-requisitos
Para quem está “chegando” a <a href='http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-9/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-9/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Criando um Site Passo-a-Passo: Parte 8</title>
		<link>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-8/</link>
		<comments>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-8/#comments</comments>
		<pubDate>Thu, 17 Jul 2008 19:27:51 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Criação]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=78</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-8/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/2008/07/fig01-divisao-500x119.jpg" class="alignleft wp-post-image tfe" alt="Divisão da área central" title="Divisão da área central" /></a>Em prosseguimento à série “Criando um Site Passo a Passo”, vamos trabalhar, neste tutorial, as áreas central e barra lateral do layout da CarlosHPS Vídeo-Locadora, no que se diz respeito às sua locações e imagens de fundo.<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Olá, pessoal
Em prosseguimento à série “Criando um Site Passo a Passo”, vamos trabalhar, neste tutorial, as áreas central e barra lateral do layout da CarlosHPS Vídeo-Locadora, no que se diz respeito às sua locações e imagens de fundo.
Pré-Requisitos
Para quem está “chegando” agora <a href='http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-8/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-8/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Criando um Site Passo-a-Passo: Parte 7</title>
		<link>http://www.carloshps.com.br/blog/criando-site-passo-a-passo-parte-7/</link>
		<comments>http://www.carloshps.com.br/blog/criando-site-passo-a-passo-parte-7/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 12:05:07 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Tableless]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=72</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/criando-site-passo-a-passo-parte-7/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/2008/06/tick.png" class="alignleft wp-post-image tfe" alt="marcador" title="marcador" /></a>Em prosseguimento Ã  sÃ©rie "Criando um Site Passo a Passo", desenvolveremos neste tutorial a barra de navegaÃ§Ã£o, juntamente com seus itens e inseriremos algumas imagens que comporÃ£o o layout da CarlosHPS VÃ­deo-Locadora.<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Olá, pessoal
Em prosseguimento à série &#8220;Criando um Site Passo a Passo&#8221;, desenvolveremos neste tutorial a barra de navegação, juntamente com seus itens e inseriremos algumas imagens que comporão o layout da CarlosHPS Vídeo-Locadora.
Pré-Requisitos
Para quem está &#8220;chegando&# <a href='http://www.carloshps.com.br/blog/criando-site-passo-a-passo-parte-7/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/criando-site-passo-a-passo-parte-7/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>Criando um Site Passo-a-Passo: Parte 6</title>
		<link>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-6/</link>
		<comments>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-6/#comments</comments>
		<pubDate>Sun, 29 Jun 2008 16:25:59 +0000</pubDate>
		<dc:creator>CarlosHPS</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Criação]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Webdesigner]]></category>
		<category><![CDATA[Wireframe]]></category>

		<guid isPermaLink="false">http://www.carloshps.com.br/blog/?p=66</guid>
		<description><![CDATA[<a href="http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-6/"><img align="left" hspace="5" width="140" src="http://www.carloshps.com.br/blog/wp-content/uploads/2008/06/fig01-pastasdw.jpg" class="alignleft wp-post-image tfe" alt="Fig. 01: Criação do site no Dreamweaver" title="fig01-pastasdw" /></a>Na matéria anterior, vimos como montamos o mapa do site e a estrutura (wireframe) básica do layout da CarlosHPS Vídeo-Locadora. Agora, veremos como iniciar o desenvolvimento da 1ª página do site utilizando o Dreamweaver e Tableless.<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
 <form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/doacao.jhtml" method="post">
 <input type="hidden" name="email_cobranca" value="blog@carloshps.com.br">
 <input type="hidden" name="moeda" value="BRL">
 <input type="image" src="http://www.carloshps.com.br/blog/wp-content/anuncios/cafe-580x100.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
 </form>
 <!-- FINAL FORMULARIO BOTAO PAGSEGURO --><p><center><p align="left"><img src="http://www.carloshps.com.br/blog/wp-content/themes/mystique/images/icon-flickr.png" alt="Comunidade Flickr" /><br />Comunidade dos membros do blog e seus trabalhos.</p><br />
<br /><p align="left">Divulgue seu trabalho. <br />Faça parte do <strong><a href="http://www.flickr.com/groups/carloshpsblog/" title="CarlosHPS Flickr Group" target="_blank" onclick="urchinTracker('/outgoing/www.flickr.com/groups/carloshpsblog/?referer=');">CarlosHPS Flickr Group</a></strong></p></center></p>
]]></description>
			<content:encoded><![CDATA[<p>Na matéria anterior, vimos como montamos o mapa do site e a estrutura (wireframe)  básica do layout da CarlosHPS Vídeo-Locadora. Agora, veremos como iniciar o desenvolvimento da 1ª página do site utilizando o Dreamweaver e alguns conceitos de Tableless (XHTML e CSS).
1 &#8211; Organização
Est <a href='http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-6/' rel="nofollow">Leia mais...</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.carloshps.com.br/blog/criando-um-site-passo-a-passo-parte-6/feed/</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
	</channel>
</rss>
