Une introduction à la création de pages dynamiques

Ces documents sont utilisés lors d'enseignements et de formations effectués par Michel CARTEREAU. Ils sont disponibles pour un usage individuel.

Objectifs

• Savoir utiliser les principales techniques de création de pages dynamiques
• Pour un autodidacte, contrôler et mettre à niveau ses connaissances

Niveau de compétences en prérequis

• Connaissance des bases de l'écriture de pages (XHTML)

Plan

1. Du côté du navigateur
   • Introduction
   • CGI (exemple, mécanismes, exercices)
   • Appliquettes en Java (exemple)
   • Javascript (exemples, aperçu sur Javascript, exercices)
2. Du côté du serveur
   • PHP (exemples, cookie, téléchargement, MySQL et PHP, objets, sessions, MVC, sécurité, exercices, aperçu sur PHP)
   • Aperçus sur les architectures (caractéristiques générales, Apache, sites dynamiques)
   • Annexes (EasyPHP)

Mise à jour

• Janvier 2008 : retouches mineures (nouvelle adresse du site de l'auteur, zone de formulaire en Javascript)
• Novembre 2008 : retouches mineures (PHP)
• Décembre 2009 : retouches et ajouts sur MySQL, les objets, le modèle MVC et la sécurité (PHP)
• Novembre 2010 : retouches mineures (Javascript) et compléments sur DOM
• Novembre 2012 : complément en Javascript avec l'exemple d'une carte interactive
• Novembre 2013 : retouches mineures (Javascript)
• Novembre 2014 : retouches pour passage à HTML 5
• Novembre 2017 : retouches mineures
• Mars 2019 : corrections de l'aperçu sur javascript et simplification de la partie sur DOM
• Novembre 2019 : petit complément sur la manipulation en Javascript d'un élément de formulaire

Téléchargement

Documents de cours en PDF

1. du côté du navigateur : HTML 5, XHTML
2. du côté du serveur

Fichiers pour les exercices

1. Applette "RainbowText" : information, fichier RainbowText.class
2. Scripts en Javascript
   • Mise en majuscule
   • Heure courante
   • Liste de liens
   • Défilement
   • Caractéristiques de l'écran
   • Carte interactive avec leaflet : script et feuille de style (bibliothèque leaflet avec sa feuille de style, image de la marque ronde)
   • Parcours avec DOM
   • Modification avec DOM
   • Imagette pour les exercices : réveil
3. Scripts en PHP
   • Identification du navigateur
   • Manipulation de mouchard
   • Composant de début de page
   • Composant de fin de page
   • Feuille de style
   • Calendrier
   • Fonction d'ouverture d'une base MySQL (PHP)
   • Squelette d'accès à une base MySQL (PHP)
   • Liste des bières (PHP)
   • Classe pour un mouchard, et script principal associé
   • Exemple avec une session (PHP)
   • Classe de la vue pour un mouchard en MVC, et script principal associé
4. MySQL : code en SQL pour créer et initialiser les tables biere et avis