Exemples du Cours
"Technologies du Web"

HTML

• Un document HTML simple
• Les Headlines
• La Typologie en HTML
• Les Listes et Sous listes
• Les Listes de Définition
• Les Tables
• Cascading StyleSheet simple
• Document multi-cadre (frameset) de base !
• Document multi-cadre (frameset) en HTML
• Couleurs en HTML
• Utilisation des Polices Dynamiques (téléchargeables) en HTML (Netscape seulement)
• Cascading Style Sheets (CSS) élaborées
• Image Sensible : les départements de France
• Image Sensible : les villes du Monde
• exemple de IFRAME

JavaScript

• Hello World ! Script embarqué | Script "externe"
• Exemple de Fonction en JavaScript : somme()
• Un objet tableau (array) en JavaScript 1.1
• Construction d'objets en JavaScript
• Héritage de prototypes en JavaScript
• Introspection (dump) d'un objet JavaScript
• Navigation dans l'historique
• Création de fenêtres à la volée ("on the fly")
• Changement de la taille de la police dynamiquement
• Impression de la fenêtre
• Quelques exemples d'utilistation de l'interpreteur JavaScript RHINO

Formulaires HTML et JavaScript

• Formulaire
• Controle des entrées d'un formulaire
• Evaluation d'une entrées
• Differents types de champs de formulaire
• Alignement des champs avec une table
• Controle des champs saisis
• Un exemple de bon de commande
• Soumission de fichiers vers le service
• Soumission d'un formulaire
• Controle des entrées d'un formulaire JavaScript
• Hachage sécurisé (MD4,MD5,SHA1) en JavaScript (peut servir de base a sécuriser le login/password sans passer par SSL)

DHTML et JavaScript

• Capture des événements avec JavaScript
• Bontons sensibles en JavaScript
• Message défilant dans le Status
• Insertion de la date
• Construction d'histogramme avec JavaScript et les DIV
• Menus déroulants avec JavaScript
• D'autres Menus déroulants avec JavaScript
• Barre de navigation
• Un décompte (countdown) avant chargement
• Animation en JavaScript et DIV (imbrication de DIV) : le système solaire
• Animation en JavaScript : une horloge
• Animation en JavaScript : le secouage d'une fenêtre au chargement !
• Utilisation du Clipping (Netscape seulement)
• Utilisation des événements pour réaliser du Drag And Drop (Netscape seulement)
• Utilisation des événements pour réaliser du Drag And Drop avec des images (Netscape seulement)
• Redimensionnement dynamique d'une image : modifiez la taille de votre fenetre !(IE5 et + seulement)
• Affichage d'items triés sur plusieurs critères
• Une animation : les Fourmis attaquent !
• Une animation : Grenoble sous la neige !
• Une Animation de suivi de pointeur de souris
• Un jeu de Casse Brique
• Parcours de l'arbre DOM d'un document HTML en JavaScript
• Une interface de visualisation de coordonnées (GPS) en HTML en JavaScript

JavaScript, PlugIn, Applet

• Contrôle d'une applet avec un script JavaScript : Changement de couleur (NS Seulement)
• Contrôle d'une applet avec un script JavaScript : Changement d'une Banniere (NS et partiellement IE)
• Communication entre applets (NS Seulement)
• Pilotage d'un Plug In Audio
• Pilotage d'un Plug In Video Real Player
• Des détails sur LiveConnect
• Des détails sur JavaScript et Java

PHP

• Un tutorial en francais sur PHP
• Un Chat en PHP et MS Access
• Des examples de scripts PHP

JSP

• Un exemple simple de JSP : Hello World (regardez le code généré)
• Une JSP qui affiche le détail de la requête HTTP (Vous pouvez tester cette JSP avec les formulaires)

JSP et SQL

• Une JSP requetant une base de donnees MS Access ou Oracle (sortie en HTML ou en XML)
• Un tutoriél SQL (réalisé avec des JSP)

XML

• Une DTD
• Utilisation des CSS avec XML (IE5 et +)
• Un graphe en XML : un arbre généalogique

XML et XSLT

• Un viewer XML écrit en Java (JTree et DOM)
• Un QCM en XML et XSLT (IE5 seulement)
• Un Document structuré (IE5 seulement)
• Une table structurée (XALAN)
• Une table structurée (IE5 seulement)
• Une feuille générique pour les tables (IE5 seulement)
• Exemple de transformation de XML vers HTML
  measurement.xml | measurement2html.xsl | measurement.dtd | build.xml
• Exemple de transformation de RDF vers SMIL

SMIL

• Exemple de diaporama en SMIL (Real Player seulement) Local | Distant
• Exemple de transformation de RDF vers SMIL

FLASH

• Exemple de flash

WAP et WML

• Exemples en WML (Nokia Toolkit seulement)

iMODE

• Exemples de documents iMODE

Plusieurs de ces exemples ont été glanés sur le Web !
Consultez aussi les nombreux sites existants