<?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>Criatividade &#187; tutorial</title>
	<atom:link href="http://www.escolacriatividade.com/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.escolacriatividade.com</link>
	<description>Criatividade</description>
	<lastBuildDate>Sat, 04 Feb 2012 13:47:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Como enviar Dados para o Browser com PHP</title>
		<link>http://www.escolacriatividade.com/como-enviar-dados-para-o-browser-com-php/</link>
		<comments>http://www.escolacriatividade.com/como-enviar-dados-para-o-browser-com-php/#comments</comments>
		<pubDate>Wed, 07 Sep 2011 14:26:48 +0000</pubDate>
		<dc:creator>Diogo Espinha</dc:creator>
				<category><![CDATA[Programação]]></category>
		<category><![CDATA[como enviar dados para o browser com php]]></category>
		<category><![CDATA[dados no browser com php]]></category>
		<category><![CDATA[enviar dados com php]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorial php]]></category>

		<guid isPermaLink="false">http://www.escolacriatividade.com/?p=8057</guid>
		<description><![CDATA[A única maneira de vermos os dados que o PHP está a processar é enviá-los para o browser como output, desta forma poderemos perceber se os dados estão a ser processados como pretendemos ou não. Existem várias maneiras de o fazer, é isso que neste artigo lhe vamos mostrar, Como enviar dados para o browser [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">A única maneira de vermos os dados que o PHP está a processar é enviá-los para o browser como <em>output</em>, desta forma poderemos perceber se os dados estão a ser processados como pretendemos ou não. Existem várias maneiras de o fazer, é isso que neste artigo lhe vamos mostrar, <strong>Como enviar dados para o browser com PHP</strong>. Neste artigo vamos focar a nossa atenção em 4 maneiras diferentes de enviar dados: echo(), print(), printf() e sprintf(). Apesar de o método de utilização de cada um ser diferente, o resultado final é o mesmo, o envio de dados para o browser.</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-8101" title="programarphp" src="http://www.escolacriatividade.com/wp-content/uploads/2011/09/programarphp.jpg" alt="" width="630" height="350" /></p>
<h3 style="text-align: justify;"><span style="color: #ff0000;">1. ECHO()</span></h3>
<p style="text-align: justify;">Este é o método mais comum para enviar dados para o browser, e difere um pouco de todos os outros pela sua simplicidade. Aceita um ou mais argumentos separados por vírgulas ( , ) e envia os argumentos para o browser por sequência. A utilização dos parêntesis é opcional, e na maioria das vezes não é utilizada. Considere então o seguinte trecho de código:</p>
<pre class="brush:php">&lt;?php
echo "Bem-vindo à ", "Escola Criatividade";
?&gt;</pre>
<p style="text-align: justify;">Neste caso temos duas strings, e ambas irão ser concatenadas sendo o output &#8220;Bem-vindo à Escola Criatividade&#8221;. É possível fazer algo semelhante utilizando variáveis:</p>
<pre class="brush:php">&lt;?php
$welcome = "Bem-vindo à ";
$escola = "Escola Criatividade";
echo $welcome, $escola;
?&gt;</pre>
<p style="text-align: justify;">O output é exactamente o mesmo, &#8220;Bem-vindo à Escola Criatividade&#8221;, a única diferença foi a utilização das variáveis $welcome e $escola. Note que na utilização de variáveis não são utilizadas aspas, ao contrário do que acontece com texto.</p>
<p style="text-align: justify;">Uma curiosidade acerca deste método tem a ver com a sua velocidade. Em comparação com outros métodos, echo() provou ser significativamente mais rápido que os demais.</p>
<h3 style="text-align: justify;"><span style="color: #ff0000;">2. PRINT()</span></h3>
<p style="text-align: justify;">Print() é o método mais linear no que toca ao envio de dados para o browser. Ao contrário de echo(), print() apenas aceita um argumento. Veja o exemplo no seguinte trecho de código:</p>
<pre class="brush:php">&lt;?php
print ("Bem-vindo à Escola Criatividade");
?&gt;</pre>
<p style="text-align: justify;">O output será &#8220;Bem-vindo à Escola Criatividade&#8221;. Este é um método também bastante simples, embora mais limitado quando comparado com echo(). De notar que é possível utilizar print() sem os parêntesis.</p>
<h3 style="text-align: justify;"><span style="color: #ff0000;">3. PRINTF()</span></h3>
<p style="text-align: justify;">Printf() dá-lhe mais controlo sobre o output, permitindo definir o formato dos dados que serão enviados para o browser, e poderá olhar para esta função como &#8220;Print Formatted&#8221;. Printf() é especialmente útil quando estamos a lidar com números. Printf() é ótimo quando existe a necessidade de confirmar se os dados que estão a ser processados são apropriados para o tipo de tarefa que estamos a executar. Veja o seguinte trecho de código:</p>
<pre class="brush:php">&lt;?php
printf("Bem-Vindo à %s!", "Escola Criatividade");
?&gt;</pre>
<p style="text-align: justify;">O output deste código é &#8220;Bem-Vindo à Escola Criatividade!&#8221; Confuso? Passamos a explicar:</p>
<p style="text-align: justify;">Com o código acima, criámos uma string com formatação &#8220;Bem-Vindo à %s!&#8221; que contém uma especificação de conversão, que começa com % e  é seguido por especificadores. Neste caso aplicamos um especificador string, que define qual o tipo de dados que estamos a introduzir no argumento. No entanto, a utilização mais frequente e prática com printf() é com números decimais, como com moedas. Veja o exemplo:</p>
<pre class="brush:php">&lt;?php
$qtd1 = 1.55;
$qtd2 = 2.55;
$total = $qtd1 + $qtd2;

echo 'O total é $', $total;
?&gt;</pre>
<p style="text-align: justify;">O que seria expectável seria que o resultado desse $4.10, no entanto o output seria $4.1 &#8211; Necessitamos de especificar que é um numero decimal e que que queremos 2 casas decimais no número. Este processo é simples:</p>
<pre class="brush:php">&lt;?php
$qtd1 = 1.55;
$qtd2 = 2.55;
$total = $qtd1 + $qtd2;

echo 'O total é $%.2f', $total;
?&gt;</pre>
<p>Neste caso, o output seria &#8220;O total é $4.10&#8243;, pois utilizámos %.2f para especificar o que pretendíamos.</p>
<h3><span style="color: #ff0000;">4. SPRINTF()</span></h3>
<p style="text-align: justify;">Sprintf() funciona da mesma maneira que printf(), a única diferença reside no facto de que enquanto printf() envia a informação directamente para o browser, sprintf() devolve uma string. Uma particularidade relativamente a sprintf() tem a ver com a sua diferenciação em relação à sua utilização. Enquanto que com printf() todo o output era formatado, com sprintf() você tem a possibilidade de formatar apenas algumas partes do output, aplicando a formatação directamente nas variáveis (apenas um exemplo).</p>
<pre class="brush:php">&lt;?php
$testeana = sprintf("%.1f", 9);
$testejoao = sprintf("%.1f", 9.5);
echo 'A Ana teve ',$testeana, ' valores, e o João teve ',$testejoao, 'valores.';
?&gt;</pre>
<p style="text-align: justify;">Como especificamos que queríamos uma casa decimal, o output seria &#8220;A Ana teve 9.0 valores, e o João teve 9.5 valores&#8221;. Como se pode verificar acima, o valor na variável $testeana não era 9.0, mas sim 9.</p>
<h3 style="text-align: justify;">VOCÊ TRABALHA COM PHP?</h3>
<p style="text-align: justify;">Você trabalha com PHP? Deixe a sua contribuição a este artigo e aumente o conhecimento dos leitores da Escola Criatividade!</p>
<p style="text-align: justify;">Abraço e até já!</p>
<h2  class="related_post_title">Artigos Recomendados</h2><ul class="related_post"><li><a href="http://www.escolacriatividade.com/como-passar-informacao-entre-paginas-em-php-parte-ii/" title="Como passar informação entre páginas em PHP (Parte II)">Como passar informação entre páginas em PHP (Parte II)</a></li><li><a href="http://www.escolacriatividade.com/variaveis-e-tipos-de-dados-em-php-parte-i/" title="Variáveis e Tipos de Dados em PHP (Parte I)">Variáveis e Tipos de Dados em PHP (Parte I)</a></li><li><a href="http://www.escolacriatividade.com/como-funciona-o-php/" title="Como funciona o PHP?">Como funciona o PHP?</a></li><li><a href="http://www.escolacriatividade.com/javascript-para-desenvolvedores-php/" title="Javascript para desenvolvedores PHP">Javascript para desenvolvedores PHP</a></li><li><a href="http://www.escolacriatividade.com/guia-dreamweaver-css-avancado-parte-vi/" title="Guia Dreamweaver &#8211; CSS Avançado (Parte VI)">Guia Dreamweaver &#8211; CSS Avançado (Parte VI)</a></li><li><a href="http://www.escolacriatividade.com/como-passar-informacao-entre-paginas-em-php-parte-i/" title="Como passar informação entre páginas em PHP (Parte I)">Como passar informação entre páginas em PHP (Parte I)</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.escolacriatividade.com/como-enviar-dados-para-o-browser-com-php/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Tutorial: efeito de luz mágico em Photoshop</title>
		<link>http://www.escolacriatividade.com/tutorial-efeito-de-luz-magico-em-photoshop/</link>
		<comments>http://www.escolacriatividade.com/tutorial-efeito-de-luz-magico-em-photoshop/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 11:38:14 +0000</pubDate>
		<dc:creator>Paulo Faustino</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[criar]]></category>
		<category><![CDATA[efeito]]></category>
		<category><![CDATA[luz]]></category>
		<category><![CDATA[magia]]></category>
		<category><![CDATA[magic]]></category>
		<category><![CDATA[magico]]></category>
		<category><![CDATA[ps]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.pontobit.com/?p=1969</guid>
		<description><![CDATA[Hoje gostaria de introduzir um tutorial de Photoshop extremamente simples e interessante, que visa criar um efeito mágico de luz que poderá ser facilmente adaptável a todo o tipo de contexto, embora no exemplo de hoje o façamos por intermédio de um chapéu de mágico. Este efeito além de ser extremamente engraçado do ponto de [...]]]></description>
			<content:encoded><![CDATA[<p>Hoje gostaria de introduzir um tutorial de Photoshop extremamente simples e interessante, que visa criar um efeito mágico de luz que poderá ser facilmente adaptável a todo o tipo de contexto, embora no exemplo de hoje o façamos por intermédio de um chapéu de mágico. Este efeito além de ser extremamente engraçado do ponto de vista técnico, é extremamente bonito do ponto de vista visual. Neste tutorial, ensinamo-lo passo-a-passo a criar um efeito de luz mágico para utilizar posteriormente em todos os ambientes que considerar propícios à sua utilização. Use, e abuse!</p>
<p><strong>1 &#8211; Comece por criar um radial gradient</strong>, neste caso a partir de um púrpura para um púrpura escuro.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/img1.jpg"><img class="aligncenter size-full wp-image-1970" title="img1" src="http://www.pontobit.com/wp-content/uploads/2009/12/img1.jpg" alt="img1" width="490" height="306" /></a></p>
<p><strong>2 &#8211; Agora colocamos no fundo um ícone bonito</strong> de um chapéu de mágico que retiramos da colecção <a rel="nofollow" href="http://www.everaldo.com/crystal.html" target="_blank">Crystal Clear Collection.</a></p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img2.jpg"><img class="aligncenter size-full wp-image-1971" title="mg_img2" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img2.jpg" alt="mg_img2" width="490" height="300" /></a></p>
<p><strong>3 &#8211; Adicione algum texto,</strong> Neste exemplo utilizámos o código fonte de um site exemplo e aplicámos o filtro Distort &gt;Wave.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img4.jpg"><img class="aligncenter size-full wp-image-1972" title="mg_img4" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img4.jpg" alt="mg_img4" width="490" height="317" /></a></p>
<p><strong>4 &#8211; Rode o texto e coloque-o na posição/forma que desejar.</strong></p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img5.jpg"><img class="aligncenter size-full wp-image-1973" title="mg_img5" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img5.jpg" alt="mg_img5" width="490" height="306" /></a></p>
<p><strong>5 &#8211; Adicione alguma luz utilizando o glow :</strong> Utilize valores diferentes para cada linha de texto, o segredo aqui é a opção de blending &gt; COLOR DODGE.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img7Glow.jpg"><img class="aligncenter size-full wp-image-1974" title="mg_img7Glow" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img7Glow.jpg" alt="mg_img7Glow" width="490" height="335" /></a></p>
<p><strong>6</strong> &#8211; Agrupe as duas linhas de textos e com uma aplique uma máscara para fazer as riscas desaparecer no seu final.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img8.jpg"><img class="aligncenter size-full wp-image-1975" title="mg_img8" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img8.jpg" alt="mg_img8" width="490" height="300" /></a></p>
<p><strong>7 </strong>- No outro grupo de texto aplique um <strong>gaussian blur</strong>, e depois disso, elimine algumas partes para mostrar algum texto não desfocado.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img9.jpg"><img class="aligncenter size-full wp-image-1976" title="mg_img9" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img9.jpg" alt="mg_img9" width="490" height="343" /></a></p>
<p><strong>8 &#8211; Crie um novo layer </strong>por baixo do texto e com um big brush regular do tipo 100px adicione um local de luz em branco.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img11.jpg"><img class="aligncenter size-full wp-image-1977" title="mg_img11" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img11.jpg" alt="mg_img11" width="490" height="300" /></a></p>
<p><strong>9 &#8211; Crie algum fumo novamente</strong>, Poderá fazê-lo usando o eraser ou o liquify.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img12.jpg"><img class="aligncenter size-full wp-image-1978" title="mg_img12" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img12.jpg" alt="mg_img12" width="490" height="219" /></a></p>
<p><strong>10 &#8211; Crie uma núvem:</strong> para o fazer utilize um &#8220;marquee&#8221; com um valor de &#8220;feather&#8221; superior a 20 e aplique o render&gt;clouds mantendo a tecla CTRL premida.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img14Smoke.jpg"><img class="aligncenter size-full wp-image-1979" title="mg_img14Smoke" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img14Smoke.jpg" alt="mg_img14Smoke" width="490" height="217" /></a></p>
<p><strong>11 &#8211; Sparks:</strong> Para os sparks crie um brush e brinque com a dinâmica das formas. Depois disso, aplique um Outer Glow e um Inner Glow para criar o efeito mágico.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img16.jpg"><img class="aligncenter size-full wp-image-1980" title="mg_img16" src="http://www.pontobit.com/wp-content/uploads/2009/12/mg_img16.jpg" alt="mg_img16" width="490" height="295" /></a></p>
<p><strong>Fim</strong> &#8211; O resultado final é na verdade muito simples, mas ao mesmo tempo muito bonito.</p>
<p><a href="http://www.pontobit.com/wp-content/uploads/2009/12/magicEffect_thumb.jpg"><img class="aligncenter size-full wp-image-1981" title="magicEffect_thumb" src="http://www.pontobit.com/wp-content/uploads/2009/12/magicEffect_thumb.jpg" alt="magicEffect_thumb" width="490" height="392" /></a></p>
<p>O processo de aplicação deste tutorial é de cerca de 30 a 40 minutos. Existem inúmeras formas de por este tutorial em prática, pelo que lhe recomendamos vivamente a experienciar outras técnicas e cores para chegar a outros tipos de efeitos visuais igualmente bonitos e interessantes. Se desejar, poderá <a href="http://www.pontobit.com/images/realizee.zip" target="_blank">descarregar o ficheiro PSD</a> e analisá-lo caso tenha dúvidas.</p>
<h2  class="related_post_title">Artigos Recomendados</h2><ul class="related_post"><li><a href="http://www.escolacriatividade.com/10-passos-para-melhorar-dramaticamente-as-suas-habilidades-em-photoshop/" title="10 passos para melhorar drasticamente as suas habilidades em Photoshop">10 passos para melhorar drasticamente as suas habilidades em Photoshop</a></li><li><a href="http://www.escolacriatividade.com/compilacoes-de-padroes-de-cores-e-texturas-para-photoshop/" title="30 Compilações de padrões de cores e texturas para Photoshop">30 Compilações de padrões de cores e texturas para Photoshop</a></li><li><a href="http://www.escolacriatividade.com/como-criar-uma-barra-de-navegacao-semelhante-a-apple-no-photoshop/" title="Como criar uma barra de navegação semelhante à Apple no Photoshop">Como criar uma barra de navegação semelhante à Apple no Photoshop</a></li><li><a href="http://www.escolacriatividade.com/como-enviar-dados-para-o-browser-com-php/" title="Como enviar Dados para o Browser com PHP">Como enviar Dados para o Browser com PHP</a></li><li><a href="http://www.escolacriatividade.com/comparacao-entre-fireworks-e-photoshop-parte-ii/" title="Guia de comparação entre Fireworks e Photoshop &#8211; Parte II">Guia de comparação entre Fireworks e Photoshop &#8211; Parte II</a></li><li><a href="http://www.escolacriatividade.com/10-alternativas-ao-photoshop-editores-de-imagens-online/" title="10 alternativas ao Photoshop &#8211; editores de imagens online">10 alternativas ao Photoshop &#8211; editores de imagens online</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.escolacriatividade.com/tutorial-efeito-de-luz-magico-em-photoshop/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced

Served from: www.escolacriatividade.com @ 2012-02-05 02:09:49 -->
