<?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>biras&#039;oares &#187; www</title>
	<atom:link href="http://biras.com.br/tag/www/feed/" rel="self" type="application/rss+xml" />
	<link>http://biras.com.br</link>
	<description>webdesigner freelancer</description>
	<lastBuildDate>Mon, 03 Oct 2011 02:28:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Web Standards</title>
		<link>http://biras.com.br/2010/01/web-standards/</link>
		<comments>http://biras.com.br/2010/01/web-standards/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 17:05:16 +0000</pubDate>
		<dc:creator>biras</dc:creator>
				<category><![CDATA[Corporativa]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[acessibilidade]]></category>
		<category><![CDATA[compatibilidade]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[usabilidade]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web designer]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[www]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.biras.com.br/wordpress/?p=551</guid>
		<description><![CDATA[Web standard é o nome dado a uma recomendação do W3C, com a finalidade de padronizar os sites existentes hoje e assim trazer uma maior compatibilidade em diversos dispositivos. Anteriormente um website teria que ser produzido pelo web designer imaginando&#160;&#160;<a href="http://biras.com.br/2010/01/web-standards/">more...</a>]]></description>
			<content:encoded><![CDATA[<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"><img class="alignright size-full wp-image-580" title="W3C" src="http://www.biras.com.br/wp-content/uploads/2010/01/w3c1.gif" alt="W3C" width="189" height="132" />Web standard é o nome dado a  uma recomendação do <span style="text-decoration: underline;"><em>W3C</em></span>, com a finalidade de padronizar os sites existentes hoje e assim trazer uma maior compatibilidade em diversos dispositivos.<span id="more-551"></span></span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Anteriormente um website teria que ser produzido pelo web designer imaginando ter que fazer uma versão para o Internet Explorer (até a versão 6), que até então incompatível com os padrões determinados pelo W3C, outra versão para outros navegadores que seguem os padrões e outras tecnologias como a já extinta tecnologia WAP que fazia com que um website para ser acessível necessitaria de pelo menos três versões diferentes, para suas diferentes padronizações.<!--more--></span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">A programação em XHTML – CSS resolveu este problemas de compatibilidade e é hoje uma tendencia mundial. Estimasse que dentro de alguns anos todos os site sigam esta padronização pelo simples fato da compatibilidade, uma página escrita em XHTML – CSS abre em qualquer dispositivo que tenha suporte a padrões web, leitores de tela, celulares,  é possível navegar em seu website como se estivesse em seu escritório sentado em frente ao seu desktop.</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">O segredo de toda essa compatibilidade é extremamente simples, os padrões da recomendação do W3C, simplesmente colocam a utilização da linguagem de marcação <em>HTML</em><span style="font-style: normal;"> como ela foi designada para ser utilizada, na evolução de páginas da web, contínua e sempre buscando o melhor layout, os web designers teriam que produzir sempre algo novo e aproveitando se de qualquer elemento e de todas as suas funções para interfaces mais complexas e atraentes. Neste cenário, foram utilizadas diversas formas para que o cliente estivesse sempre satisfeito, mesmo que a utilização de comandos de marcação da linguagem HTML não estivessem sendo usados da forma correta, por exemplo para se construir um layout com três colunas, navegação, corpo da página e links patrocinados, era utilizado uma tabela geral dividida em três colunas, dentro de cada célula dessas três colunas eram colocadas outras tabelas para dividir as secções e assim se chegava a um layout aceitável, no entanto neste modo de construção todo o layout fica no mesmo arquivo do conteúdo transformando o código fonte de uma simples página num monstro, literalmente, claro além do que transforma cada mudança num sacrifício elevando valores para manutenção a níveis incabíveis a internet de hoje. Se você quiser mudar a cor de determinados títulos dependendo da quantidade de texto que você tem essa mudança poderia levar semanas.</span></span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Neste ponto a conclusão foi de que a padronização foi como um adolescente se tornar um jovem, mais saudável e muito menos impulsivo.</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Separação conteúdo / design</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">O que muda imediatamente a performance de seu website, conforme foi dito anteriormente no exemplo das tabelas seu código fonte fica gigante leva muito mais tempo para ser processado carrega aos poucos e ainda trás diversos problemas com relação a indexação de seu websites em mecanismos de buscas, <span style="text-decoration: underline;"><em>SEO</em></span>.</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Agora dentro do web standards seu website terá algumas divisões conforme segue a tabela abaixo:</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<table border="1" cellspacing="0" cellpadding="4" width="100%" bordercolor="#000000">
<col width="85*"></col>
<col width="85*"></col>
<col width="85*"></col>
<tbody>
<tr valign="TOP">
<td width="33%">
<p class="western" align="CENTER"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Conteúdo 			– Informação do seu Website</span></span></p>
</td>
<td width="33%">
<p class="western" align="CENTER"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Visual 			– Layout – Aparência</span></span></p>
</td>
<td width="33%">
<p class="western" align="CENTER"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Funções 			– Interação como usuário</span></span></p>
</td>
</tr>
<tr valign="TOP">
<td width="33%">
<p class="western" align="CENTER">
</td>
<td width="33%">
<p class="western" align="CENTER">
</td>
<td width="33%">
<p class="western" align="CENTER">
</td>
</tr>
<tr valign="TOP">
<td width="33%">
<p class="western" align="CENTER"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">XHTML</span></span></p>
</td>
<td width="33%">
<p class="western" align="CENTER"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">CSS</span></span></p>
</td>
<td width="33%">
<p class="western" align="CENTER"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Javascript 			– AJAX </span></span></p>
</td>
</tr>
</tbody>
</table>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Todos os  arquivos externos como .css (visual) e .js (funções) ficarão armazenados no cache do navegador do usuário depois do primeiro carregamento da página, reduzindo drasticamente o tempo de carregamento. </span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">O código fica centralizado em um lugar controlando apresentação e interatividade em todo o Web site. </span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Menor utilização de banda de sua hospedagem – se você opta por um website feito com tabelas e tabelas dentro de tabelas, provavelmente quando você começar a verificar seu uso de banda de sua hospedagem ira perceber duas coisas a primeira é que você mesmo só para ver e testar seu website já está utilizando banda acima do normal, quando poderia estar utilizando toda essa banda em facilidades ao seu cliente, como formulários inteligentes, navegação intuitiva, validação de campos e outra descobrir que existem muito mais conexões lentas a internet do que você julgava e de que se seu website demorar mais de 20s para abrir você terá uma perca de publico de aproximadamente 50% de visitantes novos.</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Como hoje a informação é tratada de forma semântica pelos buscadores (<span style="text-decoration: underline;"><em>Google</em></span>, <span style="text-decoration: underline;"><em>Yahoo</em></span>, <span style="text-decoration: underline;"><em>Bing</em></span>) ter resultados melhores em buscas pelo conteúdo desejado, anexando cada vez mais e em melhores condições páginas feitas no XHTML – CSS – JS. Leia mais em <span style="text-decoration: underline;"><em>SEO</em></span></span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Por isso não é mesmo uma boa ideia:</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="background: transparent none repeat scroll 0% 0%; margin-bottom: 0cm; font-style: normal;" align="CENTER"><span style="background: transparent none repeat scroll 0% 0%;">“  <span style="font-family: Arial,sans-serif;"><span style="font-size: small;"><em>eu tenho um filho do primo de segundo grau da minha mulher que faz isso, ele ainda está no ensino médio, mais tenho certeza de que vai ficar bonitinho </em>”</span></span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">E segundo o Wikipedia:</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">O XHTML consegue ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas.</span></span></p>
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
<p class="western" style="margin-bottom: 0cm;" align="JUSTIFY">
]]></content:encoded>
			<wfw:commentRss>http://biras.com.br/2010/01/web-standards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

