Estas páginas foram substituídas. Por favor, dirija-se para o novo endereço www.gomes-mota.nome.pt/joao.

Mantém-se esta versão para efeitos de arquivo.

Pagina de Descobertas   Edição Avançada mais internet
INTERNET
APRENDER HTML
NOTAS E REFLEXÕES
    Se o leitor já se sente à vontade com o HTML encontrará aqui referências de JavaScript e DHTML, além dos meus scripts comentados e alguns exemplos de DHTML.
  JavaScript
    A linguagem JavaScript permite correr programas relacionados com o conteúdo de uma página HTML. Todo o programa corre no computador do visitante da página sem ligação ao servidor onde está alojada a página.
  As formas mais populares de JavaScript são os efeitos das imagens que mudam quando são apontadas, mas muito mais pode ser feito.
 
 

Os meus scripts

Alguns exemplos de JavaScript interessantes que desenvolvi estão explicados e comentados. Veja também os exemplos de DHTML.

Ver o Slide Show Slideshow: adaptação de um exemplo clássico; pode usá-los para fazer uma animação lenta, mas julgo que resulta melhor como um "projector de slides" informático.
 
Jogar

Mastermind: Uma aplicação típica de JavaScript, com um pouco de DHTML. O jogo corre exclusivamente no browser do utilizador e oferece uma tabela de melhores resultados (high scores) baseada em cookies.

Além do jogo Mastermind normal, foi implementada uma variante, chamada jogo das cores. Em cada um dos jogos existem três níveis de dificuldade crescente. A implementação com cookies permite que os dados sejam armazenados no computador do utilizador sem enviar qualquer informação para o servidor que suporta o jogo.

 

Referências

 

Netscape's JavaScript Central. A referência fundamental: especificações, manuais, exemplos, foruns, etc.

Voodoo JS Guide: um manual de aprendizagem de JavaScript em inglês. Muito eficaz, requerendo apenas conhecimentos básicos de programação.

Danny Goodman's Javascript pages: autor de livros e cursos on-line, com ênfase na função e não na aparência. Boa referência histórica sobre compatibilidade. Este site serve de apoio a um famoso livro:
The JavaScript Bible by Danny Goodman

Essential JavaScript for Web professionals by Dan Barret, Dan Livingston & Micah Brown (livro) - Um curso intensivo que conduz o principiante até ao domínio dos efeitos sofisticados mais comuns.

JavaScript Source The JavaScript Source: arquivo de scripts explicados passo a passo. O utilizador pode testar os exemplos e copiá-los directamente para as suas páginas.
  Dynamic HTML = CSS + JavaScript
 

  Tendo o HTML estabilizado na versão 4.0 o desenvolvimento de novas técnicas de apresentação na Web passava por trilhar outros caminhos em vez de procurar avançar mais pelo mesmo.
  Dynamic HTML, é tão-só a sobreposição de camadas definidas por Cascading Style Sheets, cuja posição e comportamento na página são controlados por JavaScript.
  Infelizmente, os dois principais "estilistas" da moda Internet, Netscape e Microsoft, não se entenderam e cada um propôs uma sintaxe própria para chegarem, na maioria dos casos, ao mesmo resultado. No período transitório até à aceitação de um formato único recomendado pelo W3C, os criadores de DHTML terão de duplicar o código para os dois browsers.

  Sendo um assunto relativamente novo as referências ainda têm um sabor a novidade. Por outro lado, como envolve programação adapta-se melhor ao artesanato do que à produção industrial de sites.
 

 

Os meus exemplos

  Alguns exemplos de DHTML, com ênfase na visualização/ocultação e deslocamento de camadas na imagem.

Ver o aquario Aquário - Um exemplo de DHTML puro, só pelo prazer de olhar, sem qualquer funcionalidade.
Uma janela onde se cruzam peixes variados em movimentos suaves, de uma ponta à outra do écran.
Abrir a página da lupa Lente - Uma forma de ampliar as imagens apresentadas nas páginas HTML.
O princípio de funcionamento é simples: uma camada com a fotografia ampliada representada como uma pequena janela que é arrastada sobre a imagem original.
Ir para a cave Lanterna - Exemplo semelhante ao anterior. Ao deslocar o rato desvenda-se um cenário escuro, tal como usando uma lanterna numa cave.
 

Referências

 

Dynamic HTML - The Definitive Reference by Danny Goodman (livro). Uma obra de referência para consulta e aprofundamento de conhecimentos.

Essential CSS & DHTML for Web professionals by Dan Livingston & Micah Brown (livro) - Uma obra que acompanha o leitor desde os primeiros passos até aos exemplos sofisticados. Pode revelar-se frustrante se aquilo que o leitor quer fazer não se aproxima dos assuntos abordados.

Truques e Dicas - Um portal em português com introduções ao DHTML e JavaScript. Inclui dezenas de exemplos explicados e prontos a copiar.

EchoEcho.com - Um conjunto de guias em inglês para aprender JavaScript e DHTML, com exemplos explicados.

HTML Guru - um site espectacular associado a um livro (que não conheço). O prazer visual é garantido e lá encontra ponteiros para outras obras de arte.

DHTML Lab - Um local para aprender e partilhar conhecimentos.

  Criado em Abril 2000, última alteração: 28-Março-01 mais internet

APRENDER HTML
NOTAS E REFLEXÕES