• $GLOBALS: Variáveis disponívels globalmente (Já abordado na Parte I)
• $_SERVER: Informação acerca do servidor (Já abordado na Parte I)
• $_GET:  Dados utilizados durante o método HTTP GET (Já abordado na Parte I)
• $_POST: Dados utilizados durante o método HTTP POST
• $_REQUEST: Dados utilizados durante um pedido HTTP
• $_FILES: Dados utilizados durante a introdução de um ficheiro HTML
• $_SESSION: Dados relativos à sessão actual do utilizador
• $_COOKIE: Dados guardados no navegador do utilizador como cookie

Não perca alguns dos nossos conteúdos relacionados com PHP:

• Comentários e Operadores em PHP
• Javascript para desenvolvedores PHP
• 75+ Ferramentas PHP extremamente úteis
• Diversos Truques e Dicas para PHP
• Como funciona o PHP?
• Tutorial: Introdução ao PHP

$_POST

PHP fornece uma segunda opção para enviar dados, o POST. O envio de informação através de formulários web, como formulários de contacto ou de registo, necessita de utilizar o método POST para enviar a informação contida no formulário para ser processada. Em termos estruturais, o método POST é similar ao método GET, e os seus valores podem ser acedidos da mesma forma: utiliza-se a superglobal $_POST e define-se o nome da variável como uma chave do array. Na maioria das vezes, o valor do POST é enviado por um formulário web que é feito em HTML. Veja o exemplo abaixo e crie um documento HTML com o seguinte código:

<form action="teste.php" method="post">
    <input type="text" name"username" />
    <input type="text" name="email" />
    <input type="submit" value="Registar" />
</form>

O atributo “name” define a chave no array que poderá utilizar para aceder à informação lá guardada com a submissão do formulário. E título de exemplo, poderá utilizar $_POST['username'] para aceder ao nome de utilizador. De seguida crie o ficheiro teste.php e insira o seguinte código:

<?php

if($_SERVER['REQUEST_METHOD'] == 'POST'){
	echo "Obrigado por se registar! <br />",
	"Utilizador: ", htmlentities($_POST['username']), "<br />",
	"Email: ", htmlentities($_POST['email']), "<br />";
}else{

?>
<form action="teste.php" method="post">
	<label for="username">Utilizador: </label>
    <input type="text" name"username" />
    <label for="email">Email: </label>
    <input type="text" name="email" />
    <input type="submit" value="Registar" />
</form>

<?php } ?>

Quando carregar o ficheiro teste.php o script irá verificar se já foram submetidos dados através do método POST. Se já tiverem sido submetidos dados, o script envia a mensagem de agradecimento pelo registo e mostra o nome de utilizador escolhido e o endereço de email. Se nada foi submetido, o script põe à disposição o formulário de registo novamente.

$_REQUEST

A superglobal $_REQUEST é um array que contém os conteúdos das superglobais $_GET, $_POST e $_COOKIE. Se modificar o seu formulário no ficheiro teste.php  para enviar para teste.php?submit=true com um nome de utilizador e um email, poderá aceder aos dados submetidos utilizando o código abaixo:

Primeiro altere o seu ficheiro html, adicionando ?submit=true ao action do seu formulário:

<form action="teste.php?submit=true" method="post">
    <input type="text" name="username" />
    <input type="text" name="email" />
    <input type="submit" value="Registar" />
</form>

De seguida altere o seu ficheiro teste.php:

<?php

if($_SERVER['REQUEST_METHOD'] == 'POST'){
	foreach($_REQUEST as $chave => $val) {
		echo $chave, " : ",$val, "<br />";
	}
}else{

?>
<form action="teste.php" method="post">
	<label for="username">Utilizador: </label>
    <input type="text" name"username" />
    <label for="email">Email: </label>
    <input type="text" name="email" />
    <input type="submit" value="Registar" />
</form>

<?php } ?>

E o resultado será este:

$_FILES

Outra das funcionalidades dos formulários HTML tem a ver com a habilidade de permitir aos utilizadores o envio de ficheiros. Numa website como um blog, é necessário que você seja capaz de aceitar o envio de imagens para incluir com as entradas do blog. Para aceder a um ficheiro enviado, é necessário utilizar a superglobal $_FILES. Esta superglobal funciona de forma ligeiramente diferente quando comparada com o $_GET e o $_POST, em que cada ficheiro cria um array de elementos relacionados que fornecem informação acerca do ficheiro enviado. Essa informação inclui:

• name – o nome do ficheiro.
• type – o tipo do ficheiro (ex image/jpeg).
• tmp_name – a localização temporária do ficheiro.
• error – Um código de erro correspondente ao erro ocorrido no envio do ficheiro (0 se não forem encontrados erros).
• size – Tamanho do ficheiro em bytes

Cada ficheiro é guardado como um array multidimensional na superglobal $_FILES, que é acedida usando primeiro o campo “name” como a chave do array seguido do nome do campo que deseja saber – ex $_FILES['envio1']['nome']. Para perceber como funciona o $_FILES vamos criar um envio de ficheiro no ficheiro teste.php. Siga o exemplo do código abaixo:

No ficheiro HTML insira o código:

<form action="teste.php" method="post"
	enctype="multipart/form-data">
	<label for="photo">Imagem: </label>
    <input type="file" name="photo" />
    <input type="submit" value="Enviar imagem" />
</form>

No ficheiro teste.php insira o código:

<?php

if($_SERVER['REQUEST_METHOD'] == 'POST'){
	if(isset($_FILES['photo'])
	&& is_uploaded_file($_FILES['photo']['tmp_name'])
	&& $_FILES['photo']['error']==UPLOAD_ERR_OK) {
		foreach($_FILES['photo'] as $chave => $valor) {
			echo "$chave : $valor <br />";
		}
	}else{
		echo "O ficheiro não foi enviado";
}

}else{

?>
<form action="teste.php" method="post"
	enctype="multipart/form-data">
	<label for="photo">Imagem: </label>
    <input type="file" name="photo" />
    <input type="submit" value="Enviar imagem" />
</form>

<?php } ?>

E o resultado será o seguinte:

$_SESSION

Quando você necessitar de guardar um valor durante uma visita de um utilizador, a superglobal $_SESSION fornece uma solução fácil e prática. Quando uma variável $_SESSION é declarada, permanece na memória até que seja apagada de forma pretenciosa, o tempo de sessão acabe (o tempo de sessão por defeito é de 180 minutos) ou o navegador seja fechado. Um dos usos mais comuns para a superglobal $_SESSION é para guardar os dados de login de um utilizador. Desta forma você poderá criar o seu próprio formulário de login para um utilizador que já esteja registado. Durante o processo que irá concluir neste item, o seu script irá realizar as seguintes tarefas:

• Apresentar um formulário de registo
• Agradecer o registo do utilizador após o registo com sucesso
• Informar o utilizador que ele já está registado quando necessário (ex. caso ele refresque a página de registo)

Primeiro altere o seu ficheiro HTML e insira o seguinte código:

<form action="teste.php" method="post">
	<label for="utilizador">Utilizador: </label>
    <input type="text" name="utilizador" />
    <label for="email">Email: </label>
    <input type="text" name="email" />
    <input type="submit" value="Registar" />
</form>

De seguida altere o seu ficheiro teste.php e insira o seguinte código:

<?php

session_start();

if(isset($_SESSION['utilizador'])){
	echo "Já está registado como $_SESSION[utilizador].";
}

else if($_SERVER['REQUEST_METHOD'] == 'POST'){
	$trimutilizador = trim($_POST['utilizador']);
	$trimemail = trim($_POST['email']);
	if(!empty($trimutilizador)
	&& !empty($trimemail)){
		$uname = htmlentities($_POST['utilizador']);
		$email = htmlentities($_POST['email']);

		$_SESSION['utilizador'] = $uname;

		echo "Obrigado por se registar! <br />",
			"Utilizador: $uname <br />",
			"Email: $email <br />";
	}
	else {
		echo "Por favor preencha ambos os campos! <br />";
	}

}else{

?>
<form action="teste.php" method="post">
	<label for="utilizador">Utilizador: </label>
    <input type="text" name="utilizador" />
    <label for="email">Email: </label>
    <input type="text" name="email" />
    <input type="submit" value="Registar" />
</form>

<?php } ?>

E o resultado será o seguinte:

$_COOKIE

Os Cookies comportam-se de forma similar à sessões, mas eles permite-lhe guardar informação no equipamento do utilizador durante um maior período de tempo. A informação guardada nos cookies permanecem disponíveis mesmo que o utilizador feche o navegador, isto se assumirmos que a duração do cookie está definida por um longo período de tempo. Pode utilizar os cookies para fazer com que as visitas dos utilizadores ao seu website sejam mais apelativas, ao manter informações pertinentes mas não vitais. Este tipo de informações podem incluir definições que personalizam a experiência do utilizador no seu website, realizar tarefas repetitivas de forma automática ou permitir que o utilizador permaneça com o login efectuado durante mais tempo, evitando que seja necessário efectuar o login todas as vezes que visita o seu website. Em PHP, a superglobal $_COOKIE é utilizada para aceder aos valores dos cookies. No entanto, definir um cookie necessita que você utilize a função setcookie(). Para aprender, nada melhor que praticar a partir de um exemplo.

Abra o seu ficheiro teste.php e insira o seguinte código:

<?php

if(isset($_COOKIE['utilizador'])){
	echo "Bem-Vindo Novamente, ",
		htmlentities($_COOKIE['utilizador']),
		"<br />";
}

else if($_SERVER['REQUEST_METHOD']=='POST'
	&& !empty($_POST['utilizador'])){
		$uname = htmlentities($_POST['utilizador']);

		$expires = time()+7*24*60*60;
		setcookie('utilizador', $uname, $expires, '/');

		echo "Obrigado pelo seu registo, $uname! <br />";
}else{

?>
<form method="post">
	<label for="utilizador">Utilizador: </label>
    <input type="text" name="utilizador" />
    <input type="submit" value="Registar" />
</form>

<?php } ?>

O resultado é o seguinte – Página de registo:

Registo efectuado com sucesso:

Se actualizar a página, irá receber a informação de que já está registado e como tal irá ver uma mensagem de boas vindas:

E concluímos assim os 8 métodos para passar informação entre páginas em PHP!

Abraço e até já!

Artigos Recomendados

• Variáveis e Tipos de Dados em PHP (Parte I)
• 16 Estruturas de Controlo em PHP (Parte II)
• Como enviar Dados para o Browser com PHP
• Como funciona o PHP?
• Javascript para desenvolvedores PHP
• Guia Dreamweaver – CSS Avançado (Parte VI)

• $GLOBALS: Variáveis disponívels globalmente
• $_SERVER: Informação acerca do servidor
• $_GET:  Dados utilizados durante o método HTTP GET
• $_POST: Dados utilizados durante o método HTTP POST
• $_REQUEST: Dados utilizados durante um pedido HTTP
• $_FILES: Dados utilizados durante a introdução de um ficheiro HTML
• $_SESSION: Dados relativos à sessão actual do utilizador
• $_COOKIE: Dados guardados no navegador do utilizador como cookie

Não perca alguns dos nossos artigos anteriores relacionados com PHP:

• Comentários e Operadores em PHP
• Javascript para desenvolvedores PHP
• 75+ Ferramentas PHP extremamente úteis
• Como funciona o PHP?
• Diversos Truques e Dicas para PHP
• 16 Estruturas de Controlo em PHP (Parte II)

VARIABLE SCOPE

Na programação, o scope refere-se ao contexto em que declara uma variável. A maioria das variáveis em PHP têm um único scope: global. A utilização deste significa que uma variável estará disponível no script que a declara, bem como em qualquer script que seja incluído após a declaração da variável.

<?php

$teste = "teste";
include_once 'extras.php'; // $teste estará disponível no extras.php
$teste2 = "teste2"; // $teste2 não estará disponível no extras.php

echo "teste é $teste e teste2 é $teste2.";

?>

$GLOBALS

O PHP fornece uma opção para acessar as variáveis no scope global: o array superglobal $GLOBALS. Todas as variáveis no global são carregadas para o array $GLOBALS, permitindo o acesso ás mesmas utilizando o nome da variável como a chave do array:

<?php

$x = "um texto qualquer";

funcion test()
{
    echo $GLOBALS['x'];
}

test();
?>

Normalmente deve-se evitar a utilização de globals quando possível. O método preferido para aceder às variáveis globais dentro de funções é utilizá-las como argumentos. Isto torna os seus scripts mais simplificados e simples de ler e compreender, o que por si só simplifica a manutenção do mesmo ao longo do tempo.

$_SERVER

A superglobal $_SERVER guarda informação acerca do servidor e do script actual, ao mesmo tempo que tem também funcionalidades que lhe permitem aceder ao endereço IP de um visitante de um website, qual o site que o levou ao seu site, a outro tipo de informações interessantes. Uma das funcionalidades mais interessantes é utilizar a superglobal $_SERVER no nome do host do site, que é guardado em HTTP_HOST. O nome é útil porque permite-lhe criar um simples template que poderá utilizar em diferentes projectos sem necessitar de alterar qualquer código. Utilizando o código abaixo, poderá dar as boas vindas a um visitante do seu website:

<?php
    echo "<h1> Bem-Vindo ao $_SERVER[HTTP_HOST]! </h1>";
?>

Correndo este pequeno script no seu computador, iria retornar “Bem-Vindo ao localhost!” pois o seu script está a ser rodado localmente. Se utilizar este script online, irá retornar “Bem-Vindo ao seusite.com!”. Ao longo do tempo e explorando as opções você irá encontrar vários usos para o HTTP_POST nos seus scripts. Aqui ficam alguns:

<?php

// Caminho para o ficheiro actual (por ex. /site/index.php)
echo $_SERVER['PHP_SELF'];

// Informação acerca do navegador do utilizador
echo $_SERVER['HTTP_USER_AGENT'];

// Endereço da página que enviou o utilizador
echo $_SERVER['HTTP_REFERER'];

// Endereço IP do utilizador
echo $_SERVER['REMOTE_ADDR'];

?>

Correndo este script irá retornar todas estas informações citadas.

$_GET

Este método é um dos dois métodos mais utilizados para passar informação entre páginas. Os dados através do $_GET são passados através do URL, e essas informações são inseridas após o endereço actual do website – http://www.escolacriatividade.com?var1=valor1&var2=valor2. A sintaxe é fácil, começa com um ponto de interrogação, de seguida vem a variável seguida de um sinal de igual e do valor da variável. Para adicionair mais que uma, utiliza-se um “&” a separar. Felizmente para facilitar este processo, PHP contém uma função de encurtamento do URL, que pode ser utilizada para preparar os valores para serem passados através de um URL.

Esta função é utilizada em parelha com o urldecode() e juntas permitem-lhe passar valores complexos através do url:

<?php

relatorio_erro(E_ALL);

$var = "Este é um valor complexo e necessita de ser codificado.";

//saída da string original
echo $var, "<br /><br />";

//Codificar a string
$ext = urlencode($var);

//Dar o Output da string codificada
echo $ext, "<br /><br />";

//Descodificar a string e o output
echo urldecode($ext);

?>

Espero que tenha compreendido todos os passos. Este é o primeiro de vários artigos sobre esta temática relacionada com PHP. Se tive dúvidas, questões ou pretender simplesmente dar o seu ponto de vista, deixe um comentário!

Abraço e até já!

Artigos Recomendados

• 16 Estruturas de Controlo em PHP (Parte II)
• Como passar informação entre páginas em PHP (Parte II)
• Comentários e Operadores em PHP
• Como enviar Dados para o Browser com PHP
• Variáveis e Tipos de Dados em PHP (Parte I)
• Como funciona o PHP?

1. BORDERS & NEGATIVE MARGINS

Este método é bastante conhecido e também bastante simples de aplicar. Consiste em definir limites e margens negativas para dar a ilusão de colunas com largura igual. Como temos vindo a dar enfase, o melhor para aprender é praticar, e é isso que vamos fazer:

1. Crie um ficheiro HTML com o seguinte código:

   <body>
   <div id="container">
   	<div id="sidebar">
   		<p>Sidebar</p>
   	</div>
   	<div id="content">
   		<p>Main content</p>
   	</div>
   </div>
   </body>

2. De seguida crie um ficheiro CSS, insira o código abaixo e linke-o ao documento HTML. Se não souber como o fazer, visite o artigo Programação CSS para iniciantes (Parte I).

   #container {
   	width:960px;
   	margin: 0 auto;
   }
   #content {
   	float:left;
   	width:700px;
   	border-left: 260px solid #555;
   }
   #sidebar {
   	float: left;
   	width:260px;
   	margin-right: -260px;
   	position: relative;
   }

3. Guarde o ficheiro HTML e o ficheiro CSS e observe o resultado prematuro:
   
4. Neste método as cores de fundo são definidas em #content no ficheiro CSS. Definimos o limite a 260px para criar espaço para a sidebar  e definimos o fundo desse limite, que é o fundo da sidebar. Depois define-se a margem direita negativa de 260px para mover a sidebar para onde queremos, no espaço que criámos dentro do #content, para mover a sidebar para onde queremos. Como o #container está hierarquicamente por cima da #sidebar, é necessário dar a posição relativa para que saia de trás do #content. E basicamente temos as colunas criadas!

2. PSEUDO COLUMNS

As pseudo colunas são uma boa alternativa às “faux columns” pois não necessitam de utilizar uma imagem no fundo como uma cor de fundo. No entanto este método continua a ser similar às faux columns pois também envolve o método de definir um fundo no container. Este não é um método comum, e por isso mesmo é um pouco restrito relativamente a onde pode ser aplicado, mas quando encontrar essa situação onde pode ser aplicado, funciona perfeitamente. Passamos a praticar:

1. Crie um ficheiro HTML e insira o seguinte código:

   <body>
   <div id="container">
   	<div id="sidebar">
   		<p>Sidebar</p>
   	</div>
   	<div id="content">
   		<p>Main content</p>
   	</div>
   </div>
   </body>

2. De seguida crie um ficheiro CSS, insira o código abaixo e linke-o ao documento HTML. Se não souber como o fazer, visite o artigo Programação CSS para iniciantes (Parte I).

   #container {
   	background: #555;
   	overflow: hidden
   }
   #content {
   	float:left;
   	width:75%;
   	background:#eee;
   }
   #sidebar {
   	float:left;
   	width:25%;
   	background:#555;
   }

3. Guarde os ficheiros e observe o resultado:
   
4. Além da utilização de percentagem ao invés de px, irá notar algumas diferenças relativamente aos outros métodos, como a definição da cor de fundo no #sidebar e no #content. Como referimos neste caso utilizamos uma cor de fundo, e não uma imagem de fundo. A limitação deste método prende-se com o facto de ter de haver uma coluna mais pequena que outra, uma diferença que não se deverá notar por parte de quem visita a página.

3. FAUX COLUMNS

Este método já data de 2004, quando foi introduzido pela primeira vez numa página web. Não só por causa da sua antiguidade mas também pela sua facilidade e fiabilidade, as faux columns são provavelmente o melhor método para criar colunas de igual largura. Em termos básicos, consiste em utilizar uma imagem que é repetida verticalmente, mantendo desta forma a mesma largura ao longo do eixo vertical. Vamos praticar:

1. Crie um ficheiro HTML e insira o seguinte código:

   <body>
   <div id="container">
   	<div id="sidebar">
   		<p>Sidebar</p>
   	</div>
   	<div id="content">
   		<p>Main content</p>
   	</div>
   </div>
   </body>

2. De seguida baixe este ficheiro e insira-o na pasta onde estiverem os ficheiros HTML e CSS. Crie um ficheiro CSS, insira o código abaixo e linke-o ao documento HTML. Se não souber como o fazer, visite o artigo Programação CSS para iniciantes (Parte I).

   #container {
   	width:960px;
   	margin:0 auto;
   	background: url("faux-columns.png") repeat-y;
   	overflow: hidden
   }
   #sidebar {
   	float:left;
   	width:340px;
   }
   #content {
   	float:left;
   	width:620px;
   }

3. Guarde os ficheiros HTML e CSS e observe o resultado:
   
4. Por outro lado também poderia ter sido usado o <body> como container, mas é preferível criar uma div para esse efeito. O container tem a largura de 960px, e essa largura terá de ser dividida entre a sidebar e o content. Para fazer uma divisão esteticamente bonita, optámos por criar a sidebar com 340px e o container com 620px. Aquilo que irá diferenciar a sidebar e o content é a sua cor de fundo. Como referenciámos anteriormente, utilizámos uma imagem como cor de fundo não só para dar cor como também para delimitar as áreas de conteúdos. Como nota adicional, é necessário definir o overflow: hidden para que  a div container se mantenha como pretendemos. Este método é especialmente indicar para larguras fixas, mas poderá obter bons resultados com larguras não fixas.Obviamente não está limitado à cor e estética dada pela imagem de fundo, podendo adicionar efeitos ao seu gosto e alterando a imagem de fundo.

Abraço e até já!

Artigos Recomendados

• Programação CSS para iniciantes (Parte I)
• 15 Selectores CSS que nunca deverá esquecer!
• Como criar o seu próprio ícone RSS Feed com CSS3
• Como criar uma caixa flutuante de Redes Sociais para o seu site?
• Melhore a utilização de HTML5 e CSS3 com Modernizr

Não perca alguns dos conteúdos anteriores relacionados com CSS:

• Aprender o básico sobre CSS
• Aprender o avançado sobre CSS
• 40 Ferramentas CSS Extremamente Úteis e Poderosas
• Como criar um menu simples e bonito em CSS em apenas 2 passos
• 40 Ferramentas CSS Extremamente Úteis e Poderosas
• 10 Programas de Edição HTML e CSS para Windows e Linux
• CSS para Tótós!

1. :NOT

div:not(#teste) {
   color: red;
}

Imagine que quer seleccionar todas as div à excepção da div #teste – utilize :not.

2. :HOVER

div:hover {
  background: #ffffff;
}

Com :hover poderá definir o que acontece quando o mouse passa por cima de algo.

3. :CHECKED

input[type=radio]:checked {
   border: 3px solid red;
}

Com :checked irá actuar apenas elementos seleccionados, como um radio button ou uma checkbox.

4. a[href$=".jpg"]

a[href$=".jpg"] {
   color: red;
}

Com este código irá actuar apenas no texto âncora que estiver a linkar para imagens, irão ficar a vermelho.

5. a[href^="http"]

a[href^="http"] {
   background: url(path/icon_links.jpg) no-repeat;
   padding-left: 10px;
}

Com este código irá posicionar uma imagem definida junto aos links para indicar aos seus visitantes que irão estar a navegar para fora do seu website.

6. a[href*="criatividade"]

a[href*="criatividade"] {
  color: #ff0000;
}

Com este código, todos os links que tiverem “criatividade” irão ser estilizados de acordo com o definido.

7. a[href="http://www.escolacriatividade.com"]

a[href="http://www.escolacriatividade.com"] {
  color: #ff0000;
}

Este código é semelhante ao anterior mas é mais específico, podendo definir cores diferentes para diferentes websites.

8. a[title]

a[title] {
   color: red;
}

Este código irá seleccionar apenas os textos âncora que tenham o atributo title e estilizá-los de acordo com o definido.

9. ~

ul ~ p {
   color: red;
}

Com este código você irá seleccionar todos os elementos “p” desde que sejam precedidos por um “ul”.

10. +

ul + p {
   color: red;
}

Com este códigovocê irá seleccionar apenas o elemento “p” que seja precedido por um “ul”.

11. :visited e :link

a:link { color: red; }
a:visted { color: green; }

Este código é extremamente fácil de compreender: o link activo e os links visitados irão ser estilizados de acordo com o definido.

12. X

o X simboliza qualquer selector, isto é, se utilizar um a ou um ul irá estar a estilizar todos os elementos.

a { color: red; }
ul { margin-left: 20px; }

13. .X

.alarm {
  color: green;
}

Este é um selector de classes, a diferença entre uma classe e um id é que com uma classe podemos alcançar múltiplos elementos.

14. #X

#teste {
   width: 500px;
   margin: auto;
}

Este é um selector de id. A diferença entre uma classe e um id é que com uma classe podemos alcançar múltiplos elementos.

15. *

* {
 margin: 5px;
 padding: 0;
}

Tal como é usado em outras àreas, o asterisco selecciona tudo. Aquilo que definir será aplicado a todos os elementos da página.

Abraço e até já!

Artigos Recomendados

• Programação CSS para iniciantes (Parte I)
• Guia Dreamweaver – CSS Avançado (Parte VI)
• Programação CSS para iniciantes (Parte IV)
• 3 Métodos para criar colunas de largura igual com CSS
• Como criar um campo de pesquisa estilizado com CSS3!
• Como criar o seu próprio ícone RSS Feed com CSS3

1. ECHO()

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:

<?php
echo "Bem-vindo à ", "Escola Criatividade";
?>

Neste caso temos duas strings, e ambas irão ser concatenadas sendo o output “Bem-vindo à Escola Criatividade”. É possível fazer algo semelhante utilizando variáveis:

<?php
$welcome = "Bem-vindo à ";
$escola = "Escola Criatividade";
echo $welcome, $escola;
?>

O output é exactamente o mesmo, “Bem-vindo à Escola Criatividade”, 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.

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.

2. PRINT()

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:

<?php
print ("Bem-vindo à Escola Criatividade");
?>

O output será “Bem-vindo à Escola Criatividade”. 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.

3. PRINTF()

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 “Print Formatted”. 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:

<?php
printf("Bem-Vindo à %s!", "Escola Criatividade");
?>

O output deste código é “Bem-Vindo à Escola Criatividade!” Confuso? Passamos a explicar:

Com o código acima, criámos uma string com formatação “Bem-Vindo à %s!” 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:

<?php
$qtd1 = 1.55;
$qtd2 = 2.55;
$total = $qtd1 + $qtd2;

echo 'O total é $', $total;
?>

O que seria expectável seria que o resultado desse $4.10, no entanto o output seria $4.1 – Necessitamos de especificar que é um numero decimal e que que queremos 2 casas decimais no número. Este processo é simples:

<?php
$qtd1 = 1.55;
$qtd2 = 2.55;
$total = $qtd1 + $qtd2;

echo 'O total é $%.2f', $total;
?>

Neste caso, o output seria “O total é $4.10″, pois utilizámos %.2f para especificar o que pretendíamos.

4. SPRINTF()

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).

<?php
$testeana = sprintf("%.1f", 9);
$testejoao = sprintf("%.1f", 9.5);
echo 'A Ana teve ',$testeana, ' valores, e o João teve ',$testejoao, 'valores.';
?>

Como especificamos que queríamos uma casa decimal, o output seria “A Ana teve 9.0 valores, e o João teve 9.5 valores”. Como se pode verificar acima, o valor na variável $testeana não era 9.0, mas sim 9.

VOCÊ TRABALHA COM PHP?

Você trabalha com PHP? Deixe a sua contribuição a este artigo e aumente o conhecimento dos leitores da Escola Criatividade!

Abraço e até já!

Artigos Recomendados

• Como passar informação entre páginas em PHP (Parte II)
• Variáveis e Tipos de Dados em PHP (Parte I)
• Como funciona o PHP?
• Javascript para desenvolvedores PHP
• Guia Dreamweaver – CSS Avançado (Parte VI)
• Como passar informação entre páginas em PHP (Parte I)

Se desejar, poderá subscrever a nossa newsletter gratuita e receber os próximos conteúdos diretamente na sua caixa de email:

1. DESCENDANT SELECTORS

Um Descendant Selector é particularmente útil em casos onde você necessite de ter estilos separados no mesmo elemento. Quer isto dizer que se tiver necessidade de diferenciar texto na sua sidebar, poderá aplicar uma classe à tag <p> em todos os parágrafos. Mas, para facilitar essa tarefa surgiu um novo método, que consiste em aplicar uma classe da sidebar a um elemento e definir a cor para todos os elementos p dentro desse elemento para uma cor à sua escolha, utilizando um trecho de código CSS bastante simples:

p {
    color: #006654;
}
.sidebar p {
    color: #FFFFFF;
}

Então, para aplicarmos este estilo:

<div class="sidebar">
    <p>Este parágrafo irá ter a cor branca.<p>
</div>

2. CHILD SELECTORS

Os Descendant Selectors abrangem todos os elementos que sejam descendentes directos do elemento principal, e isto inclui todos os elementos que não estão directamente ligados. Passamos a explicar:

<div class="sidebar">
    <p>Este parágrafo irá ter a cor branca.<p>
    <div class="alternativo">
        <p>Ao utilizarmos um Descendant Selector, este parágrafo irá ficar branco também. No entanto, se utilizarmos um Child Selector, irá ficar de outra cor.</p>
    </div>
</div>

No caso acima, e utilizando o código que apresentámos nos Descendant Selector, o parágrafo dentro da classe “alternativo” iria ser branco também, pois mesmo não estando directamente ligado à classe “sidebar”, está dentro da sua div. Para evitar isto, temos de fazer uma pequena alteração ao código:

p {
    color: #006654;
}
.sidebar>p {
    color: #FFFFFF;
}

Ao introduzirmos “>” estamos a indicar que aquela cor só irá ser aplicada aos parágrafos que estejam directamente ligados à classe “sidebar”. Desta forma podemos assegurar que apenas esses irão ser estilizados, e que será possível dentro do mesmo div, ter estilos diferentes.

Nota: Para os leitores que persistem em manter a compatibilidade com os navegadores mais antigos, o Internet Explorer 6 não suporta os Child Selectors.

3. ADJACENT SELECTORS

Um Adjacent Selector só irá afectar os elementos que sejam adjacentes a um elemento especificado. Passamos a explicar:

<h2>Título em cor branca</h2>
<p>Subtítulo em cor branca</p>
<p>Texto em cor preta</p>

O elemento adjacente ao elemento <h2> é o que vem imediatamente a seguir, <p>. Então esses dois elementos irão ser estilizados de igual forma, com a mesma cor. Os próximos irão retomar a sua cor normal. Para o fazer, basta utilizar o seguinte código:

p {
    color: #000000;
]
h2+p {
    color: #FFFFFF;
}

Aqui definimos que os parágrafos têm a cor preta, e definimos também que o heading H2 irá ter a cor branca, bem como o elemento <p> adjacente a ele. Apenas o primeiro parágrafo irá ser mostrado com a cor branca, enquanto que o segundo parágrafo irá ter a cor preta, pois não é adjacente a um elemento H2.

Nota: Para os leitores que persistem em manter a compatibilidade com os navegadores mais antigos, o Internet Explorer 6 não suporta os Adjacent Selectors.

Esta foi a última parte dos artigos sobre os Selectores CSS. Se desejar continuar a seguir as nossas publicações, poderá subscrever a nossa newsletter gratuita e receber os próximos conteúdos diretamente na sua caixa de email:

E VOCÊ, UTILIZA OS SELECTORES CSS?

Você utiliza os selectores CSS? Partilhe com a comunidade criativa a sua experiência e fique a conhecer as opiniões de outros leitores!

Abraço e até já!

Artigos Recomendados

• O que são selectores CSS? (Parte I)
• Programação CSS para iniciantes (Parte II)
• Programação CSS para iniciantes (Parte IV)
• Programação CSS para iniciantes (Parte III)
• Programação CSS para iniciantes (Parte I)
• Começando com CSS – Dê os primeiros passos em segurança

Esta é a primeira parte de uma série de artigos, pelo que se tiver ideias ou sugestões, participe e deixe o seu comentário! Se desejar, poderá subscrever a nossa newsletter gratuita e receber os próximos conteúdos diretamente na sua caixa de email:

Como vimos no artigo Começando com CSS – Dê os primeiros passos em segurança, os selectores no exemplo acima são h1 e h2. Vamos agora explicar quais os selectores mais utilizados em CSS.

1. TYPE SELECTORS

Os Type Selectors são a forma mais simples de um selector, que é aquele que apresentámos anteriormente. Você ao dar um nome a um elemento HTML, pode-lhe aplicar um estilo ao longo de todo o documento, cada vez que esse elemento aparecer. Então, os Type Selectores são frequentemente utilizados para estilizar os elementos básicos que irão aparecer frequentemente no website, como os parágrafos. No exemplo a seguir, vamos estar a aplicar uma determinada estilização aos parágrafos:

p {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
    color: #000000;
}

Neste exemplo determinámos qual será o tipo de letra, o tamanho e a cor dos parágrafos

2. CLASS SELECTORS

O processo de determinar quais os estilos a aplicar nos elementos é bastante simples, mas e se você necessitar de aplicar uma estilização diferente a um elemento que já tem uma estilização definida? Utilizando as classes! Uma classe é como se fossem criados sub-elementos dentro dos elementos. Isto é especialmente útil em variadíssimos casos, mas vamos focar a nossa atenção entre a área de conteúdos e a barra lateral do seu blog. Enquanto que você pretende ter os parágrafos com a cor preta na área de conteúdos, poderá pretender ter a cor branca na barra lateral. Então, para definir essa classe utilizamos a seguinte sintaxe:

p {
    color: #000000;
}
.barralateral {
    color: #FFFFFF;
}

Para diferenciar os elementos das classes, utiliza-se o ponto (.) –  assim será interpretado como um classe e não como um elemento. Então desta forma você poderá aplicar a estilização destinada aos parágrafos da barra lateral. Para o fazer siga o exemplo abaixo:

<p class="barralateral">Este texto será formatado de acordo com a classe "barralateral".</p>

Apesar de estarmos a utilizar a classe para os parágrafos, ela pode ser aplicada em outros elementos, como links. Se você introduzir um link na barra lateral, ele ia ser processado como seria em qualquer parte do seu website. Então, se não quer ter uma diferenciação de cores, aplique a classe ao elemento:

<p class="sidebar"> Este texto será formatado de acordo com a classe "barralateral", enquanto que o <a href="www.escolacriatividade.com">link1</a> não será, e o <a class="barralateral" href="www.escolacriatividade.com">link2</a> será.</p>

Se quiser ir mais longe e pretender diferenciar os links, aplicando por exemplo negrito, terá de definir alguma estilização primeiro:

p {
    color: #000000;
}

.barralateral {
    color: #FFFFFF;
}

a.sidebar:link, a.sidebar:visited {
    font-weight: bold;
}

Aqui fizémos uma combinação entre um Type Selector e um Class Selector, utilizando 2 pseudo-classes (que iremos explicar mais à frente) link e visited. Assim, você iria ter o texto a branco, e os links a branco e negrito. De notar que se você introduzir cor onde definimos o negritos para os links, o texto irá assumir essa cor, pois CSS dá mais importância quanto mais específica for a estilização – neste caso estamos a ser bastante específicos ao querer que os links fiquem a negrito, mesmo depois de clicados.

3. ID SELECTORS

Os ID Selectors são usados para seleccionar um elemento em particular. Quer isto dizer que você poderá utilizar os ID Selectors para estilizar o mesmo elemento de formas diferentes:

<p id="para2"> Este parágrafo irá ser estilizado de acordo com o ID Selector "para2"</p>

Para definir a estilização do ID “para2″ fazemos o seguinte:

#para2 {
    color: #FF0066
}

Os ID Selectores podem também ser utilizados em combinação com outros tipos de selectores:

#para2 .adicional {
    font-weight: bold;
    color: #FF0066
}

Aqui fizemos uma combinação entre um ID Selector e um Class Selector, e desta forma sempre que aparecer um elemento com a classe “adicional” nos parágrafos com a ID “para2″ irão ser estilizados de acordo com o especificado.

Não perca a continuação deste artigo, e subscreva a nossa newsletter gratuita e receba os próximos conteúdos diretamente na sua caixa de email:

Abraços e até já!

Artigos Recomendados

• O que são selectores CSS? (Parte II)
• Programação CSS para iniciantes (Parte IV)
• Programação CSS para iniciantes (Parte II)
• Começando com CSS – Dê os primeiros passos em segurança
• Guia Dreamweaver – CSS Avançado (Parte VI)
• Como passar informação entre páginas em PHP (Parte II)

1. COMO DEFINO ESTILOS EM CSS?

O princípio básico de CSS é permitir que os designers possam definir estilos, que são os detalhes de formatação, como os tipos de letra, tamanho do tipo de letra, tamanho dos elementos, cores, entre muitos outros detalhes. Depois torna-se mais fácil aplicar essa estilização aos elementos da página, utilizando os selectores. Vejamos como isto é feito recorrendo a este exemplo:

<h1> Título Principal </h1>
<p> Texto relativo ao título principal </p>

<h2> Título Secundário </h2>
<p> Texto relativo ao título secundário </p>

Neste caso, o título principal e o título secundário iriam ser formatados usando a folha de estilos interna do browser. Agora, usando um tipo de estilização que vamos estudar mais à frente, vamos definir a estilização dos títulos principais (h1) e títulos secundários (h2):

<head>
    <style type="text/css">
        h1,h2{
            font-family:sans-serif;
            color:#FF0000;
        }
    </style>
</head>
<body>
<h1> Título Principal </h1>
<p> Texto relativo ao título principal </p>

<h2> Título Secundário </h2>
<p> Texto relativo ao título secundário </p>
</body>

Esta formatação ou estilização deve ser sempre introduzida no príncipio do documento, dentro da tag <head>. Neste momento você já tem uma pequena ideia do propósito do CSS, e como acontece em outras situações, você pode aplicar a estilização de diversas maneiras, como vamos perceber mais à frente.

2. ESTILIZAÇÃO EM LINHA

Este é considerado o método mais simples de introduzir a estilização nas suas páginas web. O estilo em linha é aplicado ao elemento em questão através do seu atributo style:

<p style="font-family:sans-serif; color:#FF0000;">
Este parágrafo tem a estilização descrita acima
</p>

A estilização em linha não tem selectores e as declarações de estilo são aplicadas ao elemento em questão, neste caso é a tag <p>. No entanto, apesar do benefício de ser o método mais simples de aplicar estilização, a estilização em linha tem uma grande desvantagem – é impossível reutilizá-las. A título de exemplo, a estilização que foi aplicada acima não poderá ser reutilizada porque não tem como o fazer. Se quisermos aplicar a mesma formatação a outro elemento, teremos de escrever tudo novamente. Outro inconveniente tem a ver com alterações ao código: se pretendermos alterar a estilização, temos de percorrer todo o código até encontrarmos o elemento que pretendemos alterar.

3. ESTILIZAÇÃO EMBUTIDA

Outra alternativa para introduzir estilização nos elementos é através da estilização embutida. Este foi o exemplo que demos no início do artigo, em que aplicámos estilização ao H1 e H2. Com esta alternativa, você pode declarar toda a estilização no início do documento, dentro da tag <style>, que por sua vez estará dentro da tag <head>:

<head>
    <style type="text/css">
        Aqui você introduz a estilização
    </style>
</head>

O atributo type especifica a linguagem que você estará a utilizar quando está a definir a estilização. Neste caso utilizamos text/css porque vamos utilizar a linguagem CSS. Uma grande vantagem em relação à estilização em linha tem a ver com o facto de que se você necessitar de fazer uma alteração nos estilos do documento, tem tudo no mesmo lugar. Desta forma, você poderá poupar imenso tempo quando for necessário fazer uma alteração na estilização do mesmo, ao contrário do que acontece no exemplo anterior onde terá que procurar em todo o documento pelo elemento de estilização em questão. Por outro lado tem uma desvantagem relacionada com a utilização de vários estilos em todo o seu website, e não só no documento em questão. No entanto também existe uma solução para isso. A folha de estilos externa.

4. FOLHA DE ESTILOS EXTERNA

A folha de estilos externa é um ficheiro (que normalmente tem a extensão .css) onde estão todos os estilos de uma página web, evitando desta forma a introdução de estilos em cada documento, ou em cada elemento em separado dentro do documento. Com a utilização deste método você pode ligar todas as páginas do seu website ao mesmo ficheiro .css, e quaisquer alterações que faça neste ficheiro, irão ter efeito em todo o website. É portanto razoável concluir que este será o método que mais de adequa à maioria dos websites, permitindo poupar imenso tempo, não só na concepção da estilização, como também na hora de efectuar alguma alteração.

Para fazer a ligação a uma folha de estilos externa (neste caso utilizaremos o ficheiro style.css) basta introduzir a ligação ao mesmo, dentro da tag <head>:

<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

Vamos agora utilizar o exemplo apresentado no início do artigo, mas desta vez vamos aplicá-lo na folha de estilos externa:

h1,h2 {
       color: #FF0000
       font-size: 12px;
       font-family: sans-serif;
      }

Agora que temos o nosso ficheiro style.css criado (o indicado é estar no root do website), podemos fazer a ligação ao mesmo dentro do documento:

<head>
    <title> Página de Exemplo </title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
    <h1>Título Principal</h1>
    <p> Texto relativo ao título principal</p>

    <h2> Título Secundário </h2>
    <p> Texto relativo ao título secundário </p>
</body>

Neste pequeno trecho de código omitimos as tasgs <meta> e <html>.

Para o auxiliar na produção do seu código HTML/CSS aconselhamos-lhe os nossos artigos 10 Programas de Edição HTML e CSS para Windows e Linux e ainda 8 Programas de Edição HTML e CSS para Mac.

Este ficheiro pode ser introduzido em qualquer documento do seu website, podendo desta forma optimzar o seu tempo, reutilizando o que já escreveu anteriormente, obviamente sem necssidade de o reescrever.

5. SINTAXE

Uma folha de estilos é um conjunto de definições de estilo concentradas num só sítio, com o propósito de lhe proporcionar uma leitura fácil e ter toda a informação disponível rapidamente. Além disso, qualquer alteração que você faça neste ficheiro, irá ter efeito em todo o website.

Toda e qualquer declaração de estilo tem duas componentes principais:

• Uma lista de selectores, separados por vírgulas, que vão definir os elementos aos quais vão ser aplicados os estilos.
• As declarações, inseridas dentro de parêntesis  { }  que vão especificar a estilização a ser aplicada aos elementos.

As declarações contêm uma ou mais declarações de estilo e cada uma delas especifica um valor para uma propriedade. Para separar as diferentes propriedades utiliza-se o ponto e vírgula ;

Veja um exemplo ilustrativo abaixo:

O exemplo mostrado acima está escrito utilizando a escrita em linha. Este mesmo código poderá ser escrito de outra forma com indentação:

h1,h2{
      font-family: sans-serif;
      color: #FF0000;
     }

VOCÊ UTILIZA CSS REGULARMENTE?

Qual é o seu nível de familiarização com CSS? É novato ou experiente? Comente o artigo e deixe as suas ideias e partilhe a sua experiência com os outros utilizadores!

Abraço e até já!

Artigos Recomendados

• O que são selectores CSS? (Parte II)
• O que são selectores CSS? (Parte I)
• Guia Dreamweaver – CSS Avançado (Parte VI)
• Programação CSS para iniciantes (Parte IV)
• Como passar informação entre páginas em PHP (Parte II)
• Programação CSS para iniciantes (Parte II)

Se não leu ainda a parte I deste artigo, pode lê-lo aqui – Variáveis e Tipos de Dados em PHP (Parte I)

Considere também outros artigos relacionados com PHP:

• Diversos Truques e Dicas para PHP
• Como Funciona o PHP?
• Javascript para Desenvolvedores PHP

O QUE SÃO INTEGERS?

Um Integer é um número inteiro positivo ou negativo ( sem valores decimais). Por exemplo, os números 10 e -56 são integers, mas 1,5 não é. Como o PHP é uma linguagem escrita, não há necessidade de declarar as variáveis como Integers, No entanto, se achar necessário pode fazê-lo usando a seguinte sintaxe:

$num = 27; // Ao não utilizar aspas, irá ser sempre integer
$num = (int) "3 De Março"; // Aqui será assumido o 3
$num = (int) "Seis"; // Aqui será assumido 0
$num = (int) "Seis 5"; //  Aqui será assumido 0

O valor de uma string irá sempre ser zero a não ser que a mesma comece com um valor numérico, como por exemplo “20 dias”. Neste caso será assumido o 20.

O QUE SÃO FLOATS?

Os números Float são números de valor decimal, ou números reais. Isto inclui números como 2,11111 ; 3,14 ou 1,1. Há que tomar em atenção o facto de que os números float podem produzir resultados inesperados, pois é impossível representar todos os valores com um número limitado de dígitos. Um bom exemplo disso mesmo é 1/3, que leva à repetição decimal 0,333333333(3). Por esta razão não deverá utilizar Floats para efeitos de comparação.

É possível verificar se uma variável é do tipo float, utilizando ou a função is_float() ou is_real():

<?
  $valor = 1.7;

  if(is_float($valor)){
    echo 'A variável $valor é do tipo float';
  }
?>

O QUE SÃO VALORES BOOLEAN?

Um valor Boolean é a forma mais simples de dados. Apenas pode conter dois valores – True ou False. É importante referir que False (sem aspas) é diferente da string “False”, tal como acontece com True. De salientar também que os valores Boolean não são sensíveis a maiúsculas. Os valores Boolean são especialmente úteis quando se determina se uma condição existe. Por exemplo, utilizando uma declaração If-Else, podemos efectuar uma série de acções se o valor for verdadeiro:

<?php
    if($condicao === true)
    {
        echo 'A condição é Verdadeira';
    }
    else
    {
        echo 'A condição é Falsa';
    }
?>

O QUE SÃO ARRAYS?

Arrays são um dos tipos de dados mais poderosos e importantes em PHP, devido à sua capacidade de indexar informação usando uma chave. Isto significa que um array pode guardar várias partes de informação na mesma variável, todas indexadas por uma chave. Imaginando que estamos a falar de um blog, e pretende guardar um artigo em variáveis sem a utilização de arrays, utilizaria o seguinte:

<?php
        $art_titulo="Titulo do Artigo";
        $art_data="6 de Maio de 2011";
        $art_autor="Diogo Espinha";
        $art_texto="Este é um exemplo de artigo.";
?>

Este processo pode-se tornar confuso ao longo do tempo, então para simplificar utiliza-se um array:

<?php
    $artigo = array(
        'titulo'=>'Titulo do Artigo',
        'data'=>'6 de Maio de 2011',
        'autor'=>'Diogo Espinha,
        'texto'=>'Este é um exemplo de artigo.'
        );
?>

O ganho na utilização de um array resido no facto de que simplifica o processo e passa a ter a informação toda na mesma variável, neste caso a variável $artigo. Então, para você acessar os dados dentro do array, siga o exemplo abaixo:

<?php
    echo $artigo['titulo'];
    echo $artigo['data'];
    echo $artigo['autor'];
    echo $artigo['texto'];
?>

Neste caso utilizámos um mapeamento manual, mas podemos utilizar um mapeamento automático, que é numérico e começa em zero. Desta forma você acessa os valores dentro do array que foram indexados automaticamente utilizando o mapeamento numérico, sem a utilização de aspas. Então, para criar o mapeamento automatico, siga o exemplo abaixo:

<?php
    $artigo=array('Titulo do artigo','6 de Maio de 2011','Diogo Espinha','Este é um exemplo de artigo.');
?>

Então, como o mapeamento automático começa em zero, “Título do artigo” terá o index 0, “6 de Maio de 2011″ terá o index 1, “Diogo Espinha” terá o index 2 e “Este é um exemplo de artigo.” terá o index 3.

Agora podemos utilizar este mapeamento para criamos a saída que quisermos. Se pretender mostrar todos os itens do array:

<?php
    echo $artigo[0];
    echo $artigo[1];
    echo $artigo[2];
    echo $artigo[3];
?>

Poderá também utilizar a concatenação e juntar 2 itens da variável na mesma saída:

<?php
    echo $artigo[0], ' Por ',$artigo[2],' no dia ',$artigo[1];
?>

A saída deste pequeno snippet seria “Título do artigo Por Diogo Espinha no dia 6 de Maio de 2011″.

GOSTARIA DE PARTILHAR OS SEUS CONHECIMENTOS?

Gostamos imenso que os nossos leitores participem nos nossos artigos, contribuindo com o seu conhecimento para a comundidade criativa. Não perca mais tempo, comente já o artigo e deixe a sua participação!

Abraços

Artigos Recomendados

• Variáveis e Tipos de Dados em PHP (Parte I)
• Como funciona o PHP?
• 10 Programas de Edição HTML e CSS para Windows e Linux
• Guia Dreamweaver – CSS Avançado (Parte VI)
• Como passar informação entre páginas em PHP (Parte II)
• Como enviar Dados para o Browser com PHP

• Tutorial: Introdução ao PHP
• Diversos Truques e Dicas para PHP
• Javascript para desenvolvedores PHP
• Como Funciona o PHP?
• Tutorial: Como criar formulários de e-mail em PHP

Dando continuação, hoje apresentamos-lhe Variáveis e Tipos de Dados em PHP – Parte I. Esta é a primeira parte de uma série de artigos, pelo que se tiver ideias ou sugestões, participe e deixe o seu comentário! Se desejar, poderá subscrever a nossa newsletter gratuita e receber os próximos conteúdos diretamente na sua caixa de email:

O QUE É UMA VARIÁVEL?

Uma variável é uma palavra-chave ou frase que tem o propósito de identificar um valor guardado na memória do sistema. Isto pode ser extremamente útil, pois permite construir programas que irão executar uma série de acções no valor de uma variável. Significa que poderá alteral os valores de saída de um programa, alterando apenas o valor da variável.

COMO INTRODUZIR VALORES NUMA VARIÁVEL?

PHP permite-lhe guardar practicamente tudo numa variável, utilizando um dos seguintes tipos de dados:

• String – Caracteres alfanuméricos, como nomes ou frases.
• Integer – Valor numérico, números inteiros.
• Float – Valor numérico, números reais (decimais).
• Boolean – Devolve Verdadeiro ou Falso.
• Array – Variável que armazena mais do que um valor, indexando-os.
• Object – Colecção de dados e métodos.

O método de introdução de valores numa variável é bastante simples, siga o exemplo abaixo:

$escola = 'Escola Criatividade';

Neste exemplo, para identificar a variável perante o sistema utiliza-se $ seguido do nome da variável. A variável $escola tem o valor Escola Criatividade. sempre que a variável $escola for chamada, irá devolver Escola Criatividade. Simples!

O QUE SÃO STRINGS?

Uma String é uma série de caracteres, que formam uma palavra ou uma frase, encapsulados dentro de aspa dupla ” ou aspa única ‘. No entanto existem alguns caracteres que podem causar problemas se não efectuar uma manobra de evasão a essa situação, que é feita utilizando uma barra \. Esta situação regista-se particularmente quando se utiliza o apóstrofe numa string que está encapsulada em aspa única. Veja o exemplo abaixo:

$weather = 'It's raining today';

Neste caso, o script não saberá identificar se a palavra ou frase acaba a seguir ao It ou a seguir ao today, pois não faz a distinção se o apóstrofe faz parte da frase ou se está a indicar o final. Para evitar erros nesta situação, utilize o método abaixo:

$weather = 'It\'s raining today';

Desta forma, introduzindo uma \ antes do apóstrofe, estamos a indicar que o apóstrofe faz parte da frase. O apóstrofe não irá fazer parte da saída da variável.

SINTAXE DA ASPA ÚNICA

Encapsular uma string em aspa única é a maneira mais simples de criar uma string em PHP. É importante salientar que a aspa única tem uma grande particularidade – Não processa variáveis ou outro tipo de caracteres especiais (à excepção da situação retratada no ponto anterior), o que estiver escrito é aquilo que aparece. Vejamos um exemplo:

$escola = 'Escola Criatividade';
echo 'Esta é a $escola';

A saída será “Esta é a $escola” e não “Esta é a Escola Criatividade” como seria desejável.

SINTAXE DA ASPA DUPLA

A utilização da aspa dupla não é muito diferente da aspa única, sendo que a principal diferença reside no facto de que interpreta código que esteja encapsulado. Quer isto dizer que qualquer variável ou outro caracter especial irá ser processado normalmente pelo script. Vejamos um exemplo concreto:

$escola = "Escola Criatividade";
echo "Esta é a $escola";

Neste caso, a saída do script será “Esta é a Escola Criatividade”. Como vimos anteriormente, não é o que acontece com a utilização da aspa única.

CONCATENAÇÃO DE STRINGS

Durante o seu caminho enquanto programador PHP, irá certamente sentir a necessidade de juntar strings em um script. Apesar de à primeira vista poder parecer um processo um pouco mais complicado, pode ficar descansado pois é bastante simples. Para fazer a concatenação de strings apenas necessitará de um operador, neste caso o ponto (.). Para ter uma ideia, siga o exemplo abaixo:

$variavel = "Esta é uma " . "frase.";
echo $variavel;

Neste caso, a saída seria “Esta é uma frase.”. Apenas procedemos à concatenação de texto. Se pretender fazer a concatenação com variáveis siga o exemplo abaixo:

$variavel = "Esta é uma ";
$palavra = "frase.";
echo $variavel . $palavra;

Neste caso, concatenámos as variáveis $variavel e $palavra, produzindo a saída “Esta é uma frase.”. Esta situação abre portas a uma imensidão de opções e soluções que você poderá explorar com o tempo e com a experiência de utilização.

E VOCÊ, ESTÁ A ACOMPANHAR OS NOSSOS CONTEÚDOS?

Gostamos imenso de saber qual a opinião e dúvidas dos nossos leitores. Comente o artigo, exponha suas dúvidas e receba o feedback da comunidade criativa! Se desejar, poderá subscrever a nossa newsletter gratuita e receber os próximos conteúdos diretamente na sua caixa de email:

Abraço e até já!

Artigos Recomendados

• Como passar informação entre páginas em PHP (Parte II)
• Variáveis e Tipos de Dados em PHP (Parte II)
• Como enviar Dados para o Browser com PHP
• Como funciona o PHP?
• Javascript para desenvolvedores PHP
• Ciclos, Declarações e Variáveis em PHP