carre.gif (69 octets)  Javascript, Feuilles de style, Html ... création avancée de sites web

  

 

A quoi sont destinées ces fiches ?

Ces fiches offrent aux étudiants de l'Ensad des outils de création en matière de mise en page web.
Il s'agira ici d'utiliser et de comprendre des fonctions qui ne sont pas - ou pas très souplement - permises par les éditeurs Html courants tels que Frontpage, Golive ou Dreamweaver.

A quoi sert HTML ?

Le langage HTML (Hypertext markup language) est un langage de description de page.
Ce langage est destiné à être interprété par les navigateurs (Netscape, Explorer, Opera, Icab et autres).
On peut rédiger du code HTML avec un éditeur de texte brut  comme "bloc notes"(windows) ou "simple text" (MacOS).
On peut aussi créer des pages web en ignorant tout de l'HTML, puisque des éditeurs WYSIWIG (what you see is what you get) existent à cet usage.
Ces derniers peuvent toutefois commettre des erreurs ou encore générer un code inutilement surchargé.
Il n'existe pas d'éditeur wysiwyg qui propose toutes les fonctions HTML.

Qu'est-ce que Javascript ?

Javascript est un language de programmation assez évolué dont la syntaxe est en grande partie emprunté au langage Java.
Le code Javascript est intègré au code HTML et est interprété par le navigateur de l'utilisateur du site, et non par le serveur qui contient les pages.
Ce mode de fonctionnement s'accompagne d'un inconvénient majeur : les pages produites ne seront pas interprétées de la même façon par tous les navigateurs. Les moins standard (Opera, Icab, Lynx,...) ne contiennent pour l'instant aucune fonction d'interprétation des scripts Javascript.
Les deux navigateurs les plus courants, MS Explorer et Netscape navigator tendent peu à peu vers une certaine harmonisation, mais leurs anciennes versions peuvent poser toutes sortes de problèmes.

Que sont les feuilles de style ?

Les feuilles de style sont une extension récente au langage HTML.
Elles répondent à la demande des graphistes, souvent désapointés par la pauvreté des possibilités du langage HTML en matière de composition typographique. Certaines commandes permises par les feuilles de style n'ont pas encore d'utilité pratique, car les navigateurs ne les interprètent pas très bien, voire pas du tout.

Que sont les CGI, Perl, les SSI, le PHP3, les ASP ?

Ces acronymes recouvrent divers moyens de présenter un contenu dynamique généré depuis le serveur lui-même et non depuis le navigateur des utilisateurs.

Que sont Flash, Shockwave et autres plug-ins ? Et Java ?

Les plug-ins sont des modules ajoutés à Netscape ou à Explorer et autorisant à ces derniers la lecture de fichiers divers.
- Animation vectorielle (flash)
- Animation bitmap interactive (shockwave)
- Vidéo (quicktime, RealVideo)
- Son (RealAudio,...)
- 3D interactive (Vrml)
...
Le langage Java fonctionne en pratique de la même manière, son code est compilé puis interprété par un "moteur" nommé "machine virtuelle" ; La machine virtuelle est un véritable "ordinateur dans l'ordinateur", ce qui permet en théorie de n'avoir aucun problème de compatibilité d'une plate-forme à l'autre, par exemple.
Ce mode d'execution fait toute la différence entre Java et javascript. Java est un langage complet et on peut l'utiliser pour créer des animations très simples aussi bien que pour créer des logiciels complets : il existe déjà en Java des navigateurs web, des serveurs ou encore des logiciels bureautiques.

Quand utiliser une technologie plutôt qu'une autre ?

Il est souvent profitable et parfois obligatoire d'utiliser plusieurs technologies en même temps. Un des premiers motifs de décision est le public visé. Il faut en effet savoir que Javascript ne fonctionne qu'avec les navigateurs Netscape navigator et Internet explorer, et que ces derniers n'interprètent d'ailleurs pas toutes les commandes de la même façon. Des scripts assez simples fonctionneront par exemple avec Navigator 3 et Explorer 3, mais les plus exigeants risquent de ne fonctionner qu'avec la toute dernière version de l'un ou de l'autre navigateur et excluent d'office la concurence.
Les feuilles de style souffrent du même défaut, amplifié par le fait que leur usage est plus récent. Elles ont toutefois l'avantage de ne pas générer de messages d'erreur.
Javascipt n'est pas véritablement adapté à l'écriture de longs scripts.

Les outils "serveur" (Cgi/perl/php/asp/java serveur/C/C++ et bien d'autres langages) permettent, à l'inverse, un contrôle total et une exécution universelle.
Ils sont indépendants de la plate-forme et des outils de navigation des utilisateurs, puisqu'ils ne s'exécutent que sur le serveur où ils se trouvent. On les utilisera pour générer du code HTML (création de pages à la volée), pour interfacer des bases de données (consultation, saisie), pour conserver des données fournies par les utilisateurs ou pour mettre plusieurs utilisateurs en relation.
Ce type d'outil est idéal pour les compteurs de passages, les forums web, le traitement et la conservation de données mais ne permettent absolument pas d'effets graphiques ou interactifs dynamiques, car ils répondent toujours à des requêtes et non aux évènements d'interface (survol ou mouvement de la souris par exemple).
On ne peut pas inclure un script ou un logiciel s'exécutant sur un serveur si l'on ne possède pas les droits ou les autorisations nécéssaires.
Seul l'administrateur du serveur peut autoriser les programmes "server-side", or ils sont proscrits chez la très grande majorité des hébergeurs gratuits (multimania, tripod...) ou des providers (club-internet, wanadoo...). Ce type de programmes allourdit en effet considérablement la charge de travail du serveur.