
CMS JOOMLA

As variáveis são endereços de memórias capazes de armazenar informações. Uma variável só pode armazenar um valor por vez, esse valor pode ser alterado durante a execução do script. As variáveis são usadas para armazenar valores ou expressões.
Podemos criar uma variável utilizando a declaração da linguagem o comando var, ou podemos também omitir o comando var e cria-la de uma forma direta.
Sintaxe:
1 2 3 4 5 6 7 |
<script type="text/javascript"> var VARIAVEL; VARIAVEL = "valor"; </script> |
No javascript podemos omitir o tipo de dados da variável, o mesmo é definido na hora da atribuição de um valor, exemplo se a variável recebe um texto entre aspas ela é um string, mas se caso a mesma variável receber um valor numérico inteiro as mesma é um int.
Exemplo:
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> var VARIAVEL; VARIAVEL = "valor"; VARIAVEL = 13; </script> |
Um variável local é uma variável que é declarada dentro de uma função, tornando-se local a função em que foi declarada, as variáveis locais só são reconhecidas dentro de sua função.
Exemplo:
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> function Funcao(){ var VARIAVEL; // Variável Local } </script> |
Um variável global é uma variável que é declarada fora de qualquer função, e todos os scripts e funções contidas na página web pode acessa-la. Se declararmos uma variável sem o uso do var, automaticamente a variável se torna global.
Exemplo:
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> nome_pessoa = "Ana Maria"; // Variável Global function Funcao(){ var VARIAVEL; // Variável Local } </script> |
Para atribuirmos valores a uma variável utilizaremos o sinal de = (igual) para passar o valor para a devida variável.
Exemplo:
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> num1 = 50; // Valor Inteiro num2 = 36.2; // Valor Real nome = "Sony"; // Valor String </script> |
Para exibirmos o valor de uma variável usaremos a função document.write(), que é uma função responsável pela escrita de uma informação no navegador.
Exemplo:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script type="text/javascript"> num1 = 50; // Valor Inteiro num2 = 36.2; // Valor Real nome = "Sony"; // Valor String document.write(nome); document.write("<br>"); document.write(num1); document.write("<br>"); document.write(num2); </script> |
Uma variável também pode receber uma operação aritmética.
Exemplo:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script type="text/javascript"> num1 = 6; num2 = 3; soma = num1 + num2; mult = num1 * num2; divi = num1 / num2; subt = num1 - num2; </script> |
Para implementarmos scripts javascript em nossas páginas web necessitamos basicamente de um editor de texto e um navegador compatível com Javascript. Existem alguns editores de códigos mais sofisticados que exibem uma ajuda na hora de criarmos o nosso script, tais como poder trabalhar com diversas páginas ao mesmo tempo, colorir a sintaxe da linguagem destacando possíveis erros no código. Fica a critério do usuário a utilização do editor, particularmente utilizo o notepad ++ portátil pela praticidade e portabilidade.
Os scripts podem ser inseridos em uma página HTML ou em arquivos individuais contendo somente as declarações javascript. Em um primeiro momento criaremos os scripts em páginas HTML.
Para inserir um javascript em uma página HTML, devemos inseri-lo dentro de um delimitador chamado <script> como no exemplo abaixo:
1 2 3 4 5 6 7 |
<head> <title>Minha página HTML</title> <script> // Conteúdo Javascript </script> </head> <body> |
Podemos fazer o uso de scripts em toda páginas desde que estejam entre o seu delimitador <script> e podemos inseri-lo também dentro de alguns atributos do HTML.
O javascript apesar de não ser igual ao java como vimos no post anterior possui uma sintaxe semelhante ao mesmo pois foi baseado em java e também tem suas semelhança com a linguagem C.
Uma das semelhança com o java é que o javascript também é Case Sensitive, ou seja ele diferencia o uso de letras maiúsculas e minusculas na hora da criação de seus scripts, por isso fica atento ao uso do mesmo.
Exemplo de código:
1 2 3 4 5 6 7 |
<head> <title>Minha página HTML</title> <script> document.write("Olá Mundo em Javascript"); </script> </head> <body> |
O java script faz uso de um ponto e virgula no final de cada linha de código como um delimitador para a separação e quebra de linha das linhas de código, se torna essencial o uso de ponto e vírgula já que a maioria da linguagens fazem o uso do mesmo para quebra de linha de seu código.
1 2 3 4 5 6 7 8 |
<html> <head> <title></title> </head> <body> Minha Página HTML </body> </html> |
Estrutura Básica do HTML
A estrutura básica de um documento HTML é especificada através do uso de pares de tags, para delimitar o conteúdo que sofrerá alguma alteração. Além da definição de pares de tags o HTML também trabalha com algumas tags individuais.
Os pares de tags devem obedecer a seguinte estrutura:
1 |
<NOME DA TAG> TEXTO </NOME DA TAG> |
As tags dever ser endentadas, ou seja, uma não deve atrapalhar o fechamento da outra. O HTML não diferencia o uso de letras maiúsculas ou minúsculas. As tags são interpretadas independente do tamanho, tipo, cor ou efeitos aplicados a sua fonte durante a digitação do código fonte da página.
Implementação do HTML
Para construirmos páginas HTML precisamos de um Editor de texto (exemplo, bloco de notas, notepad ++, Nvu, Adobe Dreamweaver) e de um navegador (exemplo: Google Chrome, Mozilla Firefox, Opera, Safari e pra quem é adepto ao mundo microsoft o Lixonet Explore).
Os arquivos criados no editor de texto deverá ser salvo com a extensão .html ou .htm . Salve os seus arquivos em um diretório de sua preferência e para abri-los basta um duplo clique.
O padrão da linguagem HTML é mantido pelo W3C – World Wide Web Consortion, que é orgão que mantêm os padrões de algumas linguagens web.
DOWNLOAD DE ALGUNS EDITORES DE TEXTO
java != javascript
Exemplo de código em JavaScript:
1 2 3 |
<head> <link rel="stylesheet" type="text/css" href="estilo.css"> </head> |
1 2 3 4 5 |
<head> <style type="text/css"> @import url("estilo.css"); </style> </head> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<head> <style type="text/css"> <!-- body { background: #000; url(imagens/minhaimagem.gif); } h3 { color: #f00; } p { margin-left: 15px; padding:1.5em; } --> </style> </head> |
1 2 3 |
<p style="color:#000; margin: 5px;"> Aqui um parágrafo de cor preta e com 5px nas 4 margens. </p> |
O PHP é uma linguagem de script para desenvolvimento de sites dinâmicos e acesso a banco de dados. Para que se possa desenvolver em PHP, é necessário ter instalado no computador uma série de ferramentas que permitirão criar páginas em PHP. Para que possamos rodar nossas aplicações em PHP, precisamos um servidor web, o interpretador do PHP e um SGBD para executar nossas rotinas de banco de dados.
Para iniciarmos as nossas instalação deveremos baixar as seguintes ferramentas.
(Clique nas imagens para efetuar o Download das ferramentas)
Servidor Web : Apache Server
1 |
seletor { propriedade: valor; } |
Seletor: genericamente, é o elemento HTML identificado por sua tag, ou por uma classe, ou por uma ID, ou etc., e para o qual a regra será válida (por exemplo: <p/>, < h1/>, <form/>, .minhaclasse, etc…) ;
Propriedade: é o atributo do elemento HTML ao qual será aplicada a regra (por exemplo: font, color, background, etc…).
Valor: é a característica específica a ser assumida pela propriedade (por exemplo: letra tipo arial, cor azul, fundo verde, etc…).
Na sintaxe de uma regra CSS, escreve-se o seletor e a seguir a propriedade e valor separados por dois pontos e entre chaves { }. Quando mais de uma propriedade for definida na regra, deve-se usar ponto-e-vírgula para separá-las. O ponto-e-vírgula é facultativo no caso de propriedade única e também após a declaração da última propriedade quando houver mais de uma.
1 2 3 4 5 6 7 8 |
p { font-size: 12px; } body { color: #000; background: #fff; font-weight: bold; } |
1 2 3 4 5 6 |
/* este é um comentário*/ p { font-size: 14px; /* este é outro comentário*/ color: #000; font-family: Arial, Serif; } |
1 2 3 |
h1, h2, h3, h4, h5, h6 { color: #0f0; } |