tablelessnaomorde.asp

<!-- #include file="cabecalho.asp" -->

<!-- #include file="topo.asp" -->
	<div id="esquerda">
		<!-- #include file="menu.asp" -->
	</div>

	<div id="conteudo">
		<h1>Tableless não morde</h1>
		<p>
			A cada dia vejo mais interessados em tableless, tenho recebido emails com perguntas sobre vantagens e dúvidas de pessoas que estão começando, que estão curiosas para conhecer mais sobre este método.
			<br />Por outro lado, muitas pessoas ainda estão com um pé atras, ainda acham que as desvantagens são maiores do que as vantagens, ou acham que as limitações possam afetar a criatividade dos layouts.</p>

		<p>
			Cada vez mais, sites com grandes conteúdos estão aderindo ao Tableless, temos o exemplo da ESPN (<a href="http://www.espn.com/" target="_blank">www.espn.com</a>), FastCompany (<a href="http://www.fastcompany.com/homepage/index.html" target="_blank">www.fastcompany.com</a>), American Megatrends (<a href="http://www.ami.com/">www.ami.com</a>).<br />
			Tableless não é um bicho de sete cabeças, não é uma coisa que você não sabe se vai dar certo.
			Para fazer um site tableless, basta saber HTML, CSS, e ter um layout, nada de outro mundo.
		</p>

		<h1>Liberdade de criação</h1>
		<p>
			Muitas pessoas dizem que tableless limita a criação de layouts.<br />
			Sim, tableless tem algumas limitações, e não se pode negar isso, por exemplo: eu estava implementando o site da WebInsider (<a href="http://www.webinsider.com.br/" target="_blank" title="WebInsider">www.webinsider.com.br</a>), quando estava terminando, me deparei com um problema: as tabelas do lado direito do site, terminavam juntas, independente o tamanho do conteúdo que cada uma tinha, se quiser conferir: <a href="http://www.tableless.com.br/webinsider/" target="_blank" title="http://www.tableless.com.br/webinsider/">http://www.tableless.com.br/webinsider/</a>.<br /> Um problema que não existia com tabelas, e uma limitação do tableless. Mas este problema parece que está sendo resolvido, podem conferir <a href="/estudo/divjunto/">aqui</a>.
		</p>

		<p>
			Por outro lado, apesar desta pequena  limitação, com tableless você adquiri mas liberdade de criação, facilidades que não existiam com tabelas, como por exemplo: fazer um lado do layout em curva, confira um exemplo em: <a href="http://www.meyerweb.com/eric/css/edge/curvelicious/demo.html" target="_blank" title="http://www.meyerweb.com/eric/css/edge/curvelicious/demo.html">http://www.meyerweb.com/eric/css/edge/curvelicious/demo.html</a>
		</p>

		<p>
			Ao fazer seus layouts, procure conhecer os métodos, leia mais sobre CSS e HTML. Use a criatividade para abusar das vantagens (que muitas vezes são maiores que as desvantagens).
		</p>

		<h1>Vamos conhecer</h1>
		<p>
			O que eu posso dizer para você que está iniciando, é que experimente, aprenda, você não vai perder nada aprendendo... Comece aos poucos, faça em tabelas as coisas que você não consegue fazer só com css, depois, devagar, vá deixando as tabelas.<br /> O máximo que pode acontecer é você não gostar, e ficar com as queridas e velhas (ultrapassadas) tabelas.
		</p>

		<p>
			Finalizo com uma citação de <a href="http://www.elesbaoeharoldinho.com/" target="_blank" title="http://www.elesbaoeharoldinho.com/">Elesbão e Haroldinho</a>, para aquelas pessoas que fazem más críticas ao tableless, mas nem se deram o trabalho de experimentar:<br /> "Justificam o insucesso com a limitação técnica, mas em poucos casos o argumento procede. Atualizam os softwares, e não as cabeças. O problema não é o falso preparo, e sim o mérito inexistente, uma atitude que não se reflete na execução. O ideal é baixar a bola, refletir sobre o próprio ego, e se dispor a aprender a reaprender muita coisa..." Design De Bolso nº8
		</p>
		<h1>Notas:</h1>
		<p>
			Criatividade:<br />
			<a href="http://www.meyerweb.com/eric/css/edge/" target="_blank" title="http://www.meyerweb.com/eric/css/edge/">http://www.meyerweb.com/eric/css/edge/</a><br />
			<a href="http://www.meyerweb.com/eric/css/edge/gallery.html" target="_blank" title="http://www.meyerweb.com/eric/css/edge/gallery.html">http://www.meyerweb.com/eric/css/edge/gallery.html</a><br />
		</p>
		<p>
			Exemplos tableless: <br />
			<a href="http://www.fastcompany.com/homepage/index.html" target="_blank" title="http://www.fastcompany.com/homepage/index.html">http://www.fastcompany.com/homepage/index.html </a><br />
			<a href="http://www.berlingske.dk/" target="_blank" title="http://www.berlingske.dk/">http://www.berlingske.dk/ </a><br />
			<a href="http://here.alfalaval.com/" target="_blank" title="http://here.alfalaval.com/">http://here.alfalaval.com/</a><br />
			<a href="http://www.sitepoint.com/" target="_blank" title="http://www.sitepoint.com/">http://www.sitepoint.com/</a><br />
		</p>

				<hr />
				<blockquote>
					Diego Alberto Eis<br />
					<a href="http://www.atipico.com.br/" target="_new" title="Atípico Web E-déias">www.atipico.com.br</a><br />
					<a href="http://www.tableless.com.br/eyesmiles/" target="_new">www.tableless.com.br/eyesmiles/</a><br />
					<a href="mailto:diego@tableless.com.br" title="Fale comigo">diego@tableless.com.br</a>
				</blockquote>


	</div>

<!-- #include file="rodape.asp" -->