<?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>Viche &#187; CSS</title>
	<atom:link href="http://www.blogviche.com.br/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blogviche.com.br</link>
	<description>Muito sobre Matemática e nem tanto sobre CSS, PHP, AJAX, JavaScript, WordPress e outros assuntos</description>
	<lastBuildDate>Sat, 14 Jan 2012 17:28:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>O tema Viche Minc</title>
		<link>http://www.blogviche.com.br/2008/06/27/o-tema-viche-minc/</link>
		<comments>http://www.blogviche.com.br/2008/06/27/o-tema-viche-minc/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 00:46:41 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Curiosidades]]></category>
		<category><![CDATA[Notícias Expressas]]></category>
		<category><![CDATA[Técnico]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[tema]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/?p=133</guid>
		<description><![CDATA[<p>Dois artigos me conduziram mais uma vez a desenvolver um novo layout para o Viche, porém mantendo algumas características do anterior:</p>
<ol>
	<li>O artigo <a href="http://alistapart.com/articles/fauxabsolutepositioning">Faux Absolute Positioning</a> de Eric Sol, e,</li>
	<li>O sobre o plugin para WordPress <a href="http://xemele.cultura.gov.br/web/lead-manager/">Lead Manager</a> (<a href="http://xemele.cultura.gov.br/web/gerenciador-de-capas/">Gerenciador de Capas</a>) desenvolvido pela equipe do <a href="http://www.cultura.gov.br/site/">Ministério da Cultura</a> - Minc.</li>
</ol><div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/10/14/tema-accordion/' rel='bookmark' title='Tema Accordion'>Tema Accordion</a></li>
<li><a href='http://www.blogviche.com.br/2007/09/21/noticias-expressas-9-enfim-wp-223-no-viche/' rel='bookmark' title='Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche'>Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche</a></li>
<li><a href='http://www.blogviche.com.br/2006/08/19/noticias-expressas-3-novo-tema/' rel='bookmark' title='Notícias Expressas #3 &#8211; Novo Tema'>Notícias Expressas #3 &#8211; Novo Tema</a></li>
</ol></div>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Dois artigos me conduziram mais uma vez a desenvolver um novo layout para o Viche, porém mantendo algumas características do anterior:</p>
<ol>
<li>O artigo <a href="http://alistapart.com/articles/fauxabsolutepositioning">Faux Absolute Positioning</a> de Eric Sol, e,</li>
<li>O sobre o plugin para WordPress <a href="http://xemele.cultura.gov.br/web/lead-manager/">Lead Manager</a> (<a href="http://xemele.cultura.gov.br/web/gerenciador-de-capas/">Gerenciador de Capas</a>) desenvolvido pela equipe do <a href="http://www.cultura.gov.br/site/">Ministério da Cultura</a> &#8211; Minc.</li>
</ol>
<p>O primeiro aborda uma técnica sobre a construção de layout&#8217;s com o uso das CSS e o segundo os procedimentos de instalação e uso do plugin utilizado no site do Ministério da Cultura. Os detalhes podem ser obtidos nos links acima.</p>
<p>Antes de avançar um pouco mais sobre a descrição do tema, gostaria de parabenizar os autores do artigo e do plugin pelos trabalhos de excelente qualidade. Em especial à equipe do Minc em que tive o prazer de trabalhar por bastante tempo, como brevemente descrevo na página <a href="http://www.blogviche.com.br/about/">Sobre</a> do blog. Como me desliguei do serviço público em 1997 não conheço, acho, nenhum dos membros da equipe atual.</p>
<p>Registro feito vamos em frente.</p>
<p>Como se trata de uma mania específica e quase compulsiva do autor do Viche de experimentar e por não saber se terá efeitos concretos o gerenciamento de capas em um blog sem as características de portal, caso do Minc, disponibilizei no final da primeira coluna da home um link e <a href="http://www.blogviche.com.br/index.php?wptheme=Viche%205">aqui também</a> para o retorno ao tema anterior.</p>
<p>Para não haver distorção entre um e outro desenvolvi uma função, utilizada na capa Últimos Posts localizado na coluna do meio, para exibir apenas três e não prejudicar o loop original do WP, que está parametrizado para mostrar dez posts na página principal, caso você não goste deste tema ou se porventura venha a ocorrer algum problema uma vez que não tenho um histórico de como será o comportamento.</p>
<p>E se você foi e desejar retornar para o tema Viche Minc? Simples, <a href="http://www.blogviche.com.br/index.php?wptheme=Viche%20Minc">clique aqui</a>. Eita! que confusão! para, certamente, um número pequeno de leitores que testarão o vai-e-volta!</p>
<p>Finalmente, informo que utilizei os scripts jQuery do site do Minc para o drag-and-drop e o &#8220;abre-e-fecha&#8221; das capas, porém sem gravar cookies para &#8220;decorar&#8221; a possível customização feita pelo leitor, o que significa que ao recarregar a página inicial é exibido sempre o layout original.</p>
<p>No mais, se desejar, dê seu palpite.</p>
<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/10/14/tema-accordion/' rel='bookmark' title='Tema Accordion'>Tema Accordion</a></li>
<li><a href='http://www.blogviche.com.br/2007/09/21/noticias-expressas-9-enfim-wp-223-no-viche/' rel='bookmark' title='Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche'>Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche</a></li>
<li><a href='http://www.blogviche.com.br/2006/08/19/noticias-expressas-3-novo-tema/' rel='bookmark' title='Notícias Expressas #3 &#8211; Novo Tema'>Notícias Expressas #3 &#8211; Novo Tema</a></li>
</ol></div>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2008/06/27/o-tema-viche-minc/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Questionarious #1 &#8211; Potenciação e Radiciação</title>
		<link>http://www.blogviche.com.br/2007/03/25/questionarious-1-potenciacao-e-radiciacao/</link>
		<comments>http://www.blogviche.com.br/2007/03/25/questionarious-1-potenciacao-e-radiciacao/#comments</comments>
		<pubDate>Sun, 25 Mar 2007 17:16:20 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Exercícios Propostos]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Matemática]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Questionarious / Exercícios Resolvidos]]></category>
		<category><![CDATA[Técnico]]></category>
		<category><![CDATA[Exercícios Resolvidos]]></category>
		<category><![CDATA[Potenciação]]></category>
		<category><![CDATA[Questionarius]]></category>
		<category><![CDATA[Radiciação]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2007/03/25/questionarious-1-potenciacao-e-radiciacao/</guid>
		<description><![CDATA[[quest=10]<br />
<p>[Atualização: 06/03/2007]:</p>
<p>As soluções dos exercícios foram disponibilizadas no questionário. Para vê-las proceda como indicado no texto abaixo.</p>
<p>[/Atualização]</p><div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/04/01/experimento-ajax-5-o-aplicativo-questionarious/' rel='bookmark' title='Experimento AJAX #5 &#8211; O Aplicativo Questionarious'>Experimento AJAX #5 &#8211; O Aplicativo Questionarious</a></li>
<li><a href='http://www.blogviche.com.br/2007/03/31/questionarious-2-conjuntos/' rel='bookmark' title='Questionarious #2 &#8211; Conjuntos'>Questionarious #2 &#8211; Conjuntos</a></li>
<li><a href='http://www.blogviche.com.br/2006/07/29/exercicios-resolvidos-3-radiciacao/' rel='bookmark' title='Exercícios Resolvidos #3 &#8211; Radiciação'>Exercícios Resolvidos #3 &#8211; Radiciação</a></li>
</ol></div>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<div id="container_form_10">    <h3 class="q_titulo">Teste de Conhecimento em Potenciação e Radiciação</h3>    <p class="q_finalidade"></p>    <form action="javascript:return false;" name="form_cad_10" class="f_quest">       <ul class="q_quest">			   <li class="prg">Cada pergunta vale um ponto e resposta errada não anula resposta certa. Boa Sorte!</li>               <li class="q_pergunta">(FATEC) Das três sentenças abaixo:<p>A) 2<sup>x+3</sup> = 2<sup>x</sup>.2<sup>3</sup><br />B) (25)<sup>x</sup> = 5<sup>2x</sup> <br />C) 2<sup>x</sup> + 3<sup>x</sup> = 5<sup>x</sup></p>                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[39]" tabindex="2>" value="75" />Somente a sentença A) é verdadeira</li>                       <li><input type="radio" class="rd" name = "p[39]" tabindex="2>" value="76" />Somente a sentença B) é verdadeira</li>                       <li><input type="radio" class="rd" name = "p[39]" tabindex="2>" value="77" />Somente a sentença C) é verdadeira</li>                       <li><input type="radio" class="rd" name = "p[39]" tabindex="2>" value="78" />Somente a sentença B) é falsa</li>                       <li><input type="radio" class="rd" name = "p[39]" tabindex="2>" value="79" />Somente a senten&ccedil;a C) &eacute; falsa</li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_39" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>Para responder a quest&atilde;o &eacute; necess&aacute;rio analisar individualmente cada uma das tr&ecirc;s senten&ccedil;as dadas.</p><p><strong>A)</strong> &Eacute; verdadeira em decorr&ecirc;ncia da propriedade do produto de pot&ecirc;ncias de mesma base: conserva-se a base e somam-se os expoentes;</p><p><strong>B)</strong> Podemos escrever como:</p><p align="center">(25)<sup>x</sup> = (5<sup>2</sup>)<sup>x</sup> = 5<sup>2x</sup></p><p>Na passagem para a segunda igualdade foi utilizada a propriedade: A pot&ecirc;ncia <strong>n</strong> da pot&ecirc;ncia <strong>m</strong> de um n&uacute;mero relativo <strong>a</strong> &eacute; igual a             pot&ecirc;ncia de <strong>a</strong> cujo expoente &eacute; o produto dos expoentes <strong>m</strong> e <strong>n.</strong></p><p>Logo B) tamb&eacute;m &eacute; verdadeira.</p><p><strong>C)</strong> A senten&ccedil;a &eacute; obviamente falsa, pois na soma de pot&ecirc;ncias n&atilde;o &eacute; vi&aacute;vel estabelecer qualquer regra. Para calcular soma de pot&ecirc;ncias &eacute; necess&aacute;rio efetuar o c&aacute;lculo de cada parcela e ap&oacute;s som&aacute;-las. </p><p>No entanto, observe que a senten&ccedil;a &eacute; verdadeira para x = 1. Mas, por exemplo, para x = 2 a igualdade n&atilde;o ocorre:</p><p align="center">2<sup>2</sup> + 3<sup>2</sup> = 4 + 9 = 13 e 5<sup>2</sup> = 25</p><p align="left">E portanto, conclu&iacute;mos que a resposta correta &eacute;: Somente a senten&ccedil;a C) &eacute; falsa.&nbsp;</p></li>                 </ul>                </li>               <li class="q_pergunta"><p>O valor da expressão:</p><p><img class="center" src="http://www.blogviche.com.br/wp_aplicacoes/questionario/image/q1_1.gif" alt="Raiz quadrada da Raiz quadrada da raiz quadra de 5" width="49" height="33" /></p><p>é: </p>                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[40]" tabindex="3>" value="80" />5<sup>1/6</sup></li>                       <li><input type="radio" class="rd" name = "p[40]" tabindex="3>" value="81" />5<sup>1/4</sup></li>                       <li><input type="radio" class="rd" name = "p[40]" tabindex="3>" value="82" />5<sup>1/8</sup></li>                       <li><input type="radio" class="rd" name = "p[40]" tabindex="3>" value="83" />5<sup>1/2</sup></li>                       <li><input type="radio" class="rd" name = "p[40]" tabindex="3>" value="84" />Nenhuma das respostas anteriores</li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_40" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>Da propriedade &quot;a raiz de &iacute;ndice   <strong>m</strong> de uma raiz de &iacute;ndice <strong>n</strong> de   <strong>a</strong> &eacute; igual &agrave;  raiz de &iacute;ndice <strong>mn</strong> de   <strong>a</strong>&quot;, cuja demonstra&ccedil;&atilde;o foi feita no post <a href="../../2006/07/29/exercicios-resolvidos-3-radiciacao/" title="Veja o artigo">Exerc&iacute;cios Resolvidos #3 - Radicia&ccedil;&atilde;o</a>, Exerc&iacute;cio 1, obtemos:</p><p><img class="center" src="http://www.blogviche.com.br/image/q1_s2.gif" alt="Solu&ccedil;&atilde;o quest&atilde;o 2" width="169" height="34" /></p><p><br />Na &uacute;ltima iguldade foi utilizada a seguinte propriedade: &quot;A raiz de &iacute;ndice <strong>n</strong> da pot&ecirc;ncia de grau <strong>m</strong> de <strong>a</strong> &eacute; igual &agrave; pot&ecirc;ncia de grau <strong>m/n</strong> de <strong>a</strong>&quot;, com a = 5, m = 1 e n = 8.<br /> </p></li>                 </ul>                </li>               <li class="q_pergunta">(GV-SP) A expressão (1/2)<sup>-3</sup> + (1/2)<sup>-5</sup> é igual a:                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[42]" tabindex="4>" value="85" />40</li>                       <li><input type="radio" class="rd" name = "p[42]" tabindex="4>" value="86" />(1/2)<sup>-8</sup></li>                       <li><input type="radio" class="rd" name = "p[42]" tabindex="4>" value="87" />-40</li>                       <li><input type="radio" class="rd" name = "p[42]" tabindex="4>" value="88" />1/40</li>                       <li><input type="radio" class="rd" name = "p[42]" tabindex="4>" value="89" />Nenhuma das respostas anteriores</li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_42" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>A solu&ccedil;&atilde;o do exerc&iacute;cio &eacute; consequ&ecirc;ncia direta do uso da propriedade da potencia&ccedil;&atilde;o a<sup>-m</sup> = 1/a<sup>m</sup> e da divis&atilde;o de fra&ccedil;&otilde;es:</p><p align="center">(1/2)<sup>-3</sup> + (1/2)<sup>-5</sup> = 1/(1/2)<sup>3</sup> + 1/(1/2)<sup>5</sup> = 1/(1/2<sup>3</sup>) + 1/(1/2<sup>5</sup>) =&gt;</p><p align="center">(1/2)<sup>-3</sup> + (1/2)<sup>-5</sup> = 1.(2<sup>3</sup>/1) + 1.(2<sup>5</sup>/1) = 2<sup>3</sup> + 2<sup>5</sup> = 8 + 32 = 40</p></li>                 </ul>                </li>               <li class="q_pergunta">Determine o valor da expressão:<br /><p><img class="center" src="http://www.blogviche.com.br/wp_aplicacoes/questionario/image/q1_2.gif" alt="Expressão " width="76" height="48" /></p>                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[43]" tabindex="5>" value="90" />2<sup>7</sup></li>                       <li><input type="radio" class="rd" name = "p[43]" tabindex="5>" value="91" />2<sup>9</sup></li>                       <li><input type="radio" class="rd" name = "p[43]" tabindex="5>" value="92" />2<sup>8</sup></li>                       <li><input type="radio" class="rd" name = "p[43]" tabindex="5>" value="93" />2<sup>10</sup></li>                       <li><input type="radio" class="rd" name = "p[43]" tabindex="5>" value="94" />2<sup>57</sup></li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_43" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>Observe que o numerador da fra&ccedil;&atilde;o pode ser escrito como:</p><p align="center">2<sup>28</sup> + 2<sup>30</sup> = 2<sup>28</sup> + 2<sup>28</sup>.2<sup>2</sup>&nbsp;</p><p>Colocando o termo comum &agrave;s duas parcelas em evid&ecirc;ncia vem:</p><p align="center">2<sup>28</sup> + 2<sup>30</sup> = 2<sup>28</sup>(1 + 2<sup>2</sup>) = 2<sup>28</sup>.5</p><p>Substituindo o valor na fra&ccedil;&atilde;o:</p><p align="center">(2<sup>28</sup> + 2<sup>30</sup>)/10 = 2<sup>28</sup>.5/10 = 2<sup>28</sup>/2 = 2<sup>27</sup></p><p>E, finalmente, extraindo a raiz c&uacute;bica de 2<sup>27</sup> obtemos que o valor da express&atilde;o &eacute;:</p><p align="center">2<sup>9</sup></p></li>                 </ul>                </li>               <li class="q_pergunta">(SANTA CASA - SP) O valor de (3<sup>-1</sup> + 5<sup>-1</sup>)/2<sup>-1</sup> é:                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[45]" tabindex="6>" value="95" />1/2</li>                       <li><input type="radio" class="rd" name = "p[45]" tabindex="6>" value="96" />1/8</li>                       <li><input type="radio" class="rd" name = "p[45]" tabindex="6>" value="98" />4/15</li>                       <li><input type="radio" class="rd" name = "p[45]" tabindex="6>" value="99" />16/15</li>                       <li><input type="radio" class="rd" name = "p[45]" tabindex="6>" value="100" />Nenhuma das respostas anteriores</li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_45" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>Mais uma vez vamos utilizar a propriedade da potencia&ccedil;&atilde;o a<sup>-m</sup> = 1/a<sup>m</sup> e de opera&ccedil;&otilde;es com fa&ccedil;&otilde;es para obter o resultado do exerc&iacute;cio:</p><p align="center">E = (3<sup>-1</sup> + 5<sup>-1</sup>)/2<sup>-1</sup> = (1/3 + 1/5)/(1/2)</p><p>Determinando o mmc dos denominadores das fra&ccedil;&otilde;es 1/3 e 1/5, que &eacute; igual a 15, e somando essas fra&ccedil;&otilde;es:</p><p align="center">E = [(5 + 3)/15]/(1/2) = (8/15)/(1/2)</p><p>Para concluir basta utilizar a propriedade da divis&atilde;o de fra&ccedil;&otilde;es &quot;conserva-se a primeira e multiplica-se pelo inverso da segunda&quot;:</p><p align="center">E = (8/15).(2/1) = 16/15</p></li>                 </ul>                </li>               <li class="q_pergunta">Simplificar o radical<br /><p><img class="center" src="http://www.blogviche.com.br/wp_aplicacoes/questionario/image/q1_3.gif" alt="Simplificar o radical raiz quadrada de 576" width="44" height="24" /> </p>                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[46]" tabindex="7>" value="101" />36</li>                       <li><input type="radio" class="rd" name = "p[46]" tabindex="7>" value="102" />26</li>                       <li><input type="radio" class="rd" name = "p[46]" tabindex="7>" value="104" />24</li>                       <li><input type="radio" class="rd" name = "p[46]" tabindex="7>" value="105" />34</li>                       <li><input type="radio" class="rd" name = "p[46]" tabindex="7>" value="106" />44</li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_46" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>Inicialmente fatore 576, ou seja transforme 576 no produto de pot&ecirc;ncias, cujas bases s&atilde;o n&uacute;meros primos:</p><div align="center">576 | 2<br /></div><div align="center">288 | 2<br /></div><div align="center">144 | 2<br /></div><div align="center">072 | 2<br /></div><div align="center">036 | 2<br /></div><div align="center">018 | 2<br /></div><div align="center">009 | 3<br /></div><div align="center">003 | 3<br /></div><div align="center">001 | 1</div><p>Do procedimento acima vem, ent&atilde;o, que:</p><p align="center">&radic;576 = &radic;2<sup>6</sup>.3<sup>2</sup> = &radic;2<sup>6</sup>.&radic;3<sup>2</sup> = 2<sup>3</sup>.3 = <strong>24</strong></p><p align="left">Nas passagens das igualdades acima foram utilizadas as seguintes propriedades:</p><ul><li>A raiz en&eacute;sima do produto <strong>a</strong>.<strong>b</strong> &eacute; igual ao produto das ra&iacute;zes en&eacute;simas de <strong>a</strong> e <strong>b</strong>. Na solu&ccedil;&atilde;o: n = 2, a = 2<sup>6</sup> e b = 3<sup>2</sup>; </li><li>A raiz en&eacute;sima de <strong>a</strong> elevado a <strong>m</strong> &eacute; igual a raiz de &iacute;ndice <strong>n/p</strong> de <strong>a</strong> elevado a <strong>m/p</strong> obtida dividindo-se o &iacute;ndice e o radicando por <strong>p</strong>. Na solu&ccedil;&atilde;o acima foi utilizada a propriedade para n =2, p = 2 e m = 6 no primeiro fator e m = 2 no segundo.  </li></ul></li>                 </ul>                </li>               <li class="q_pergunta">Se <strong>n</strong> é um número inteiro e <strong>a</strong> é um número real positivo simplifique a expressão a<sup>2n+1</sup>.a<sup>1-n</sup>.a<sup>3-n</sup>                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[47]" tabindex="8>" value="107" />a<sup>4</sup></li>                       <li><input type="radio" class="rd" name = "p[47]" tabindex="8>" value="108" />a<sup>n</sup></li>                       <li><input type="radio" class="rd" name = "p[47]" tabindex="8>" value="109" />a<sup>2n</sup></li>                       <li><input type="radio" class="rd" name = "p[47]" tabindex="8>" value="110" />a<sup>6</sup></li>                       <li><input type="radio" class="rd" name = "p[47]" tabindex="8>" value="111" />a<sup>5</sup></li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_47" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>A solu&ccedil;&atilde;o da quest&atilde;o &eacute; bem simples e &eacute; feita pela aplica&ccedil;&atilde;o direta da seguinte propriedade: <strong>no produto de pot&ecirc;ncias de mesma base, conserva-se a base e soma-se os expoentes</strong>.</p><p>Logo:</p><div align="center">a<sup>2n+1</sup>.a<sup>1-n</sup>.a<sup>3-n</sup> = a<sup>2n+1+1-n+3-n</sup> =&nbsp; a<sup>5</sup> </div></li>                 </ul>                </li>               <li class="q_pergunta"><p>Efetue a operação</p><p><img class="center" src="http://www.blogviche.com.br/wp_aplicacoes/questionario/image/q1_4.gif" alt="Operação com radicais" width="176" height="25" /> </p>                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[48]" tabindex="9>" value="112" />23</li>                       <li><input type="radio" class="rd" name = "p[48]" tabindex="9>" value="117" />34</li>                       <li><input type="radio" class="rd" name = "p[48]" tabindex="9>" value="116" />3<sup>1/2</sup></li>                       <li><input type="radio" class="rd" name = "p[48]" tabindex="9>" value="118" />33</li>                       <li><input type="radio" class="rd" name = "p[48]" tabindex="9>" value="119" />50</li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_48" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>Reescrevendo cada radical da express&atilde;o entre par&ecirc;nteses, onde s&atilde;o utilizados a fatora&ccedil;&atilde;o dos radicandos e a propriedade da raiz de um produto, obtemos:</p><p><img class="center" src="http://www.blogviche.com.br/cgi-bin/mimetex.cgi?\sqrt{12}=\sqrt{2^2.3}=\sqrt{2^2}.\sqrt3=2\sqrt3" alt="" /> </p><p><img class="center" src="http://www.blogviche.com.br/cgi-bin/mimetex.cgi?\sqrt{27}=\sqrt{3^3}=\sqrt{3^2.3}=\sqrt{3^2}.\sqrt3=3\sqrt3" alt="" /> </p> <p><img class="center" src="http://www.blogviche.com.br/cgi-bin/mimetex.cgi?\sqrt{75}=\sqrt{3.5^2}=\sqrt{3}.\sqrt{5^2}=5\sqrt3" alt="" /> </p><p>Agora, substituindo os valores obtidos na express&atilde;o:</p><p><img class="center" src="http://www.blogviche.com.br/cgi-bin/mimetex.cgi?E=(2\sqrt3-2.3\sqrt3+3.5\sqrt3).\sqrt3=(2\sqrt3-6\sqrt3+15sqrt3).\sqrt3\Rightar" alt="" /> </p><p><img class="center" src="http://www.blogviche.com.br/cgi-bin/mimetex.cgi?E=(11\sqrt3).\sqrt3=11\sqrt{3^2}=11.3=33" alt="" /> </p></li>                 </ul>                </li>               <li class="q_pergunta">(PUC - SP) O produto a<sup>m</sup>.a<sup>m</sup> é igual a:                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[49]" tabindex="10>" value="120" />a</li>                       <li><input type="radio" class="rd" name = "p[49]" tabindex="10>" value="121" />a<sup>m-n</sup></li>                       <li><input type="radio" class="rd" name = "p[49]" tabindex="10>" value="122" />a<sup>2m</sup></li>                       <li><input type="radio" class="rd" name = "p[49]" tabindex="10>" value="123" />a<sup>m<sup>2</sup></sup></li>                       <li><input type="radio" class="rd" name = "p[49]" tabindex="10>" value="124" />Nenhuma das respostas anteriores</li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_49" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>Mais um exerc&iacute;cio simples que visa fixar a propriedade do produto de pot&ecirc;ncias de mesma base, e portanto, de r&aacute;pida e f&aacute;cil solu&ccedil;&atilde;o:</p><p align="center">a<sup>m</sup>.a<sup>m</sup> = a<sup>m+m</sup> = a<sup>2m</sup></p></li>                 </ul>                </li>               <li class="q_pergunta">(UMC - SP) Seja<p><img class="center" src="http://www.blogviche.com.br/wp_aplicacoes/questionario/image/q1_5.gif" alt="Questão 10" width="133" height="26" /></p><p>O valor de <strong>n</strong> é: </p>                  <ul class="q_resposta">                       <li><input type="radio" class="rd" name = "p[52]" tabindex="11>" value="125" />1</li>                       <li><input type="radio" class="rd" name = "p[52]" tabindex="11>" value="126" />2</li>                       <li><input type="radio" class="rd" name = "p[52]" tabindex="11>" value="127" />3</li>                       <li><input type="radio" class="rd" name = "p[52]" tabindex="11>" value="128" />4</li>                       <li><input type="radio" class="rd" name = "p[52]" tabindex="11>" value="129" />Nenhuma das respostas anteriores</li>					   <li class="solucao"><a href="#" title="Solu&ccedil;&atilde;o/Resposta"><img src="/wp_aplicacoes/questionario/image/solucao.gif" alt="Resposta/Solu&ccedil;&atilde;o" /></a></li>			           <li id="p_52" class="solucao_toggle" style="display: none; background-color:#f9f9f9; border-bottom: 2px solid #c9c8c8;"><strong><img src="/wp_aplicacoes/questionario/image/bg_solucao.png" alt="" /></strong><br /><p>Calculemos primeiro o valor da express&atilde;o do lado esquerdo da igualdade:</p><p><img class="center" src="http://www.blogviche.com.br/cgi-bin/mimetex.cgi?\sqrt{13^2-12^2}=\sqrt{169-144}=\sqrt{25}=5" alt="" /></p><p>Substituindo o valor obtido na igualdade dada, temos:</p><p><img class="center" src="http://www.blogviche.com.br/cgi-bin/mimetex.cgi?5=\sqrt[n]{125}\hspace{10}[1]" alt="" /></p><p>De [1] vem pela defini&ccedil;&atilde;o de radicia&ccedil;&atilde;o que:</p><p><img class="center" src="http://www.blogviche.com.br/cgi-bin/mimetex.cgi?5^n=125=5^3\Rightar%20n=3" alt="" /></p><p>em decorr&ecirc;ncia do fato de que pot&ecirc;ncias iguais de mesma base t&ecirc;m necessariamente os expoentes iguais.&nbsp;</p></li>                 </ul>                </li>      </ul>      <p><input name="incluir" id="b_incluir_10" type="button" class="button"  value="Enviar" onclick="resultado(this.form,'http://www.blogviche.com.br/wp_aplicacoes/questionario/q_resultado.php','')" /></p>		 <input type="hidden" name="quest" value="10" />   </form></div>
[Atualização: 06/03/2007]:</p>
<p>As soluções dos exercícios foram disponibilizadas no questionário. Para vê-las proceda como indicado no texto abaixo.</p>
[/Atualização]
<p>É com grande prazer e satisfação que inauguro mais uma categoria de artigos, se é que se pode dizer assim, a Questionarious.</p>
<p>Consistirá de exercícios propostos sobre as matérias tratadas no Viche em forma de um questionário, com perguntas e respostas de múltipla escolha onde você terá condições de testar seus conhecimentos ao vivo e a cores. Ou seja, você resolve as questões, responde diretamente no questionário e obtém o resultado de sua avaliação clicando no botão &#8220;enviar&#8221; exibido em seu final.</p>
<p>O primeiro questionário é composto de cinco exercícios sobre potenciação e cinco sobre radiciação.</p>
<p>Ao final de cada pergunta você observará que é mostrado um ícone em forma de uma lâmpada que se destina a fornecer a sua solução. É claro que, por enquanto, você não terá essa facilidade disponível. Será preciso que você tente, primeiro, resolver.</p>
<p>A idéia é que após quinze dias, a contar da data de publicação do questionário, as soluções sejam divulgadas. Achou pouco ou muito, diz aí nos comentários!</p>
<p>No entanto, como &#8220;canja&#8221; e para você ter idéia de como as soluções serão apresentadas, estou disponibilizando, de imediato, os resultados da primeira e da sétima questão. Seja forte e resista à tentação de &#8220;espiar&#8221; sem antes tentar resolvê-las. A recomendação é para seu próprio bem :-).</p>
<p>Somente a título de conhecimento, o Questionarious é um aplicativo desenvolvido por mim em PHP, MySQL, JavaScript e AJAX com um pouco de CSS. Para a turma que &#8220;mexe&#8221; na área, informo que logo, logo, estarei liberando a versão &#8220;Zen&#8221; em forma de demonstração.</p>
<p>Chega de conversa e vamos ao que interessa: <a href="javascript:execCodigo('http://www.blogviche.com.br/wp_aplicacoes/questionario/q_gera_questionario.php?chave_quest=10','questionarious1')">Clique aqui para exibir o questionário</a> e bom teste.</p>
<div id="questionarious1"></div>
<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/04/01/experimento-ajax-5-o-aplicativo-questionarious/' rel='bookmark' title='Experimento AJAX #5 &#8211; O Aplicativo Questionarious'>Experimento AJAX #5 &#8211; O Aplicativo Questionarious</a></li>
<li><a href='http://www.blogviche.com.br/2007/03/31/questionarious-2-conjuntos/' rel='bookmark' title='Questionarious #2 &#8211; Conjuntos'>Questionarious #2 &#8211; Conjuntos</a></li>
<li><a href='http://www.blogviche.com.br/2006/07/29/exercicios-resolvidos-3-radiciacao/' rel='bookmark' title='Exercícios Resolvidos #3 &#8211; Radiciação'>Exercícios Resolvidos #3 &#8211; Radiciação</a></li>
</ol></div>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2007/03/25/questionarious-1-potenciacao-e-radiciacao/feed/</wfw:commentRss>
		<slash:comments>71</slash:comments>
		</item>
		<item>
		<title>Bicho de Goiaba</title>
		<link>http://www.blogviche.com.br/2007/01/29/bicho-de-goiaba/</link>
		<comments>http://www.blogviche.com.br/2007/01/29/bicho-de-goiaba/#comments</comments>
		<pubDate>Tue, 30 Jan 2007 00:57:55 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Informativo]]></category>
		<category><![CDATA[Pessoal]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2007/01/29/bicho-de-goiaba/</guid>
		<description><![CDATA[Esse é o nome do mais novo Blog e Podcast da blogosfera brasileira voltado para temas relacionados à publicidade e também à publicitários, nas palavras de Renato Bontempo, um de seus cinco autores. Tive a grata satisfação de contribuir com seu nascimento. Minha participação foi tão somente adaptar as CSS a partir do tema Default [...]
Nenhum post relacionado.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Esse é o nome do mais novo Blog e Podcast da blogosfera brasileira voltado para temas relacionados à publicidade e também à publicitários, nas palavras de Renato Bontempo, um de seus cinco autores.</p>
<p>Tive a grata satisfação de contribuir com seu nascimento. Minha participação foi tão somente adaptar as <acronym title="Cascading Style Sheet">CSS</acronym> a partir do tema Default do <acronym title="WordPress">WP</acronym> 2.1 e o seu código, para obter o excelente design do blog elaborado por eles. Quem dera estivesse nesse estágio da arte!</p>
<p>E como o tema central tratado por lá é propaganda, não custa nada (e nem dói) eu fazer a minha, embora me considere coadjuvante no projeto.</p>
<p>Mesmo que o assunto não seja o seu &#8220;pedaço&#8221; e o site seja recém-nascido vale a pena visitar o <a href="http://www.bichodegoiaba.com.br" title="Vale a Pena">Bicho de Goiaba &#8211; Propaganda e inutilidades afins</a>.</p>
<p>Outra coisa que penso ser merecedora de menção é que o Viche agora pode ser acessado através do endereço http://www.blogviche.com.br graças a gentileza do Renato que registrou o domínio prá mim (não tenho CNPJ).</p>
<p>Por enquanto o endereço está sendo redirecionado para o antigo em função de fatores como o PR, FeedBurner, Alexa, Technorati, entre outros. Mas pelo menos tem a vantagem de ser mais fácil  de &#8220;decorar&#8221;.</p>
<p>Acho que a interação com os &#8220;bam-bam-bans&#8221; da propaganda me afetou e antes que eu diga o que não deva, fui!</p>
<p>Nenhum post relacionado.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2007/01/29/bicho-de-goiaba/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Notícias Expressas #6 &#8211; Zen Garden do Maujor Reativado</title>
		<link>http://www.blogviche.com.br/2006/12/31/noticias-expressas-6-zen-garden-do-maujor-reativado/</link>
		<comments>http://www.blogviche.com.br/2006/12/31/noticias-expressas-6-zen-garden-do-maujor-reativado/#comments</comments>
		<pubDate>Sun, 31 Dec 2006 14:42:50 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Informativo]]></category>
		<category><![CDATA[Notícias Expressas]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2006/12/31/noticias-expressas-6-zen-garden-do-maujor-reativado/</guid>
		<description><![CDATA[Uma excelente notícia neste final de ano de 2006 foi a decisão tomada pelo Maurício Samy de reativar o Zen Garden do Maujor. Esse foi o caminho utilizado por mim quando iniciei meus estudos com CSS para por em prática a teoria sobre o assunto que também se encontra disponibilizada, em forma de tutoriais, no [...]<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2008/06/07/noticias-expressas-10-plugin-questionarius-para-wp/' rel='bookmark' title='Notícias Expressas #10 &#8211; Plugin Questionarius  para WP'>Notícias Expressas #10 &#8211; Plugin Questionarius  para WP</a></li>
<li><a href='http://www.blogviche.com.br/2007/09/21/noticias-expressas-9-enfim-wp-223-no-viche/' rel='bookmark' title='Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche'>Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche</a></li>
<li><a href='http://www.blogviche.com.br/2007/03/25/noticias-expressas-8-moderacao-de-comentarios/' rel='bookmark' title='Notícias Expressas #8 &#8211; Moderação de Comentários'>Notícias Expressas #8 &#8211; Moderação de Comentários</a></li>
</ol></div>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Uma excelente notícia neste final de ano de 2006 foi a decisão tomada pelo Maurício Samy de reativar o <a title="Visite e Participe!" href="http://www.maujor.com/temas/index.php">Zen Garden do Maujor</a>.</p>
<p>Esse foi o caminho utilizado por mim quando iniciei meus estudos com <acronym title="Cascading Style Sheet">CSS</acronym> para por em prática a teoria sobre o assunto que também se encontra disponibilizada, em forma de tutoriais, no site do grande mestre.</p>
<p>Como sou fã de carteirinha dessa modalidade de exercício como meio de aprendizagem, reforço o convite do Maurício para você participar e ter seu tema publicado. Não sei quais os critérios a serem adotados, com a reativação, para que o fato ocorra.</p>
<p>Posso apenas dizer que na versão anterior não era levado em conta o design o que abria a oportunidade aos iniciantes em <acronym title="Cascading Style Sheet">CSS</acronym> de participar. Tenho quatro temas publicados e, se você quiser verificar, estão por lá (quase todos, acho) por pura complacência ou como forma de incentivo do Maurício. Independente de qual tenha sido a razão só me resta agradecer.</p>
<p>Mesmo que as regras tenham mudado, penso não ser o caso, recomendo fortemente que os iniciantes (ou não) ponham a &#8220;mão na massa&#8221; e utilizem o instrumental disponibilizado para aprender (ou exercitar seu potencial artístico). E neste sentido você só tem a ganhar.</p>
<p>Parabéns Maurício e conte comigo e com o Viche para que o Zen Garden do Maujor permaneça no ar.</p>
[Atualização: 02/01/2007] E tem mais, o Maurício está promovendo um <a title="Desafio do Zen Garden do Maujor" href="http://www.maujor.com/blog/2007/01/02/desafio-redesig-zen-garden-do-maujor/">Desafio &#8211; Redesign do tema padrão do Zen Garden do Maujor</a>, com prêmios para os três primeiros colocados, até o instante desta atualização. Para saber mais detalhes clique no link acima. Eu já enviei minha colaboração ao desafio: o tema <a title="Tema Card Games" href="http://www.maujor.com/temas/index.php?set=6&#038;pg=0">Card Games</a>. E você não vai enviar a sua?</p>
<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2008/06/07/noticias-expressas-10-plugin-questionarius-para-wp/' rel='bookmark' title='Notícias Expressas #10 &#8211; Plugin Questionarius  para WP'>Notícias Expressas #10 &#8211; Plugin Questionarius  para WP</a></li>
<li><a href='http://www.blogviche.com.br/2007/09/21/noticias-expressas-9-enfim-wp-223-no-viche/' rel='bookmark' title='Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche'>Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche</a></li>
<li><a href='http://www.blogviche.com.br/2007/03/25/noticias-expressas-8-moderacao-de-comentarios/' rel='bookmark' title='Notícias Expressas #8 &#8211; Moderação de Comentários'>Notícias Expressas #8 &#8211; Moderação de Comentários</a></li>
</ol></div>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2006/12/31/noticias-expressas-6-zen-garden-do-maujor-reativado/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Notícias Expressas #5 &#8211; CSS ao Vivo e a Cores</title>
		<link>http://www.blogviche.com.br/2006/10/14/noticias-expressas-5-css-ao-vivo-e-a-cores/</link>
		<comments>http://www.blogviche.com.br/2006/10/14/noticias-expressas-5-css-ao-vivo-e-a-cores/#comments</comments>
		<pubDate>Sat, 14 Oct 2006 14:05:22 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Notícias Expressas]]></category>
		<category><![CDATA[Técnico]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2006/10/14/noticias-expressas-5-css-ao-vivo-e-a-cores/</guid>
		<description><![CDATA[O blog Mr. TheChessMan acaba de publicar o post Construindo um site inteiro seguindo os padrões, que consiste em montar ao vivo e a cores, passo a passo, o seu novo layout baseado nas técnicas Tableless, CSS e essa &#8220;baboseira&#8221; de WebStandards, nas palavras do próprio autor. Uma ótima oportunidade de aprendizado para aqueles que [...]<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/09/21/noticias-expressas-9-enfim-wp-223-no-viche/' rel='bookmark' title='Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche'>Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche</a></li>
<li><a href='http://www.blogviche.com.br/2007/03/25/noticias-expressas-8-moderacao-de-comentarios/' rel='bookmark' title='Notícias Expressas #8 &#8211; Moderação de Comentários'>Notícias Expressas #8 &#8211; Moderação de Comentários</a></li>
<li><a href='http://www.blogviche.com.br/2006/12/31/noticias-expressas-6-zen-garden-do-maujor-reativado/' rel='bookmark' title='Notícias Expressas #6 &#8211; Zen Garden do Maujor Reativado'>Notícias Expressas #6 &#8211; Zen Garden do Maujor Reativado</a></li>
</ol></div>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>O blog <a href="http://www.thechessman.org/">Mr. TheChessMan</a> acaba de publicar o post <a href="http://www.thechessman.org/2006/10/14/construindo-um-site-inteiro-seguindo-os-padroes/">Construindo um site inteiro seguindo os padrões</a>, que consiste em montar ao vivo e a cores, passo a passo, o seu novo layout baseado nas técnicas Tableless, CSS e essa &#8220;baboseira&#8221; de WebStandards, nas palavras do próprio autor.</p>
<p>Uma ótima oportunidade de aprendizado para aqueles que estão a iniciar na área ou não. A técnica a ser adotada no desenvolvimento da experiência é a da modularidade das folhas de estilos (Tipografia, Estrutura, Elementos visuais gerais e Elementos específicos).</p>
<p>No momento da publicação desta notícia o blog encontrava-se &#8220;zerado&#8221;, ou seja, sómente com o XHTML sem nenhum CSS &#8211; texto puro.</p>
<p>Gostei da idéia e recomendo.</p>
<p class="poweredbyperformancing">powered by <a href="http://performancing.com/firefox">performancing firefox</a></p>
<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/09/21/noticias-expressas-9-enfim-wp-223-no-viche/' rel='bookmark' title='Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche'>Notícias Expressas #9 &#8211; Enfim WP 2.2.3 no Viche</a></li>
<li><a href='http://www.blogviche.com.br/2007/03/25/noticias-expressas-8-moderacao-de-comentarios/' rel='bookmark' title='Notícias Expressas #8 &#8211; Moderação de Comentários'>Notícias Expressas #8 &#8211; Moderação de Comentários</a></li>
<li><a href='http://www.blogviche.com.br/2006/12/31/noticias-expressas-6-zen-garden-do-maujor-reativado/' rel='bookmark' title='Notícias Expressas #6 &#8211; Zen Garden do Maujor Reativado'>Notícias Expressas #6 &#8211; Zen Garden do Maujor Reativado</a></li>
</ol></div>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2006/10/14/noticias-expressas-5-css-ao-vivo-e-a-cores/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Uma Barra de Navegação Horizontal um Tanto Estranha (Será?)</title>
		<link>http://www.blogviche.com.br/2006/10/12/uma-barra-de-navegacao-horizontal-um-tanto-estranha-sera/</link>
		<comments>http://www.blogviche.com.br/2006/10/12/uma-barra-de-navegacao-horizontal-um-tanto-estranha-sera/#comments</comments>
		<pubDate>Thu, 12 Oct 2006 14:47:04 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Técnico]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[tema]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2006/10/12/uma-barra-de-navegacao-horizontal-um-tanto-estranha-sera/</guid>
		<description><![CDATA[<p>A barra a que o título se refere é composta de nove links dispostos em três colunas com fundo cinza claro e, se tudo está de acordo com o esperado, encontra-se exibida no início da página. Caso contrário, selecione no rótulo Temas da <a href="http://www.nghorta.com">Home</a>, localizado na barra de navegação lateral à sua direita, o de nome Viche 3.</p>
<p>Foi desenvolvida com o uso da função Effect.toggle(element, effect) das bibliotecas <a href="http://script.aculo.us/">script.aculo.us versão 1.6.4</a> e <a href="http://prototype.conio.net/">Prototype versão 1.5.0_rc1</a>. Seu funcionamento se traduz no famoso clica-abre (se fechado) e clica-fecha (se aberto) em cada link da barra.</p><div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/04/01/experimento-ajax-5-o-aplicativo-questionarious/' rel='bookmark' title='Experimento AJAX #5 &#8211; O Aplicativo Questionarious'>Experimento AJAX #5 &#8211; O Aplicativo Questionarious</a></li>
<li><a href='http://www.blogviche.com.br/2007/02/10/wordpress-21-barra-extra/' rel='bookmark' title='WordPress 2.1: Barra Extra'>WordPress 2.1: Barra Extra</a></li>
<li><a href='http://www.blogviche.com.br/2006/09/15/tecelagem-popular-no-triangulo-mineiro-o-trailer-ii/' rel='bookmark' title='Tecelagem Popular no Triângulo Mineiro &#8211; O Trailer II'>Tecelagem Popular no Triângulo Mineiro &#8211; O Trailer II</a></li>
</ol></div>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>A barra a que o título se refere é composta de nove links dispostos em três colunas com fundo cinza claro e, se tudo está de acordo com o esperado, encontra-se exibida no início da página. Caso contrário, mude para o tema <a href="http://www.blogviche.com.br/index.php?wptheme=Viche%203">Viche 3</a> onde a barra se encontra em funcionamento.</p>
<p>Foi desenvolvida com o uso da função Effect.toggle(element, effect) das bibliotecas <a href="http://script.aculo.us/">script.aculo.us versão 1.6.4</a> e <a href="http://prototype.conio.net/">Prototype versão 1.5.0_rc1</a>. Seu funcionamento se traduz no famoso clica-abre (se fechado) e clica-fecha (se aberto) em cada link da barra.</p>
<p>Deu um tanto de trabalho pois tive de alterar os programas relativos ao tema bem como as suas folhas de estilos, o que para os experts é fácil de compreender. O difícil, após concluído, é estabelecer se a mudança gerou ou não ganhos do ponto-de-vista da funcionalidade (as vezes acho que sim, outras, não).</p>
<p>Fiquei em dúvida até se deveria disponibilizar o <strong>resultado</strong> dessa experiência de aprendizado pessoal sobre o WP e outras pequenas coisitas mais aos meus leitores. Decidi me arriscar e colocar &#8220;a cara a tapas&#8221;, mesmo porque existe a alternativa de você escolher outro tema de seu agrado (acredito).</p>
<p>Isto posto, só me resta aguardar com o espírito totalmente desarmado e me colocar à disposição para quaisquer esclarecimentos (será?).</p>
<p class="poweredbyperformancing">powered by <a href="http://performancing.com/firefox">performancing firefox</a></p>
<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/04/01/experimento-ajax-5-o-aplicativo-questionarious/' rel='bookmark' title='Experimento AJAX #5 &#8211; O Aplicativo Questionarious'>Experimento AJAX #5 &#8211; O Aplicativo Questionarious</a></li>
<li><a href='http://www.blogviche.com.br/2007/02/10/wordpress-21-barra-extra/' rel='bookmark' title='WordPress 2.1: Barra Extra'>WordPress 2.1: Barra Extra</a></li>
<li><a href='http://www.blogviche.com.br/2006/09/15/tecelagem-popular-no-triangulo-mineiro-o-trailer-ii/' rel='bookmark' title='Tecelagem Popular no Triângulo Mineiro &#8211; O Trailer II'>Tecelagem Popular no Triângulo Mineiro &#8211; O Trailer II</a></li>
</ol></div>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2006/10/12/uma-barra-de-navegacao-horizontal-um-tanto-estranha-sera/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Tecelagem Popular no Triângulo Mineiro &#8211; O Trailer II</title>
		<link>http://www.blogviche.com.br/2006/09/15/tecelagem-popular-no-triangulo-mineiro-o-trailer-ii/</link>
		<comments>http://www.blogviche.com.br/2006/09/15/tecelagem-popular-no-triangulo-mineiro-o-trailer-ii/#comments</comments>
		<pubDate>Fri, 15 Sep 2006 17:41:35 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tecelagem]]></category>
		<category><![CDATA[Técnico]]></category>
		<category><![CDATA[Triângulo Mineiro]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2006/09/15/tecelagem-popular-no-triangulo-mineiro-o-trailer-ii/</guid>
		<description><![CDATA[<p>Depois de  muito tempo e a paciente espera do Amós Vilarinho Rangel, um representante da classe dos tecelões, disponibilizo a versão 1.0 do <a href="http://www.nghorta.com/wp_aplicacoes/rotina5.php">Gerador de Padrões - Técnica Repasso</a>.</p>
<p>Sob o aspecto técnico, consiste de programas em PHP,  de rotinas em Javascript/AJAX e de um pouco de CSS e XHTML. Contém um formulário para digitação dos campos necessários (os fundamentais são a sequência de pedalagem e as cores da trama e do urdume) para gerar os padrões de tecidos e uma breve explanação de como utilizá-lo.</p><div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2009/05/16/informe-gerador-de-padroes-de-tecidos/' rel='bookmark' title='Informe: Gerador de Padrões de Tecidos'>Informe: Gerador de Padrões de Tecidos</a></li>
<li><a href='http://www.blogviche.com.br/2007/03/25/questionarious-1-potenciacao-e-radiciacao/' rel='bookmark' title='Questionarious #1 &#8211; Potenciação e Radiciação'>Questionarious #1 &#8211; Potenciação e Radiciação</a></li>
<li><a href='http://www.blogviche.com.br/2006/10/22/tecelagem-popular-no-triangulo-mineiro-estrutura-das-classes-ii/' rel='bookmark' title='Tecelagem Popular no Triângulo Mineiro &#8211; Estrutura das Classes II'>Tecelagem Popular no Triângulo Mineiro &#8211; Estrutura das Classes II</a></li>
</ol></div>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Depois de  muito tempo e a paciente espera do Amós Vilarinho Rangel, um representante da classe dos tecelões, disponibilizo a versão 1.0 do <a href="http://www.blogviche.com.br/wp_aplicacoes/rotina5.php">Gerador de Padrões &#8211; Técnica Repasso</a>.</p>
<p>Sob o aspecto técnico, consiste de programas em PHP,  de rotinas em Javascript/AJAX e de um pouco de CSS e XHTML. Contém um formulário para digitação dos campos necessários (os fundamentais são a sequência de pedalagem e as cores da trama e do urdume) para gerar os padrões de tecidos e uma breve explanação de como utilizá-lo.</p>
<p>Além do que, no combobox Exemplos do gerador é relacionado alguns códigos repasso (reais) extraídos da pesquisa com o objetivo de demonstrar a sua funcionalidade. Basta selecionar qualquer um deles e os campos são exibidos após uma consulta a uma tabela MySQL, via AJAX, e clicar no botão &#8220;Gerar&#8221; na parte inferior do formulário. Neste caso recomendo, apenas, alterações nas cores, se assim o desejar.</p>
<p>Atenção! A versão 1.0 não armazena as informações digitadas no banco de dados do Viche. No entanto, na página com o resultado, elas são exibidas. Sugiro, portanto, anotá-las ou utilizar os famosos Ctrl+C (copiar) antes da execução e o Ctrl+V (colar) no caso de necessidade de um novo experimento.</p>
<p>As paletas de cores são bem simples e não há validação dos campos preenchidos, nesta versão. Deixo para fazê-la após sua avaliação.</p>
<p>Acrescentada uma terceira cor cinza fixa (#666666) em alguns pontos da trama de modo a proporcionar uma melhor visualização do padrão.</p>
<p>E, finalmente, só me resta aguardar as críticas &#8211; ou elogios :-) &#8211; e as sugestões de melhorias do gerador, que peço sejam registradas nos comentários deste post.</p>
[UPDATE: 17/09/2006]
<p>A modificação básica efetuada no gerador, da versão 1.0 para a 1.01, consistiu em substituir a exibição do padrão no formato de tabela para o formato em folhas de estilos. A nova versão pode ser acionada no link exibido a seguir, onde você observará que houve um ganho significativo na performance se comparada com a versão anterior.</p>
<p><a title="Versão 1.01" href="http://www.blogviche.com.br/wp_aplicacoes/rotina8.php">Gerador de Padrões &#8211; Técnica Repasso: Versão 1.01</a></p>
<p>A versão 1.01 foi testada no FF, IE, Netscape e Opera, sendo que neste último o padrão é renderizado com um tamanho maior do que nos demais.</p>
[UPDATE]
<p class="poweredbyperformancing">powered by <a href="http://performancing.com/firefox">performancing firefox</a></p>
<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2009/05/16/informe-gerador-de-padroes-de-tecidos/' rel='bookmark' title='Informe: Gerador de Padrões de Tecidos'>Informe: Gerador de Padrões de Tecidos</a></li>
<li><a href='http://www.blogviche.com.br/2007/03/25/questionarious-1-potenciacao-e-radiciacao/' rel='bookmark' title='Questionarious #1 &#8211; Potenciação e Radiciação'>Questionarious #1 &#8211; Potenciação e Radiciação</a></li>
<li><a href='http://www.blogviche.com.br/2006/10/22/tecelagem-popular-no-triangulo-mineiro-estrutura-das-classes-ii/' rel='bookmark' title='Tecelagem Popular no Triângulo Mineiro &#8211; Estrutura das Classes II'>Tecelagem Popular no Triângulo Mineiro &#8211; Estrutura das Classes II</a></li>
</ol></div>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2006/09/15/tecelagem-popular-no-triangulo-mineiro-o-trailer-ii/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>O Experimento Ajax #1 Desnudado</title>
		<link>http://www.blogviche.com.br/2006/06/10/o-experimento-ajax-1-desnudado/</link>
		<comments>http://www.blogviche.com.br/2006/06/10/o-experimento-ajax-1-desnudado/#comments</comments>
		<pubDate>Sat, 10 Jun 2006 17:21:03 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Técnico]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Experimento]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2006/06/10/o-experimento-ajax-1-desnudado/</guid>
		<description><![CDATA[<p>O detalhamento do código do experimento deve ser encarado como um exercício de   um aprendiz em AJAX, como claramente explicitado no   <a title="Veja em funcionamento" href="http://www.nghorta.com/2006/03/12/experimento-ajax-1/">post   original</a>.</p>
<p>O que me motivou a compartilhar com vocês os detalhes foi a divulgação do   <a title="Post no Blog da Visie" href="http://visie.com.br/blog/experimento-ajax-1">experimento</a>   no <a title="Blog da Visie" href="http://visie.com.br/blog/">Blog da   Visie</a>, pelo   <a title="Blog do Elcio - FechaTag" href="http://blog.elcio.com.br/">Elcio   Ferreira</a>, algumas (confesso, não muitas) solicitações enviadas através do   formulário de contato do VICHE e, por último, o   <a title="Personalize o botão ENVIAR do Formulário - reload" href="http://www.maujor.com/blog/2006/06/05/botao-enviar-formulario-reload/">artigo   publicado</a> no   <a title="Visite. Vale a pena" href="http://www.maujor.com/blog/">Blog do   Maujor</a>.</p>
<p>Em função desse artigo, os botões (&#60;input type="button"&#62;) foram   substituídos por ícones (&#60;input type = "image"&#62;). Como consequência   houve mudanças no código do experimento que passou a funcionar com múltiplos   submit's no formulário. A abordagem no Blog do Maujor é derecionada   especificamente para questões de acessibilidade em que confronta as duas   versões do experimento.</p>
<p>Esclareço que os ícones são utilizados em uma aplicação Web da Empresa em que   atualmente trabalho, reforçando o   <a title="Veja" href="http://www.maujor.com/blog/2006/06/05/botao-enviar-formulario-reload/#comment-369">comentário</a>   postado pelo Maurício em seu artigo. E, além do manual de operação, na maioria   de seus formulários tem um ícone de ajuda, que acionado, exibe informações   sobre a funcionalidade dos ícones utilizados acrescida das de preenchimento de   seus campos <div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/09/29/experimento-ajax-6-acentuacao/' rel='bookmark' title='Experimento AJAX #6: Acentuação'>Experimento AJAX #6: Acentuação</a></li>
<li><a href='http://www.blogviche.com.br/2007/04/01/experimento-ajax-5-o-aplicativo-questionarious/' rel='bookmark' title='Experimento AJAX #5 &#8211; O Aplicativo Questionarious'>Experimento AJAX #5 &#8211; O Aplicativo Questionarious</a></li>
<li><a href='http://www.blogviche.com.br/2006/12/24/experimento-ajax-4-validacao-de-campos/' rel='bookmark' title='Experimento Ajax #4 &#8211; Validação de Campos'>Experimento Ajax #4 &#8211; Validação de Campos</a></li>
</ol></div>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>O detalhamento do código do experimento deve ser encarado como um exercício de   um aprendiz em AJAX, como claramente explicitado no   <a title="Veja em funcionamento" href="http://www.blogviche.com.br/2006/03/12/experimento-ajax-1/">post   original</a>.</p>
<p>O que me motivou a compartilhar com vocês os detalhes foi a divulgação do   <a title="Post no Blog da Visie" href="http://visie.com.br/blog/experimento-ajax-1">experimento</a>   no <a title="Blog da Visie" href="http://visie.com.br/blog/">Blog da   Visie</a>, pelo   <a title="Blog do Elcio - FechaTag" href="http://blog.elcio.com.br/">Elcio   Ferreira</a>, algumas (confesso, não muitas) solicitações enviadas através do   formulário de contato do VICHE e, por último, o   <a title="Personalize o botão ENVIAR do Formulário - reload" href="http://www.maujor.com/blog/2006/06/05/botao-enviar-formulario-reload/">artigo   publicado</a> no   <a title="Visite. Vale a pena" href="http://www.maujor.com/blog/">Blog do   Maujor</a>.</p>
<p>Em função desse artigo, os botões (&lt;input type=&#8221;button&#8221;&gt;) foram   substituídos por ícones (&lt;input type = &#8220;image&#8221;&gt;). Como consequência   houve mudanças no código do experimento que passou a funcionar com múltiplos   submit&#8217;s no formulário. A abordagem no Blog do Maujor é derecionada   especificamente para questões de acessibilidade em que confronta as duas   versões do experimento.</p>
<p>Esclareço que os ícones são utilizados em uma aplicação Web da Empresa em que   atualmente trabalho, reforçando o   <a title="Veja" href="http://www.maujor.com/blog/2006/06/05/botao-enviar-formulario-reload/#comment-369">comentário</a>   postado pelo Maurício em seu artigo. E, além do manual de operação, na maioria   de seus formulários tem um ícone de ajuda, que acionado, exibe informações   sobre a funcionalidade dos ícones utilizados acrescida das de preenchimento de   seus campos (veja um exemplo na figura abaixo).</p>
<p><img title="Exemplo de Aplicação Web" class="center" alt="Exemplo de Aplicação Web" src="http://www.writely.com/File.aspx?id=bcjj5mpfjqc2r" /></p>
<p>Sugestões são bem vindas e você pode ver agora, antes das explicações, a   <a title="Dê uma olhada" href="http://www.blogviche.com.br/wp_aplicacoes/exp_ajax1/rotina2.html">nova   versão</a> em funcionamento.</p>
<h3>Contextualização</h3>
<p>O experimento consiste de:</p>
<ul>
<li>uma tabela em MySQL;</li>
<li>rotinas em Javascript     <acronym title="Asynchronous Javascript And XML">AJAX</acronym> que cria o     objeto XMLHttpRequest e faz uso de alguns de seus métodos e propriedades;</li>
<li>um programa em PHP que executa as requisições desse objeto do lado do     servidor e retorna a resposta no formato     <a title="Visite o Site para maiores detalhes" href="http://www.json.org">JSON</a>;</li>
<li>uma página     <acronym title="EXtensible Hipertext Markup Language">XHTML</acronym>, a que     você navega, com um formulário e o     <acronym title="Cascading Style Sheets">CSS</acronym> para renderizá-la;</li>
<li>códigos em Javascript para a construção dos parâmetros a serem passados para     o programa PHP, o tratamento da resposta em JSON e sua exibição no     formulário.</li>
</ul>
<p>A tabela e o <acronym title="Cascading Style Sheets">CSS</acronym>, por serem   simples, não serão tratados. A quem se interessar, o   <acronym title="Cascading Style Sheets">CSS</acronym> pode ser visto   diretamente no próprio código fonte da página. Do   <acronym title="EXtensible Hipertext Markup Language">XHTML</acronym> serão   apresentadas apenas os excertos necessários à compreensão do   experimento.</p>
<h3>Criação do Objeto XMLHttpRequest</h3>
<p>A sua criação não é tão complicada como você pode ver abaixo:</p>
<pre><code>
try {
xmlhttp = new XMLHttpRequest();
} catch(ee) {
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(E) {
xmlhttp = false;
}
}
}
</code></pre>
<p>O objeto, e consequentemente o experimento, foi testado no Firefox 1.5.0.4, no   Opera 8.54, Netscape 7.2 e no IE 6 (os que tenho instalado). Observe que em   xmlhttp teremos o objeto de acordo com o navegador em uso, ou em caso de não   ter suporte, lhe é atribuído o valor false.</p>
<h3>O Formulário</h3>
<p><img title="Formulário Experimento AJAX #1" class="center" alt="Formulário Experimento AJAX #1" src="http://www.writely.com/File.aspx?id=bcjggdpcgw75h" /></p>
<p>Os detalhes do experimento serão explicados com base nos elementos e campos do   formulário.</p>
<p><span style="font-weight: bold">a) Código inicial do elemento form</span></p>
<pre><code>
&lt;form class="form-cadastro" name="form_cad" action=""
onsubmit="verifica(document.form_cad.opc.value); return false;" method="get"&gt;
</code></pre>
<p>Ao submeter o formulário, clicando em qualquer dos ícones, é chamada a função   <span style="font-weight: bold">verifica()</span> com o parâmetro   correspondente à operação selecionada &#8211; incluir, alterar, excluir ou   consultar. O parâmetro é setado em um &lt;input type=&#8221;hidden&#8221;&gt; antes de   enviar o formulário.</p>
<p>O <span style="font-weight: bold">return false</span> bloqueia o submit, uma   vez que todo o processo é efetuado pelo objeto XMLHttpRequest, evitando-se o   refresh da página. A função <span style="font-weight: bold">verifica()</span>   e outros detalhes são explicados abaixo.</p>
<p><span style="font-weight: bold">b) O campo id e o link buscar</span></p>
<p>Funcionalidade:</p>
<p>Preencher o campo <span style="font-weight: bold">id</span> e clicar no link   <span style="font-weight: bold">buscar</span> para realizar uma pesquisa na   tabela.</p>
<p>Código <acronym title="EXtensible Hipertext Markup Language">XHTML</acronym>:</p>
<pre><code>
&lt;label id="lbl_cad" for="id_cad"&gt;Id:
&lt;input type="text" id="id_cad" name="id_cad" size="8" value="" maxlength="12" /&gt;
&lt;a xhref="javascript:busca(document.form_cad.id_cad.value)" mce_href="javascript:busca(document.form_cad.id_cad.value)"   &gt;buscar&lt;/a&gt;&lt;/<span class="end-tag">label&gt;&lt;</span><span class="start-tag">br</span><span class="attribute-name"> /</span>&gt;</code></pre>
<p>Executa a função <span style="font-weight: bold">busca()</span> ao se acionar   o link, passando como parâmetro o valor digitado no campo   <span style="font-weight: bold">id</span>.</p>
<p><span style="font-weight: bold">c) a função busca():</span></p>
<p>Será explicada por partes. A visão geral da função pode ser vista no corpo da   página <acronym title="EXtensible Hipertext Markup Language">XHTML</acronym>.</p>
<p>Inicialmente, a função recebe em <span style="font-weight: bold">param</span>   o valor digitado no campo <span style="font-weight: bold">id</span> (linha 1),   exibe a mensagem &#8220;Aguarde &#8230;&#8221; no campo   <span style="font-weight: bold">nome</span> (linha 2) e verifica se esse valor   é numérico (linha 3). Caso contrário, exibe um alerta (linha 4), retorna o   foco ao campo <span style="font-weight: bold">id</span> (linha 5) e limpa o   campo <span style="font-weight: bold">nome</span> do formulário (linha 6).</p>
<pre><code>
01 function busca(param) {
02   document.getElementById("id_nome").value="Aguarde ...";
03   if (isNaN(param)) {
04      alert("VICHE! Tem algo de Errado");
05      get_focus('id_cad');
06      document.form_cad.elements[1].value = '';
07      return;
08   }
</code></pre>
<p>O método <span style="font-weight: bold">open</span> é constituído de três   parâmetros &#8211; método = &#8220;GET&#8221;, url = &#8220;rotina2.php?id=&#8221;+param e async = &#8220;true&#8221; &#8211;   e tem como função preparar o objeto XMLHttpRequest para uma requisição. Quando   ativado, requisita o programa PHP passando como parâmetro o valor informado no   campo <span style="font-weight: bold">id</span> através do método GET, de   forma assíncrona.</p>
<pre><code>   xmlhttp.open("GET", "rotina2.php?id="+param,true);</code></pre>
<p>A função <span style="font-weight: bold">onreadystatechange </span> (veja   código abaixo) dispara um evento quando o estado da requisição muda. O   <span style="font-weight: bold">if</span> (linha 2) verifica se a requisição   foi finalizada com sucesso (= 4) utilizando-se da propriedade   <span style="font-weight: bold">readyState</span> do objeto. Se sim, recebe o   retorno de<span style="font-weight: bold"> rotina2.php</span> em formato JSON,   através da propriedade <span style="font-weight: bold">responseText</span>   (linha 3) do objeto XMLHttpRequest. O alerta comentado no código, foi   utilizado para checagem da resposta durante o processo de desenvolvimento.</p>
<p>Através da função <span style="font-weight: bold">eval()</span> (linha 3) do   JavaScript o formato JSON é convertido na matriz   <span style="font-weight: bold">aDados</span>, onde   <span style="font-weight: bold">aDados[0]</span> indica o resultado da   pesquisa/operação e <span style="font-weight: bold">aDados[1]</span> se foi   realizada com sucesso.</p>
<p>O <span style="font-weight: bold">if</span> (linha 4) verifica se nenhum   registro foi encontrado na tabela. Em caso positivo, limpa os campos do   formulário (linhas 5-8), habilita o ícone incluir e desabilita os ícones   alterar e excluir (linhas 9-14). A classe imgfull exibe a imagem original do   ícone e imgfade a imagem com opacidade para indicar que estão desabilitados.   Funcionam sómente no IE e navegadores Mozilla, e foi colocada apenas a título   de ilustração (encontram-se no   <acronym title="Cascading Style Sheets">CSS</acronym> da página).</p>
<p>O <span style="font-weight: bold">else</span> (linha 16) é executado quando o   registro é localizado. As instruções (linhas 17-25) habilita os ícones alterar   e excluir, desabilita o ícone incluir e exibe os dados no formulário a partir   da matriz <span style="font-weight: bold">aDados</span> (linhas 23-25).</p>
<p>A função <span style="font-weight: bold">get_focus()</span> (linha 28)   posiciona o foco no campo <span style="font-weight: bold">nome</span> do   formulário.</p>
<p>E, finalmente, o método <span style="font-weight: bold">send</span> dispara a   requisição (linha 31).</p>
<pre><code>
01 xmlhttp.onreadystatechange=function() {
02    if (xmlhttp.readyState==4) {
//     alert(xmlhttp.responseText);
03       var aDados=eval((xmlhttp.responseText));
04       if (aDados[0] == '0' &#038;&#038; aDados[1] == 0) {
05          var campos = document.getElementsByTagName('input');
06        for (i=1;i&lt;7;i++) {
07           campos[i].value = '';
08          }
09          document.getElementById("b_incluir").attributes["class"].value = "botao imgfull";
10          document.getElementById("b_incluir").disabled = false;
11          document.getElementById("b_alterar").attributes["class"].value = "botao imgfade";
12          document.getElementById("b_alterar").disabled = true;
13          document.getElementById("b_excluir").attributes["class"].value = "botao imgfade";
14          document.getElementById("b_excluir").disabled = true;
15      }
16      else {
17         document.getElementById("b_incluir").attributes["class"].value = "botao imgfade";
18         document.getElementById("b_incluir").disabled = true;
19         document.getElementById("b_alterar").attributes["class"].value = "botao imgfull";
20         document.getElementById("b_alterar").disabled = false;
21         document.getElementById("b_excluir").attributes["class"].value = "botao imgfull";
22         document.getElementById("b_excluir").disabled = false;
23         for (var i=0;i&lt;aDados.length;i++) {
24            aDados[i]=unescape(aDados[i]);
25            document.form_cad.elements[i].value = aDados[i];
26         }
27      }
28      get_focus('id_nome');
29   }
30 }
31 xmlhttp.send(null)
}
</code></pre>
<p><span style="font-weight: bold">d) Os ícones incluir, alterar, excluir e   consultar</span></p>
<p>Código <acronym title="EXtensible Hipertext Markup Language">XHTML</acronym>:</p>
<pre><code>
01 &lt;input name="incluir" id="b_incluir" class="botao imgfade" type="image" disabled="disabled"
value="" title="Incluir Registro" alt="Incluir Registro" xsrc="inclui.gif" mce_src="inclui.gif"   onclick="seta_opc(1)" /&gt;

02 &lt;input name="alterar" id="b_alterar" class="botao imgfade" type="image" disabled="disabled"
value="" xsrc="modifica.gif" mce_src="modifica.gif"   title="Alterar Registro" alt="Alterar Registro" onclick="seta_opc(2)" /&gt;

03 &lt;input name="excluir" id="b_excluir" class="botao imgfade" type="image" disabled="disabled"
value="" xsrc="elimina.gif" mce_src="elimina.gif"   title="Excluir Registro" alt="Excluir Registro" onclick="seta_opc(3)" /&gt;

04 &lt;input name="consultar" id="b_consultar" class="botao" type="image" xsrc="pesquisa.gif" mce_src="pesquisa.gif"
title="Consulta Registros" alt="Consulta Registros" onclick="seta_opc(4)" /&gt;

05 &lt;input name="opc" type="hidden" id="opc" /&gt;
</code></pre>
<p>Os ícones incluir, alterar e excluir são inicialmente exibidos desabilitados e   com opacidade (conforme rapidamente já explicado). O ícone consulta fica   sempre habilitado e com sua imagem original.</p>
<p>O evento onclick em todos eles aciona a função   <span style="font-weight: bold">seta_opc()</span> cujo código é apresentado a   seguir e que dispensa comentários por sua simplicidade:</p>
<pre><code>
function seta_opc(opc) {
document.form_cad.opc.value = opc;
}
</code></pre>
<p style="font-weight: bold">e) A função verifica()</p>
<p>Executada quando o formulário é enviado,   conforme mostrado no item a). Recebe como parâmetro a variável  <span style="font-weight: bold">opc</span>, checa qual ícone foi clicado e   chama as funções executa() e consulta(), conforme o valor de   <span style="font-weight: bold">opc</span>.</p>
<pre><code>
function verifica(x) {
if (x == 1) executa('1');
if (x == 2) executa('2');
if (x == 3) executa('3');
if (x == 4) consulta();
}
</code></pre>
<p style="font-weight: bold">f) A função consulta()</p>
<p>Quando o ícone consultar é clicado a função   <span style="font-weight: bold">seta_opc(4)</span> é executada e, em seguida,   a função <span style="font-weight: bold">verifica(4)</span>, quando o   formulário é submetido.</p>
<p>As instruções contidas na função já foram descritas anteriormente. Cabe apenas   observar que a resposta é exibida na forma de um alerta do navegador e é   passado o parâmetro <span style="font-weight: bold">con</span> com valor 1.</p>
<pre><code>
function consulta() {
xmlhttp.open("GET", "rotina2.php?con=1",true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
alert(xmlhttp.responseText);
}
}
xmlhttp.send(null)
}
</code></pre>
<p style="font-weight: bold">g) A função executa()</p>
<p>Executada quando os ícones incluir, alterar e excluir são clicados, de forma   semelhante à explicada no item f).</p>
<p>Inicia com a simples verificação de preenchimento dos seis primeiros campos do   formulário (linhas 2-10). Em seguida, é montada a string que será passada para   o programa PHP, com base nos dados informados nos campos do formulário (linhas   11-15) e da operação selecionada (<span style="font-weight: bold">op</span>).   Faz a requisição (linha 16), dispara o evento (linha 17) e checa se a   requisição foi realizada com sucesso (linha 18).</p>
<p>Armazena a resposta no formato JSON em   <span style="font-weight: bold">aDados</span> (linha 19), verifica qual a   operação realizada e se teve sucesso e exibe um alerta (linhas 20-22), limpa   os campos do formulário (linhas 24-26) e seta o foco para o campo   <span style="font-weight: bold">id</span> (linha 28).</p>
<pre><code>
01 function executa(op) {
02   var erro = 0;
03   for (i=1;i&lt;6;i++) {
04      if (document.form_cad.elements[i].value == '') { erro = 1; }
05   }
06   if (erro == 1) {
07      alert("VICHE! Tem Campo em Branco");
08      get_focus('id_nome');
09      return;
10   }
11   var dados = '';
12   for (i=0;i&lt;7;i++) {
13      dados = dados + "c" + i + "=" + document.form_cad.elements[i].value + "&#038;";
14   }
15   var dados1="rotina2.php?op="+op+"&#038;"+dados;
16   xmlhttp.open("GET", "rotina2.php?op="+op+"&#038;"+dados,true);
17   xmlhttp.onreadystatechange=function() {
18      if (xmlhttp.readyState==4) {
19         var aDados=eval((xmlhttp.responseText));
20     if (aDados[0] == 1 &#038;&#038; aDados[1] == "OK") { alert("Registro Incluído") };
21     if (aDados[0] == 2 &#038;&#038; aDados[1] == "OK") { alert("Registro Alterado") };
22     if (aDados[0] == 3 &#038;&#038; aDados[1] == "OK") { alert("Registro Deletado") };
23      }
24      var campos = document.getElementsByTagName('input');
25      for (i=0;i&lt;7;i++) {
26           campos[i].value = '';
27      }
28      get_focus('id_cad');
29   }
30   xmlhttp.send(null)
31 }
</code></pre>
<p style="font-weight: bold">h) A função get_focus()</p>
<pre><code>
function get_focus(campo) {
document.getElementById(campo).focus();
}
</code></pre>
<h3>O Programa PHP</h3>
<p>Para não se extender muito, serei breve na explicação do programa cujo trecho   inicial é apresentado abaixo.</p>
<ul>
<li>linha 2: são extraídos os parâmetros;</li>
<li>linhas 4-5: conecta e seleciona o banco;</li>
<li>linhas 6-9: verifica se a requisição partiu do link buscar e executa a     função <span style="font-weight: bold">checa_entrada()</span>;</li>
<li>linhas 10-37: verifica se a requisição partiu de um dos ícones incluir,     alterar e excluir, substitui os caracteres &#8220;[", ' e "," utilizados no formato JSON, antes de gravar na tabela, e     executa a função <span style="font-weight: bold">executa()</span>;</li>
<li>linhas 38-41: verifica se a requisição partiu do ícone consultar e executa     a função <span style="font-weight: bold">consulta()</span>;</li>
<li>linhas 42-54: checa se o registro existe na tabela. Se não, retorna como     resposta "['0','0']&#8220;. Se sim, retorna uma string semelhante em formato JSON     com os dados do registro selecionado;</li>
<li>A função consulta(), cujo código não é apresentado, seleciona os primeiros     50 registros da tabela e retorna um texto com o id dos registros;</li>
<li>E a função executa(), idem, constitui-se dos comandos SQL &#8211; INSERT, UPDATE e     DELETE -, conforme o ícone selecionado.</li>
</ul>
<pre><code>
01 &lt;?php
02 extract ($_GET);
03 extract ($_POST);
04 $conn = mysql_connect("localhost","usuário","senha") or die ("Erro de Acesso");
05 mysql_select_db ("banco");
06 if ($id) {
07    $resposta = checa_entrada($id);
08    echo $resposta;
09 }
10 if ($op) {
11    $c1 = str_replace(',', '', $c1);
12    $c2 = str_replace(',', '', $c2);
13    $c3 = str_replace(',', '', $c3);
14    $c4 = str_replace(',', '', $c4);
15    $c5 = str_replace(',', '', $c5);
16    $c6 = str_replace(',', '', $c6);
17    $c1 = str_replace('[', '', $c1);
18    $c2 = str_replace('[', '', $c2);
19    $c3 = str_replace('[', '', $c3);
20    $c4 = str_replace('[', '', $c4);
21    $c5 = str_replace('[', '', $c5);
22    $c6 = str_replace('[', '', $c6);
23    $c1 = str_replace(']', '', $c1);
24    $c2 = str_replace(']', '', $c2);
25    $c3 = str_replace(']', '', $c3);
26    $c4 = str_replace(']', '', $c4);
27    $c5 = str_replace(']', '', $c5);
28    $c6 = str_replace(']', '', $c6);
29    $c1 = str_replace("'", '', $c1);
30    $c2 = str_replace("'", '', $c2);
31    $c3 = str_replace("'", '', $c3);
32    $c4 = str_replace("'", '', $c4);
33    $c5 = str_replace("'", '', $c5);
34    $c6 = str_replace("'", '', $c6);
35    $resposta = executa($op, $c0, $c1, $c2, $c3, $c4, $c5, $c6);
36    echo $resposta;
37 }
38 if ($con) {
39    $resposta = consulta();
40    echo $resposta;
41 }
42 function checa_entrada($id_c) {
43    $SEL = mysql_query("SELECT * from cadastro1 WHERE id = '$id_c'");
44    $res = mysql_fetch_object($SEL);
45    if (!$res) {
46       $resposta = "['0','0']";
47    }
48    else {
49       $v = "','";
50       $resposta = "['".$res-&gt;id.$v.$res-&gt;nome.$v.$res-&gt;nome_mae.$v.$res-&gt;nome_pai
51       $resposta .= $v.$res-&gt;cidade_nasc.$v.$res-&gt;pais.$v.$res-&gt;telefone."']";
52    }
53    return $resposta;
54 }
55 function executa($op, $c0, $c1, $c2, $c3, $c4, $c5, $c6) {
56 ...
57 }
58 function consulta() {
59 ...
60 }
61 ?&gt;
</code></pre>
<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2007/09/29/experimento-ajax-6-acentuacao/' rel='bookmark' title='Experimento AJAX #6: Acentuação'>Experimento AJAX #6: Acentuação</a></li>
<li><a href='http://www.blogviche.com.br/2007/04/01/experimento-ajax-5-o-aplicativo-questionarious/' rel='bookmark' title='Experimento AJAX #5 &#8211; O Aplicativo Questionarious'>Experimento AJAX #5 &#8211; O Aplicativo Questionarious</a></li>
<li><a href='http://www.blogviche.com.br/2006/12/24/experimento-ajax-4-validacao-de-campos/' rel='bookmark' title='Experimento Ajax #4 &#8211; Validação de Campos'>Experimento Ajax #4 &#8211; Validação de Campos</a></li>
</ol></div>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2006/06/10/o-experimento-ajax-1-desnudado/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Experimento AJAX #2 &#8211; Copa do Mundo de 2006</title>
		<link>http://www.blogviche.com.br/2006/05/21/experimento-ajax-2-copa-do-mundo-de-2006/</link>
		<comments>http://www.blogviche.com.br/2006/05/21/experimento-ajax-2-copa-do-mundo-de-2006/#comments</comments>
		<pubDate>Sun, 21 May 2006 08:02:43 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Técnico]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Copa do Mundo]]></category>
		<category><![CDATA[Experimento]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2006/05/21/experimento-ajax-2-copa-do-mundo-de-2006/</guid>
		<description><![CDATA[O VICHE entrou definitivamente no espírito da Copa. Primeiro com pequenas mudanças no layout padrão &#8211; o qual pode ser &#8220;recuperado&#8221; na barra lateral de navegação no rótulo Temas -, e agora com um experimento que disponibiliza a tabela de jogos da primeira fase da competição, feito com a ferramenta AJAX. O experimento é composto [...]<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2008/01/04/ext-js-experimento/' rel='bookmark' title='Ext JS &#8211; Experimento'>Ext JS &#8211; Experimento</a></li>
<li><a href='http://www.blogviche.com.br/2007/09/29/experimento-ajax-6-acentuacao/' rel='bookmark' title='Experimento AJAX #6: Acentuação'>Experimento AJAX #6: Acentuação</a></li>
<li><a href='http://www.blogviche.com.br/2007/04/01/experimento-ajax-5-o-aplicativo-questionarious/' rel='bookmark' title='Experimento AJAX #5 &#8211; O Aplicativo Questionarious'>Experimento AJAX #5 &#8211; O Aplicativo Questionarious</a></li>
</ol></div>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.blogviche.com.br/wp_aplicacoes/copa2006/"><img title="Tabela da Copa do Mundo de 2006" alt="Tabela da Copa do Mundo de 2006" src="http://www.blogviche.com.br/image/tab_copa.jpg" /></a><br />
O VICHE entrou definitivamente no espírito da Copa. Primeiro com pequenas   mudanças no layout padrão &#8211; o qual pode ser &#8220;recuperado&#8221; na barra lateral de navegação no   rótulo Temas -, e agora com um experimento que disponibiliza a tabela de jogos   da primeira fase da competição, feito com a ferramenta AJAX.</p>
<p>O   <a title="Veja em Funcionamento" href="http://www.blogviche.com.br/wp_aplicacoes/copa2006/">experimento</a>   é composto de consultas que se utilizam:</p>
<ul>
<li>do     <a title="CSS Framework" href="http://www.contentwithstyle.co.uk/resources/css-framework/index.php">CSS     Framework</a> de     <a title="Site de Mike Stenhouse" href="http://www.donotremove.co.uk/">Mike     Stenhouse</a>, com adaptações;</li>
<li>de três tabelas MySQL (seleções, jogos e fases);</li>
<li>de um programa em PHP; e</li>
<li>de uma rotina bem simples em AJAX.</li>
</ul>
<p>Os dados e os ícones das bandeiras dos países, apresentados no experimento, foram obtidos no site oficial da <a title="Site Oficial da FIFA- Copa do Mundo de 2006" href="http://fifaworldcup.yahoo.com/06/pt/">FIFA</a>. A única mudança foi a dos horários dos jogos, com a redução de 5 horas correspondente ao fuso entre o Brasil e a Alemanha.</p>
<p>BRASIL HEXA!!! A emoção vai começar e a nossa torcida também.</p>
<div><h3>Posts Relacionados:</h3><ol>
<li><a href='http://www.blogviche.com.br/2008/01/04/ext-js-experimento/' rel='bookmark' title='Ext JS &#8211; Experimento'>Ext JS &#8211; Experimento</a></li>
<li><a href='http://www.blogviche.com.br/2007/09/29/experimento-ajax-6-acentuacao/' rel='bookmark' title='Experimento AJAX #6: Acentuação'>Experimento AJAX #6: Acentuação</a></li>
<li><a href='http://www.blogviche.com.br/2007/04/01/experimento-ajax-5-o-aplicativo-questionarious/' rel='bookmark' title='Experimento AJAX #5 &#8211; O Aplicativo Questionarious'>Experimento AJAX #5 &#8211; O Aplicativo Questionarious</a></li>
</ol></div>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2006/05/21/experimento-ajax-2-copa-do-mundo-de-2006/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Imasters Adere aos Padrões</title>
		<link>http://www.blogviche.com.br/2006/04/22/imasters-adere-aos-padroes/</link>
		<comments>http://www.blogviche.com.br/2006/04/22/imasters-adere-aos-padroes/#comments</comments>
		<pubDate>Sat, 22 Apr 2006 20:23:39 +0000</pubDate>
		<dc:creator>Newton de Góes Horta</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Técnico]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.nghorta.com/2006/04/22/imasters-adere-aos-padroes/</guid>
		<description><![CDATA[Como uma pequena retribuição ao aprendizado obtido por mim e que, com certeza, ainda obterei, com os excelentes artigos e tutorais publicados no iMasters por seus articulistas e sua equipe, registro, com grande prazer, a sua adesão aos padrões Web. Para conhecer os detalhes de como se deu todo o processo de migração, nada melhor [...]
Nenhum post relacionado.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Como uma pequena retribuição ao aprendizado obtido por mim e que, com certeza, ainda obterei, com os excelentes artigos e tutorais publicados no <a title="Visite o novo Site do Imasters" href="http://www.imasters.com.br/">iMasters</a>   por seus articulistas e sua equipe, registro, com grande prazer, a sua adesão aos padrões Web.</p>
<p>Para conhecer os detalhes de como se deu todo o processo de migração, nada melhor do que visitar o <a title="Blog sobre Tutoriais Web Standards" href="http://www.maujor.com/blog/">blog do Maujor</a>   que publicou, com exclusividade, uma bela <a title="Entrevista com o André Metzen do iMasters" href="http://www.maujor.com/blog/2006/04/19/imasters/">entrevista</a>   com o jovem André Metzen do iMasters, responsável direto pela codificação. Ambos, o entrevistador e o entrevistado, estão de parabéns.</p>
<p>Ainda mais, foi lá no <a title="Visite o novo Site do Imasters" href="http://www.imasters.com.br/">iMasters</a>, que passei a conhecer um dos mais completo site brasileiro sobre <a title="Site do Maujor" href="http://www.maujor.com/">CSS e Web Standards</a>.</p>
<p>Nenhum post relacionado.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.blogviche.com.br/2006/04/22/imasters-adere-aos-padroes/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

