pcdicasHTML

Java Script

É uma linguagem interpretada, que pode ser usada junto com o HTML e permite inserir váios efeitos, permitindo que o site (ou uma mensagem de correio eletrônico) fique mais dinâmico, e uma maior interação com o leitor.

O código JavaScript, não é compilado, e deve ser colocado, no código fonte, junto com os comandos da linguagem HTML.

Quando se acessa um "site" alguns exemplos de scripts são: aparecimento da data / horário atual, saudações como "bom dia", "boa tarde" ou "boa noite", efeitos onde uma imagem muda quando se passa o mouse sobre ela.

Aplicação de um efeito

Script é uma sequência de comandos que deve ser colocada em uma posição determinada na página ou como um arquivo anexado. No último caso terá extensão js.

É importante lembrar que é preciso conhecer uma linguagem de programação para criar um script. Aqui só modificaremos alguns parâmetros e assim podermos modificar efeitos.

Um script pode ser convocado por um evento iniciado pela pessoa que acessa a página e clica em algo. É razoável manter a função entre os tags <head> e </head>. Normalmente os scripts são colados dentro do tag BODY, ou seja, entre os comandos <BODY> e </BODY>. (Se necessário leia sobre tags na Estrutura da página).

Os scripts podem ser colocados entre os campos de comentários internos para assegurar que o navegador não mostre o próprio script.

Em geral, a seqüência se inicia com <SCRIPT ... > e termina com </SCRIPT>

Java e JavaScript

Java é uma linguagem de programação e JavaScript é uma linguagem de scripting.

Pode-se criar programas reais com Java. Com JavaScript apenas cria-se efeitos que só funcionam dentro de uma página em HTML, por exemplo.

Assim, pode-se admitir que JavaScript é mais uma extensão do HTML do que outra linguagem de computação.

Exemplos:

1. Efeitos visuais

Muitos efeitos visuais podem ser colocados numa página inserindo-se scripts. Veja alguns:

Figuras subindo - Veja exemplos:
- XIX IBAC - Usando o lado oposto - Novo Fim - Olhar de luz -

- Desejo que - Copa das confederações - Pessoas são presentes -


Veja o script utilizado clicando aqui.



Figuras caindo - Veja exemplos:
- Sentimento carnavalesco - Idade de ser feliz -

- Minha árvore de Natal - O navio e a pessoa -


Veja o script utilizado clicando aqui.


2. Comunicação

Scripts podem ser utilizados para que a navegação e a comunicação sejam mais eficientes:

Enviar a página (Mailpage) - Veja exemplo no final dessa página.

Só funciona para e-mails pop3 e em computadores em que um programa de correio eletrônico está corretamente instalado e configurado. Não são acionados outros "sites".

Veja o script utilizado clicando aqui.

Sons

Os navegadores de uso mais comum não interpretam sons utilizando os mesmos tags.

Pode-se usar um pequeno script para possibilitar que uma pessoa, ao acessar um site onde haja sons os ouça, não importando o navegador que utiliza.


- Veja exemplos:

XIX IBAC - HTML-sons


Há mais detalhes sobre sons clicando aqui.

Janelas

Janela popUp Uma janela extra aparece.

Veja o script utilizado clicando aqui e, depois, em LINK.

Outros efeitos


Links Voltar e Avançar
Veja o script utilizado clicando aqui.

Rolagem da página
Exemplos: em várias páginas citadas acima (exemplos 1 a 10)

Veja o script utilizado clicando aqui.

Relógio analógico
Veja o script utilizado clicando aqui e aqui.

Acompanhante do mouse 1
Veja o script utilizado clicando aqui.

Acompanhante do mouse 2
Veja o script utilizado clicando aqui.

Fogos de artifício
Veja o script utilizado clicando aqui.

Pontinhos
Veja o script utilizado clicando aqui.

Exercícios


6.1. Preferencialmente usando os arquivos js

6.1. Em uma das hp's já salvas em A:/, incluir o efeito "Figuras subindo"
Salvar em A:\htm6-1.html.

6.2. Em uma das hp's já salvas em A:/, incluir o efeito "Figuras caindo"
Salvar em A:\htm6-2.html

6.3. Em uma das hp's já salvas em A:/, incluir o efeito "Enviar página"
Salvar em A:\htm6-3.html.

6.4. Em uma das hp's já salvas em A:/, incluir o efeito "Rolagem de página"
Salvar em A:\htm6-4.html.

6.5. Em uma das hp's já salvas em A:/, incluir outro efeito aqui mencionado de sua preferência
Salvar em A:\htm6-5.html.

6.6. Procurar na Internet um script diferente dos exemplificados nesse "site".
Aplicá-lo em uma página já existente em A:/. Salvar em A:\htm6-6.html.

(Clique aqui para ver os exercícios sobre sons.)



Este "site", destinado prioritariamente aos alunos de Fátima Conti,
pretende auxiliar quem esteja começando a se interessar por internet,
segue as regras da FDL (Free Documentation Licence),
computadores e programas, estando em permanente construção.
Sugestões e comentários são bem vindos.
Se desejar colaborar, clique aqui.
Agradeço antecipadamente.

Deseja enviar essa página?


Se você usa um programa de correio eletrônico devidamente configurado e tem
um e-mail pop3, clique em "Enviar página" (abaixo) para abrir o programa.
Preencha o endereço do destinatário da mensagem.
E pode acrescentar o que quiser.
(Se não der certo, clique aqui para saber mais).

Enviar página

Se você usa webmail copie o endereço abaixo

http://www.cultura.ufpa.br/dicas/htm/htm-scrip.htm


Acesse a página do seu provedor. Abra uma nova mensagem.
Cole o endereço no campo de texto.
Preencha o endereço do destinatário.
E também pode acrescentar o que quiser.

Última alteração: 5 abr 2009