<?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>Marcelo Kubart Blog &#187; Tableless</title>
	<atom:link href="http://blog.marcelokubart.com.br/tag/tableless/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.marcelokubart.com.br</link>
	<description>Tecnologia e Bate-Papo</description>
	<lastBuildDate>Fri, 11 Feb 2011 15:31:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Terrazzo Restaurante &amp; CIA</title>
		<link>http://blog.marcelokubart.com.br/terrazzo-restaurante-cia/</link>
		<comments>http://blog.marcelokubart.com.br/terrazzo-restaurante-cia/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 16:15:54 +0000</pubDate>
		<dc:creator>Marcelo Kubart</dc:creator>
				<category><![CDATA[Trabalhos]]></category>
		<category><![CDATA[New Job]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.marcelokubart.com.br/?p=224</guid>
		<description><![CDATA[O Terrazzo Restaurante &#38; Cia é um restaurante que tem a preocupação constante em oferecer aos seus clientes alimentação saudável, saborosa e de qualidade. Ele funciona diariamente, das 11h às 15h. Dentre suas opções diárias, está o de Baixa Caloria, concebido para as pessoas que escolheram ter uma alimentação mais “magra”. O cardápio de Baixa [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://terrazzorestaurante.com.br/" target="_blank"><img class="aligncenter" title="Terrazzo Restaurante &amp; CIA" src="http://www.marcelokubart.com.br/images/portfolio/fotos/terrazzo.jpg" alt="" width="480" height="360" /></a></p>
<p>O <strong>Terrazzo Restaurante &amp; Cia</strong> é um restaurante que tem a preocupação constante em oferecer aos seus clientes alimentação saudável, saborosa e de qualidade. Ele funciona diariamente, das 11h às 15h. Dentre suas opções diárias, está o de Baixa Caloria, concebido para as pessoas que escolheram ter uma alimentação mais<strong> “magra”</strong>.</p>
<p>O cardápio de Baixa Caloria inclui arroz integral, cereais nobres, carnes magras e muitos legumes e verduras. Todos os pratos são cuidadosamente preparados para agradar o paladar dos mais exigentes. Além do restaurante comercial, o Terrazzo também oferece o serviço à la carte, além do Delivery, que inclui a opção on-line, pelo MSN, um diferencial no quesito atendimento. O cardápio do Delivery inclui refeição para Vegetarianos.</p>
<p>O Terrazzo ainda oferece aos seus  clientes serviço de <strong>“catering”</strong>, servindo almoços, jantares, churrascos, <em>coffee break</em>, festas temáticas e  promocionais.</p>
<p>Visite o site: <a href="http://www.terrazzorestaurante.com.br/">http://www.terrazzorestaurante.com.br/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marcelokubart.com.br/terrazzo-restaurante-cia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Job: Prêmio Profissionais do Vale do Paraíba &#8211; Edição comemorativa 30 anos &#124; Troféu Ziraldo</title>
		<link>http://blog.marcelokubart.com.br/new-job-premio-profissionais-do-vale-do-paraiba-edicao-comemorativa-30-anos-trofeu-ziraldo/</link>
		<comments>http://blog.marcelokubart.com.br/new-job-premio-profissionais-do-vale-do-paraiba-edicao-comemorativa-30-anos-trofeu-ziraldo/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 15:37:11 +0000</pubDate>
		<dc:creator>Marcelo Kubart</dc:creator>
				<category><![CDATA[Trabalhos]]></category>
		<category><![CDATA[Comunicação Social]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Informática]]></category>
		<category><![CDATA[New Job]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.marcelokubart.com.br/?p=140</guid>
		<description><![CDATA[Como forma de marcar o ano de festividades o Departamento de Comunicação Social da UNITAU promoverá o prêmio Profissionais 30 anos, homenageando 30 profissionais de comunicação da região. A premiação acontecerá no dia 27 de novembro de 2009 e ressaltará a importância dos profissionais que atuam e contribuem para o crescimento do mercado de comunicação [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.csonlineunitau.com.br/premio30anos/" target="_blank"><img class="alignnone" title="Prêmio Profissionais do Vale do Paríba" src="http://www.marcelokubart.com.br/images/portfolio/fotos/premio30anos.jpg" alt="" width="550" /></a></p>
<p style="text-align: justify;">Como forma de marcar o ano de festividades o Departamento de Comunicação Social da UNITAU promoverá o prêmio Profissionais 30 anos, homenageando 30 profissionais de comunicação da região. A premiação acontecerá no dia 27 de novembro de 2009 e ressaltará a importância dos profissionais que atuam e contribuem para o crescimento do mercado de comunicação do Vale do Paraíba.</p>
<blockquote>
<p style="text-align: justify;">Desenvolvimento completo do site. Desde design, banco de dados, sistema de votação a codificação do HTML / CSS e Flash.</p>
</blockquote>
<p style="text-align: justify;"><a href="http://www.csonlineunitau.com.br/premio30anos/" target="_blank">Acesse o site e vote agora!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marcelokubart.com.br/new-job-premio-profissionais-do-vale-do-paraiba-edicao-comemorativa-30-anos-trofeu-ziraldo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Job: 4º Desafio Integração</title>
		<link>http://blog.marcelokubart.com.br/new-job-4%c2%ba-desafio-integracao/</link>
		<comments>http://blog.marcelokubart.com.br/new-job-4%c2%ba-desafio-integracao/#comments</comments>
		<pubDate>Wed, 07 Oct 2009 16:47:29 +0000</pubDate>
		<dc:creator>Marcelo Kubart</dc:creator>
				<category><![CDATA[Trabalhos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[New Job]]></category>
		<category><![CDATA[Tableless]]></category>

		<guid isPermaLink="false">http://blog.marcelokubart.com.br/?p=75</guid>
		<description><![CDATA[O Desafio Integração é uma competição entre equipes formadas por alunos do Departamento de Comunicação Social da Universidade de Taubaté, que teve sua primeira edição em 2006. Como é previsto no Projeto Pedagógico do curso, o evento busca motivaros alunos, promovendo a integração entre as turmas, a interdisciplinaridade e relação com o mercado e a [...]]]></description>
			<content:encoded><![CDATA[<p style="TEXT-ALIGN: center"><a href="http://www.csonlineunitau.com.br/4desafiointegracao" target="_blank"><img class="aligncenter" title="4º Desafio Integração" src="http://www.marcelokubart.com.br/images/portfolio/fotos/desafiointegracao.jpg" alt="" width="450" height="293" /></a></p>
<p style="TEXT-ALIGN: justify">O <strong>Desafio Integração</strong> é uma competição entre equipes formadas por alunos do Departamento de Comunicação Social da Universidade de Taubaté, que teve sua primeira edição em 2006. Como é previsto no Projeto Pedagógico do curso, o evento busca motivaros alunos, promovendo a integração entre as turmas, a interdisciplinaridade e relação com o mercado e a comunidade, por meio do desenvolvimento de campanhas de comunicação abordando temas sociais.</p>
<p style="TEXT-ALIGN: justify">Site desenvolvido no Núcleo Web/ ACI (Agência de Comunicação Integrada) da UNITAU. Desenvolvimento em CSS/Tableless, PHP e Flash.</p>
<p style="TEXT-ALIGN: justify">Visite o site: <a href="http://www.csonlineunitau.com.br/4desafiointegracao/" target="_blank">http://www.csonlineunitau.com.br/4desafiointegracao/</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marcelokubart.com.br/new-job-4%c2%ba-desafio-integracao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Tableless : Alinhamento no eixo xy (0,0)</title>
		<link>http://blog.marcelokubart.com.br/css-tableless-alinhamento-no-eixo-xy-00/</link>
		<comments>http://blog.marcelokubart.com.br/css-tableless-alinhamento-no-eixo-xy-00/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 17:53:34 +0000</pubDate>
		<dc:creator>Marcelo Kubart</dc:creator>
				<category><![CDATA[Artigo]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.marcelokubart.com.br/?p=57</guid>
		<description><![CDATA[   O W3C(World Wide Web Consortium) criou linguagens padrões para web, como HTML, CSS e XML entre outras, essas linguagens chamadas de Web Standarts eram rascunhos quando começou a guerra dos Browsers Internet Explorer e Netscape. Esses browsers como ainda não tinha um padrão definido fizeram seu próprio padrão um exemplo disso é a TAG [...]]]></description>
			<content:encoded><![CDATA[<div><span style="font-size: small;"> </span></div>
<p> <span style="font-size: small;">O W3C(World Wide Web Consortium) criou linguagens padrões para web, como HTML, CSS e XML entre outras, essas linguagens chamadas de Web Standarts eram rascunhos quando começou a guerra dos Browsers Internet Explorer e Netscape. Esses browsers como ainda não tinha um padrão definido fizeram seu próprio padrão um exemplo disso é a TAG Bgsound que só funciona no Internet Explorer.<br />
<span id="more-57"></span></span></p>
<p style="text-align: justify;">Essa incompatibilidade de navegadores gera grandes problemas aos usuários e desenvolvedores. Aos usuários o problema era mais para deficientes visuais ou sonoros que não conseguiam navegar pelas páginas pelo problema dos padrões e aos desenvolvedores a dificuldade era na criação de um site, que se tornava um trabalho duplo.</p>
<p style="text-align: justify;">Com essa confusão a W3C decidiu criar o WaSP (Web Standards Project), que era um movimento para unir os padrões de todos navegadores em um só. Esse projeto conseguiu convencer os donos dos principais Browsers a fazer o sistema modelo.</p>
<p style="text-align: justify;">Com as padronizações surgiu um movimento chamado Tableless que defendia o uso correto do código para as páginas. Se o objetivo era fazer um parágrafo usa-se a TAG &lt;p&gt; &lt;/p&gt; , fazer uma quebra de linha &lt;BR /&gt; e tabela quando se deseja fazer uma exposição de dados tabulares (horários,</p>
<p style="text-align: justify;">calendários), pois muitos designers usavam tabelas para fazer a diagramação do layout .</p>
<p style="text-align: justify;">Além de usar a linguagem correta o Tableless torna os arquivos das páginas mais compactos aumentando a velocidade de navegação. Outro ponto forte é a compatibilidade entre os diversos navegadores.</p>
<p style="text-align: justify;">Para alinhar o conteúdo do seu site no eixo xy (0,0) é necessário fazer o seguinte código CSS entre a tag &lt;head&gt; da sua página:</p>
<p><span style="font-size: small;">&lt;style type=&#8221;text/css&#8221;&gt;<br />
#content{<br />
width:500px; // define o espaço de largura do seu site<br />
height:500px; // define o espaço de altura do seu site<br />
margin</span><span style="font-family: Calibri,Calibri; font-size: small;"><span style="font-family: Calibri,Calibri; font-size: small;">‐</span></span><span style="font-size: small;">top:</span><span style="font-family: Calibri,Calibri; font-size: small;"><span style="font-family: Calibri,Calibri; font-size: small;">‐</span></span><span style="font-size: small;">250px; // sempre a metade da altura<br />
</span><span style="font-size: small;">margin</span><span style="font-family: Calibri,Calibri; font-size: small;"><span style="font-family: Calibri,Calibri; font-size: small;">‐</span></span><span style="font-size: small;">left:</span><span style="font-family: Calibri,Calibri; font-size: small;"><span style="font-family: Calibri,Calibri; font-size: small;">‐</span></span><span style="font-size: small;">250px; // sempre a metade da altura<br />
left:50%; // ponto de alinhamento ficar nos 50%<br />
top:50%;// ponto de alinhamento ficar nos 50%<br />
position:absolute; // posição absoluta.<br />
}<br />
&lt;/style&gt; </span></p>
<p><span style="font-size: small;">Depois disso será nessesário colocar todo o Html da sua página numa tag div dentro do &lt;body&gt;:</span></p>
<p><span style="font-size: small;">&lt;div id=&#8221;content&#8221;&gt;<br />
.<br />
.<br />
.</span></p>
<p>&lt;/div&gt;</p>
<p><span style="font-size: small;">Você pode ver o funcionamento desse código nesse <a href="http://teste.marcelokubart.com.br/rafael/" target="_blank">link</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marcelokubart.com.br/css-tableless-alinhamento-no-eixo-xy-00/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

