This site is obsolete. Please follow to the new address www.gomes-mota.nome.pt/joao.

This page is kept for archive purposes.

Discoveries Index   Advanced Code more web design
WEB DESIGN
LEARN HTML
    If you feel comfortable with HTML you will find in this page references on JavaScript and DynamicHTML (DHTML) to enhance your pages, some of my scripts explained and some examples of DHTML.
  JavaScript
    With JavaScript it is possible to embed programs related to the web page contents inside the page code. These programs runs in the web user computer, making it independent of the speed of connection.
  The most popular forms of JavaScript are the rollover images but much more can be done.
 
 

My scripts

I developed these JavaScript programs according to my needs. I believe they are interesting and worth knowing. See also the DHTML examples.

Ver o Slide Show Slide show: adapted from a classical example; you may use it to make a slow animation,but they are best suited as an automated slide projector.
 

References

 

Netscape's JavaScript Central. The fundamental reference: specifications, tutorials, examples, forums, etc.

Voodoo JS Guide: a guide to JavaScript. Clear and well written, requires only basic programming knowledge.

Danny Goodman's Javascript pages: author of books and on-line resources, with emphsis on function and not on fancy. Good historical reference on compatibility. This is a support site to a famous book:
The JavaScript Bible by Danny Goodman

Essential JavaScript for Web professionals by Dan Barret, Dan Livingston & Micah Brown (book) - An intensive course that guides the reader from the first script to some of the most common sophisticated scripts.

JavaScript Source The JavaScript Source: archive of scripts explained step by step. The user may try the examples and copy them directly to its own pages.
  Dynamic HTML = CSS + JavaScript
    With HTML stabilised in standard 4.0 the development of new layout techniques shifted to new ways instead of pursuing the same ways further.
  Dynamic HTML is only the stacking of layers defined by Cascading Style Sheets syntax, with its position and behaviour on screen are controlled with JavaScript.
  Unfortunately, the two main designers of Internet fashion, Netscape and Microsoft, couldn't agree and they proposed different syntaxes to achieve, in most cases, similar goals. In the transient period until a common format recommended by W3C is followed the DHTML creators will have to duplicate the code for the two browser families.
 
 

My examples

  Some DHTML examples, with emphasis on the showing/hiding of laywers and layer displacement on screen.

Ver o aquario Aquarium - An example of pure DHTML without any other purpose than the pleasure of looking at.
A window crossed by different fishes swimming in smooth movements.
Abrir a página da lupa Lens - A form of magnifying the images presented in HTML pages.
The working principle is simple: a layer with the magnified image is shown on a small window dragged over the original image.
Ir para a cave Lantern - An example similar to the previous one. By moving the pointer in a dark page you discover the scenario, just like using a pocket lamp in a cave. This example is explained step by step.
 

References

 

Dynamic HTML - The Definitive Reference by Danny Goodman (book). A reference book for the medium to advanced user.

Essential CSS & DHTML for Web professionals by Dan Livingston & Micah Brown (book) - A guide from the first examples to the sophisticade pages. It may be frustrating if the reader's needs don't fit in to the scenarios and applications described.

HTML Guru - a great site associated to a book (that I never read). It's a pleasure to the eyes and you will find pointers to other master works of DHTML.

DHTML Lab - A place to learn and share knowledges and hints.

  Created in April 2000, last update: 28-September-2000 more web design

LEARN HTML