sobre.asp

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

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

	<div id="conteudo">

			<h1>Quem somos?</h1>
			<p>
				<b>Diego Alberto Eis:</b><br />
				É especialista em TABLELESS, trabalha como Webdesigner e é responsável pela implementação de sites da <a href="http://www.atipico.com.br/" title="Atípico Web E-déias" target="_blank">Atípico</a>.
			</p>

			<p>
				<b>Elcio Luiz Ferreira:</b><br />
				É especialista em TABLELESS, trabalha como WebDeveloper na <a href="http://www.atipico.com.br/" title="Atípico Web E-déias" target="_blank">Atípico</a>, responsável pelo blog sobre tecnologia: <a href="http://elcio.locaweb.com.br/blog/" title="fechaTAG" target="_blank">fechaTAG</a>
			</p>

			<h1>Sobre o site:</h1>
			<p>
				Este site serve para mostrar para interessados, estudantes ou profissionais que é possível e fácil criar um site TABLELESS acessível e compatível com as especificações do <a href="http://www.w3c.org/" title="World Wide Web Consortium" target="_blank">W3C</a>.
			</p>
			<p>
				É com este pensamento que criamos alguns exemplos em TABLELESS dos sites de grandes empresas.<br />
				Queremos deixar bem claro que não estamos clonando ou copiando os sites aqui colocados, apenas estamos demonstrando-os como seriam se fossem webstandards.
			</p>

			<h1>O que é TABLELESS?</h1>
			<p>Tableless nada mais é que: Um método de construir sites sem o uso de tabelas, usando <a href="http://www.w3.org/Style/CSS/" target="_blank" title="CSS (Cascading Style Sheet) - Leia mais informações na W3C.">CSS</a>, <a href="http://www.w3c.org/TR/xhtml1/" target="_blank" title="XHTML - Visite o W3C para ter maiores informação.">XHTML</a> ou outras versões do <a href="http://www.w3.org/MarkUp/" target="_blank" title="HTML - Visite o W3C para ter maiores informação.">HTML</a>. Deixando o site de acordo com as especificações da <a href="http://www.w3c.org/">W3C</a>. </p>

			<p>Em uma página Tableless você irá usar <a href="http://www.w3c.org/TR/xhtml1/" target="_blank" title="XHTML - Visite o W3C para ter maiores informação.">XHTML</a> (mais recomendável) ou outras versões do HTML para o conteúdo, deixando a formatação do documento para o <a href="http://www.w3.org/Style/CSS/" target="_blank" title="CSS (Cascading Style Sheet) - Leia mais informações na W3C.">CSS</a> (Cascading Style Sheets), separando então a <a href="http://www.tableless.com.br/infoform.asp" title="Artigo sobre a separação da informação e da formatação">informação da formatação</a>, trazendo muitas vantagens ao site, ao desenvolvedor e para o cliente.</p>

			<p>É muito importante que se saiba que: As tabelas <b>não</b> foram abolidas deste método, você irá apenas <b>aprender</b> a usá-las corretamente. Ou seja, se o site exibe dados tabulados, é aconselhado usar tabelas.</p>

			<h1>3 Motivos para fazer tableless</h1>
			<p>Existem vários motivos para fazer um site tableless, mas aqui vai apenas 3 motivos básicos.
			<br />
			<ol>
				<li><b>Acessibilidade:</b><br />
				Se você usa browsers de texto ou outros dispositivos para visitar algum site cujo layout foi feito com tabelas, você terá uma certa dificuldade para visualizá-los. A W3C recomenda para não usar tabelas para layouts de sites. Você pode conferir neste link: <a href="http://www.w3.org/TR/WCAG10-HTML-TECHS/#tables-layout">Tables for layout</a><br />
				Mas, se o usuário acessar um site tableless que usa CSS para a formatação, ele poderá visitar este site de celulares, WebTV's, Palm Tops, etc. </li><br /><br />

				<li><b>Eficiência:</b><br />
				Adotando o método Tableless, você, que escreveu o código do site, terá uma facilidade incrível de atualizar o site, não só conteúdo, mas também a formatação.
				Nos sites tableless a INFORMAÇÃO é separada da FORMATAÇÃO, consequentemente se você quiser modificar o conteúdo ou o visual, você reduzirá o tempo de procura pelo código.</li><br /><br />

				<li><b>Semântica:</b><br />
				Quando você separa a FORMATAÇÃO da INFORMAÇÃO, você organiza seu código, você deixa de usar a tag FONT, CENTER, etc.<br /> Por exemplo: Muitas pessoas por ai, definem o título da página assim: <br /><br />
				&lt;font size="5" face="Verdana"&gt;Título&lt;/font&gt; <br /><br />
				Não seria melhor usar assim: &lt;h1&gt;Título&lt;/h1&gt;<br /> Fazendo assim, seu código fica mais semântico ou seja, um interpretador, um buscador, um browser para cegos, saberá que o isso é um título.
				</li>
			</ol>
			</p>

	</div>

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