7 de setembro de 2008

Formatação de Textos e Títulos

A formatação de textos e títulos em HTML é importante para estruturação correta de seu site. Para a formatação de textos utilizamos a tag

entre os parágrafos e para os títulos utilizamos as tags <h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>, <h5></h5> e <h6></h6>.

Parágrafo
A tag <p></p> possui um atributo que permite a formatação do alinhamento do texto, temos as seguintes opções de alinhamento:

<p align="center"> (alinhamento ao centro)
<p align="justify"> (alinhamento justificado)
<p align="left"> (alinhamento à esquerda)
<p align="right"> (alinhamento à direita)

Títulos
Assim como a tag de parágrafo, a tag de títulos também possui os referidos atributos de alinhamento citado acima.
A definição de títulos é muito importante, pois é ele que sugere o tema do seu texto. Existem 6 tipos citado anteriormente. Essa escala de h1 até h6 representa a hierarquia de títulos e subtítulos. O h1 representa o título principal, h2 subtítulo de h1, h3 subtítulo de h2 e assim por diante até h6.

Exemplos:

<p align="center">
texto ao centro

<p align="justify">
texto justificado texto justificado texto justificado texto justificado texto justificado texto justificado texto justificado texto justificado texto justificado texto justificado texto justificado texto justificado

<p align="left">
texto à esquerda

<p align="right">
texto à direita
<h1>Título</h1> Título
<h2>Título</h2> Título
<h3>Título</h3> Título
<h4>Título</h4> Título
<h5>Título</h5> Título
<h6>Título</h6> Título

Até o próximo post!

27 de agosto de 2008

Variáveis por referência em PHP

Em PHP podemos colocar um valor de uma variável por referência, ou seja, ao invés de conter seu próprio valor, ela aponta para uma outra variável e começam a compartilhar o mesmo valor. Para representar a variável por referência devemos utilizar o símbolo & na frete da variável que esta sendo apontada, veja o exemplo:


<?php
$Primeiro = 'Turma';

$Segundo = &$Primeiro;

echo $Primeiro;
echo $Segundo;
?>


Nesse exemplo a variável $Primeiro tem como valor Turma, na próxima linha tem a variável por referencia $Segundo que esta apontando para a variável $Primeiro e veja que esta utilizando o & na frente, e depois o programa ira imprimir o valor das duas variáveis que serão iguais.

Até o próximo post turma!

22 de agosto de 2008

Exemplos utilizando variáveis em PHP

Ola pessoal no post anterior mostrei os tipos de variáveis no php, agora mostrarei alguns exemplos utilizando essas variáveis:

  • Inteiro

<?php

$inteiro=5;

if ($inteiro == 5)

{

echo "O numero é igual";

}

else

echo "Numero diferente";

?>

Nesse exemplo se a variável $inteiro for igual a 5 ele ira imprimir na tela “O numero é igual” se não for igual ira imprimir “Numero diferente”, nesse caso a variável $inteiro é igual a 5. Neste exemplo eu utilizei if e else, mais pra frete explicarei melhor sobre o funcionamento deles.


  • String

<?php

$Texto="Turma";

echo "$Texto";

?>

Nesse exemplo a variável $Texto tem como valor a palavra “Turma”, o programa simplesmente vai imprimir o valor da variável.


  • Real

<?php

$real=5.56;

if ($inteiro == 5.56)

{

echo "O numero e igual";

}

else

echo "Numero diferente";

?>

Nesse exemplo se a variável $real for igual a 5.56 ele ira imprimir na tela "O numero é igual" se não for igual ira imprimir “Numero diferente”, nesse caso a variável $real é igual a 5.56.


  • Array

<?php

$exemplo = array(2, 3, 4, 4);

foreach ($exemplo as &$valor) {

$valor = $valor * 3;

echo "$valor";

}

?>

Neste exemplo criei uma array que contem os valores (2, 3, 4, 4) e utilizei um loop chamado foreach,onde a variável $valor esta fazendo uma “copia” da variável $exemplo, logo embaixo é multiplicado o valor da variável $valor por 3 ($valor = $valor * 3) e depois sera imprimido o resultado da multiplicação (echo "$valor";) que sera ( 6 9 12 12).

Até o próximo post turma!

10 de agosto de 2008

Tipos de variáveis em PHP

Em programação o conceito de variável é um espaço na memória que possui uma posição, endereço e nome, onde podemos armazenar um valor e troca-lo se for necessário. Cada programação tem seu modo de representar suas variáveis.

No PHP utilizar variáveis é bem simples. Para escrever uma variável temos que seguir os segunites passos:

  • 1º passo: utilizar o caracter $(dólar).
  • 2º passo: nome da variável.
  • 3º passo: utilizar o sinal = (Igual).
  • 4º passo: valor da variável.
  • 5º passo: utilizar o sinal ; (ponto e virgula).

exemplo: $Variavel = 13; , $antigo = “Texto”;.

O PHP suporta os seguintes tipos de variáveis:

  • Inteiro: Números que não possuem decimais – exemplos: $inteiro = 5; , $numero = 10;.
  • Reais: Números que possuem decimais. Para representar-los devemos colocar o sinal . (ponto) para separa-los - exemplos: $decimal = 5.15; , $ decimal = 10.19;.
  • String: São textos que podem possuir números ou símbolos, a duas maneiras de você representa-la: por aspas simples ( ‘ ‘ ) ou por aspas duplas ( “ “ ) – exemplos: $texto=”texte”; $texto=’<--Verde-‘;.
  • Array: São variáveis que serve para guardar tabelas, podem ser números ou textos – exemplos: $tabela[1]=3; , $tabela[2]=”texto”;.

É isso ai turma! No próximo post darei exemplos utilizando variaveis, comentem ou mandem dúvidas.

6 de agosto de 2008

Definindo o cabeçalho de uma página HTML

No último post fiz a explicação básica da estrutura HTML. Vamos aprender a definir o cabeçalho de sua página e descobrir quais são os elementos principais dele.

O cabeçalho da página deve ser definido entre as tags <head></head> como mostrado no artigo anterior. As principais tags que podem ser definidas são:

<title></title> - define o nome da página que aparecerá na barra de título do navegador.

<meta /> - essa tag permite que se faça uma descrição do seu site, adição de palavras-chaves na sua página e definição da codificação do linguagem.

<link /> - tags que permite a inclusão de um arquivo externo, exemplo, arquivo de formatação css.

Abaixo um exemplo de como usar essa tags para definir o cabeçalho da página:
<html>
<head>
<title>Nome da Página</title>
<meta name="description" content="Aqui a descrição de sua página" />
<meta name="keywords" content="programação, linguagem html, php" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="estilo.css" type="text/css" />
</head>
<body>
< !-- Aqui o código html -->
</body>
</html>
Esses são os principais pontos para a criação de um cabeçalho correto, mas logicamente, existem outras definições mais avançadas que não são necessárias nesse momento. No próximo post aprenderemos a formatação de texto e títulos.

31 de julho de 2008

Começando a programar HTML

Basicamente a programação HTML se baseia no uso de tags, ou seja, são os comando que usamos para criar tabelas, links, títulos, etc. Uma tag pode aparecer de dois modos:

<comando></comando> - exemplos: <head></head>, <a></a>
Ou
<comando /> - exemplos: <br />, <img /> e <hr />

A estrutura básica de uma página é:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>

As tags <head></head> definem o cabeçalho da página. Entre elas vão ser colocadas as tags <meta /> e <title></title> para a definição de descrições, palavras-chave, título, entre outros.

As tags <body></body> representam o corpo da página. Entre elas será colocada todo o código HTML para a implementação da página. Esses códigos serão os responsáveis pela criação e visualização de sua página.

As tags <html></html> define que a linguagem utilizada é a HTML.

Recomenda-se usar programas com Dreamweaver ou Apatana que possuem funções de auto-completar comandos. Isso facilita muito para aqueles que ainda não guardaram os comandos principais da linguagem HTML.

No próximo post ensinarei como definir o cabeçalho de sua página.

19 de julho de 2008

Como Incluir seu Site em Buscadores

Olá pessoal! Estou trazendo mais informações para aqueles que fazem otimização de websites. Vamos aprender como incluir um site nos principais sistemas de busca como Google, Yahoo e MSN.
Primeiramente, vou logo avisando que incluir um site em um motor de busca não significa que ele aparecerá em uma boa posição nos resultados de buscas (SERPs). O posicionamento de um site depende muito do trabalho de SEO. Portanto, não espere aparecer nas primeiras páginas de resultados de começo.
A inclusão de um site pode ser feita de forma manual ou automática por várias ferramentas de busca através de software conhecido como "spider". Esse programa varre a internet a procura de sites com conteúdo relevante para a indexação. Nem todos os sites são indexados, isto porque existem algoritmos usados por ferramentas de busca que conseguem detectar técnicas de Black Hat SEO, que é terminantemente proibido. A penalidade que um site indexado tem por usar essas técnicas é o banimento do mesmo dos resultados de busca. Então, cuidado com o que você faz com seu site.

Vantagem: Usuários da internet geralmente usam buscadores para encontrar o que procuram, portanto se seu site estiver incluído nos resultados de busca, provavelmente o usuário o encontrará.

É importante ter cuidado com alguns sites que cobram por serviços para a inserção de seu site em buscadores. A inserção na maioria das vezes é feita de forma gratuita.
Aqui vai a URL das 3 ferramentas de busca que considero mais importante aqui no Brasil:

Google: http://www.google.tl/intl/pt-PT/add_url.html
Yahoo: https://siteexplorer.search.yahoo.com/submit
Msn: http://beta.search.msn.com/docs/submit.aspx

O tempo para a indexação varia muito e pode demorar por questões de avaliação de seu site.
É isso ai turma! Comentem ou mandem dúvidas.