Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Ahmed ZINEDINE 2015 Web Dynamique Pour les étudiants de SMI dd Ahmed ZINEDINE 2

Ahmed ZINEDINE 2015 Web Dynamique Pour les étudiants de SMI dd Ahmed ZINEDINE 2015 Web Dynamique Pour les étudiants de SMI Dernière mise à jour : 2019 Web Dynamique A. Zinedine 3 Présentation du polycopié Ce cours est destiné aux étudiants de SMI (Sciences mathématiques et Informatique). Il donne les notions de base de la programmation Web. Après une introduction sur l’historique de l’Internet et du Web, nous avons partagé le polycopié en 3 parties : La première partie contient 2 chapitres. Le chapitre 1 présente en détaille le langage HTML. Ce fameux langage de balisage est à l’origine du succès du web. Tous les sites web quelle que soit leur complexité présente finalement leur contenu en HTML. Le deuxième chapitre traite les feuilles de style en cascade (CSS). L’idée de base est de séparer le contenu d’un document de son style. Le but est de faciliter la maintenance des sites web et la modification de leurs styles. En plus, les feuilles de style offrent plus de contrôle sur le style et permettent d’autres possibilités non offertes par HTML. Les besoins des sites actuels dépassent largement les possibilités offertes par HTML (et CSS). En effet, ces deux langages sont destinés à présenter (afficher) un document. Ils n’offrent aucune possibilité de traitement (comment faire par exemple pour capturer le login et le mot de passe d’un utilisateur ?). Les scripts viennent pour étendre les capacités de HTML. Ils sont de deux types : Les scripts côté client (dont l’exécution se passe sur la machine de l’utilisateur) et les scripts côté serveur (dont l’exécution se passe sur le serveur). Dans la partie 2, qui contient le chapitre 3, nous étudions le langage Javascript, le langage de script côté client qui domine le marché actuellement. Dans la partie 3, qui contient les chapitres 4, 5, 6 et 7, nous étudions le langage PHP, qui est de nos jours le langage de script côté serveur le plus populaire sur le Web. Ahmed Zinedine Pour toute remarque, suggestion commentaire ou correction, merci de contacter l’auteur par email sur l’adresse : ahmed.zinedine@usmba.ac.ma. Web Dynamique A. Zinedine 4 Web Dynamique A. Zinedine 5 Table des matières Introduction .................................................................................................................................. 9 1) L’internet .................................................................................................................................................. 9 a) Historique d’Internet ...................................................................................................................... 9 b) Communication sur Internet ........................................................................................................ 10 c) Les services internet ...................................................................................................................... 10 d) Architecture Client / Serveur ....................................................................................................... 11 2) Le World Wide Web ............................................................................................................................ 11 a) Historique du Web ........................................................................................................................ 11 b) Le W3C .......................................................................................................................................... 12 c) Web et architecture Client / Serveur ............................................................................................ 12 d) Les langages du Web .................................................................................................................... 12 Partie 1 HTML et Feuilles de style .................................................................................................... 15 Chapitre 1 : Le langage HTML ............................................................................................... 17 0) Introduction ........................................................................................................................................... 17 a) Comment fonctionnent les pages Web ? ...................................................................................... 17 b) Qu’est-ce que HTML ? .................................................................................................................. 17 c) Comment insérer du code HTML ? .............................................................................................. 18 d) Qu’est-ce que une balise ? ............................................................................................................ 18 e) Qu’est-ce que un attribut ? ........................................................................................................... 18 1) Structure d’une page HTML .............................................................................................................. 18 a) La section entête (Head) :.............................................................................................................. 19 b) La partie Corps du document (Body) ............................................................................................ 20 2) Le texte dans une page HTML .......................................................................................................... 22 a) La balise <br> ................................................................................................................................ 22 b) La balise <hr> ................................................................................................................................ 23 c) La balise <pre>…</pre> ................................................................................................................ 24 d) Les caractères accentués et caractères spéciaux .......................................................................... 25 e) La mise en forme du texte ............................................................................................................. 26 f) Autres balises de style ................................................................................................................... 27 3) Structuration d’une page HTML....................................................................................................... 27 a) Les Titres ....................................................................................................................................... 28 Web Dynamique A. Zinedine 6 b) Les paragraphes ............................................................................................................................ 28 c) Les divisions .................................................................................................................................. 29 d) Les listes ........................................................................................................................................ 29 4) Les images .............................................................................................................................................. 32 a) La balise <img /> ........................................................................................................................... 33 5) Incorporer du multimédia .................................................................................................................. 34 6) Les liens .................................................................................................................................................. 34 a) La balise <a>…</a> ....................................................................................................................... 35 b) Images et liens ............................................................................................................................... 37 7) Les tableaux ........................................................................................................................................... 37 a) Options globales pour tout le tableau ........................................................................................... 39 b) Options pour une seule ligne ........................................................................................................ 40 c) Options pour une seule cellule...................................................................................................... 41 8) Les formulaires ..................................................................................................................................... 42 a) Créer un formulaire ...................................................................................................................... 42 b) Créer les champs du formulaire ................................................................................................... 42 Chapitre 2 : Les feuilles de style ............................................................................................ 47 0) Introduction ........................................................................................................................................... 47 1) Principe de feuilles de style ............................................................................................................... 48 a) Feuilles de style incorporées ......................................................................................................... 48 b) Feuilles de style externes .............................................................................................................. 49 c) Feuilles de style en ligne ............................................................................................................... 50 2) Les attributs de style ............................................................................................................................ 51 a) Syntaxe générale ........................................................................................................................... 51 b) Attributs de style concernant le texte .......................................................................................... 52 c) Marges, bordures et remplissage .................................................................................................. 55 d) Couleurs et images d’arrière-plan ................................................................................................ 58 e) Le positionnement et la visibilité .................................................................................................. 58 2) Organisation des feuilles de style ..................................................................................................... 59 a) Organiser les styles en groupes .................................................................................................... 59 b) Organiser les styles en classes ...................................................................................................... 60 Partie 2 Scripts côté client ................................................................................................................. 63 Chapitre 3 : Le langage Javascript ......................................................................................... 65 0) Introduction ........................................................................................................................................... 65 Web Dynamique A. Zinedine 7 1) Comment insérer du code javascript dans une page HTML ...................................................... 65 2) Eléments de la programmation de base de javascript .................................................................. 67 a) Les commentaires ......................................................................................................................... 68 b) Déclaration des variables .............................................................................................................. 68 c) Les fonctions ................................................................................................................................. 69 d) Structures de contrôle ................................................................................................................... 69 3) Le modèle Objet de javascript ........................................................................................................... 71 a) Objets Créés par l’utilisateur ........................................................................................................ 71 b) Les objets prédéfinis ..................................................................................................................... 75 b1) Les Objets built-in ................................................................................................................... 75 b2) Les Objets du Navigateur ........................................................................................................ 87 4) Manipulation des formulaires ........................................................................................................... 92 a) L’objet form ................................................................................................................................... 92 b) Les éléments du formulaire .......................................................................................................... 93 c) Manipulation des éléments du formulaire .................................................................................... 97 d) L’utilisation du mot clés this ...................................................................................................... 104 5) Les timers ............................................................................................................................................. 105 Partie 3 Scripts côté serveur ............................................................................................................. 109 Chapitre 4 : Débuter avec PHP ............................................................................................. 111 1) Commencer avec PHP ....................................................................................................................... 111 a) Installation de EasyPHP .............................................................................................................. 112 b) Configuration de PHP ................................................................................................................. 112 c) Démarrage et Arrêt du Serveur .................................................................................................. 112 d) Accès aux pages Web.................................................................................................................. 114 e) Résumé des tâches à faire pour commencer : ............................................................................. 114 f) Exemples de scripts PHP ............................................................................................................. 115 2) Eléments de la programmation de base de PHP.......................................................................... 116 a) Les commentaires ....................................................................................................................... 117 b) Déclaration des variables ............................................................................................................ 117 c) Les constantes ............................................................................................................................. 118 d) Les fonctions ............................................................................................................................... 119 d) Structures de contrôle ................................................................................................................. 121 Chapitre 5: Quelques fonctions utiles de PHP ................................................................. 125 1) Fonctions pour l’affichage ................................................................................................................ 125 Web Dynamique A. Zinedine 8 2) fonctions pour la gestion des variables ......................................................................................... 125 3) Chaînes de caractères ........................................................................................................................ 126 4) Tableaux ............................................................................................................................................... 127 a) Initialisation des tableaux : ......................................................................................................... 127 b) Accès aux éléments d’un tableau ................................................................................................ 128 c) Parcours des tableaux .................................................................................................................. 128 d) Autres fonctions pour la gestion des tableaux ........................................................................... 129 e) Tableaux associatifs .................................................................................................................... 130 f) Parcours des tableaux associatifs avec foreach ........................................................................... 130 g) Fonctions utiles pour les tableaux associatifs............................................................................. 131 5) Date et heure ....................................................................................................................................... 132 6) Mathématiques ................................................................................................................................... 134 7) Inclusion des fichiers ......................................................................................................................... 135 8) Arrêt prématuré .................................................................................................................................. 136 9) Accès aux fichiers et aux dossiers .................................................................................................. 138 a) Gestion des fichiers ..................................................................................................................... 138 b) Gestion des dossiers .................................................................................................................... 142 10) Expressions régulières .................................................................................................................... 145 11) Mail ...................................................................................................................................................... 147 12) Variables d’environnement et constantes PHP ......................................................................... 148 13) Entêtes HTTP .................................................................................................................................... 149 14) Cookies ............................................................................................................................................... 150 15) Sessions .............................................................................................................................................. 152 Chapitre 6 : Passage de paramètres à un script ............................................................... 155 1) Passage des données avec la méthode POST : ............................................................................. 155 2) Passage des données avec la méthode GET : ............................................................................... 158 Chapitre 7: Accès aux bases de données ............................................................................ 161 1) Création de Bases de données et de tables ................................................................................... 161 2) PHP Data Objects (PDO) .................................................................................................................. 164 3) Connexion à la base de données ..................................................................................................... 164 4) Manipuler les données ...................................................................................................................... 165 5) Afficher le résultat d’une requête ................................................................................................... 172 Web Dynamique A. Zinedine 9 Introduction 1) L’internet a) Historique d’Internet Internet est un réseau informatique très vaste. En fait, c’est un réseau de réseaux. Il est constitué de plusieurs centaines de milliers de réseaux locaux (réseaux d’universités, d’entreprises, d’organisations, d’individus…). Internet est si gigantesque qu’il s’étend à l’heure actuelle sur tout le globe terrestre. Des millions et des millions d’ordinateurs son y connectés. En 1969 et en pleine guerre froide, le DoD (Departement of Defence) demanda à l’ARPA (Advenced Research Project Agency) de créer un réseau d’interconnexion de ses ordinateurs. L’objectif était de construire un réseau informatique couvrant la totalité du territoire américain, qui est susceptible de résister à une attaque nucléaire et capable de fonctionner même en cas de destruction partielle. C’est ainsi que le réseau ARPANET est né. Et dès le départ, ce réseau fut conçu sans être dirigé par un noeud particulier, et de telle sorte que si une voie de communication venait à être détruite, alors le réseau soit capable d’acheminer les informations par un autre chemin. Vers 1980, ARPA commença à faire évoluer les ordinateurs de ses réseaux vers les nouveaux protocoles TCP/IP et elle se mit à subventionner l’université de Berkeley pour qu’elle intègre TCP/IP dans son système d’exploitation UNIX (BSD). A cette époque, la quasi- totalité des départements informatiques des universités américaines commencèrent à se doter uploads/s3/ polycopie-web-dynamique 1 .pdf