Remerciez-le!

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

07/08/2019 Programmation web HTML5, CSS3, PHP et MySQL MSc. Pie Pacifique NTINA

07/08/2019 Programmation web HTML5, CSS3, PHP et MySQL MSc. Pie Pacifique NTINANIRWA UGL 1 MSc. Pie Pacifique NTINANIRWA Table des matières A. Objectif global ................................................................................................................... 5 A.1. Objectifs spécifiques .................................................................................................... 5 B. Prérequis ............................................................................................................................ 5 C. Introduction ...................................................................................................................... 5 I. Le HTML et Le CSS.......................................................................................................... 6 I.1. Pourquoi apprendre les langages HTML et CSS ? ................................................... 6 I.2 Définitions et rôles du HTML et du CSS .................................................................... 6 I.3. Versions actuelles des langages HTML et CSS ......................................................... 7 I.4. Un mot sur le XHTML .................................................................................................. 7 I.5. L’éditeur de texte .......................................................................................................... 7 I.6. Les fondations du html ................................................................................................ 8 I.6.1. Éléments, balises et attributs ................................................................................ 8 I.6.2. Structure de base d’une page en HTML5 ........................................................... 9 I.6.3. Les éléments Heading, Paragraph et Break ..................................................... 11 I.6.4. Les éléments Strong, Emphasis et Mark ........................................................... 13 I.6.5. Listes ordonnées et non-ordonnées ................................................................... 13 I.6.6. Listes de définitions ............................................................................................. 15 I.6.7. Listes imbriquées ................................................................................................. 16 I.7. Liens internes et liens externes ................................................................................. 16 I.7.1. Les autres types courants de liens ..................................................................... 19 I.8. Les fondations du CSS ................................................................................................ 21 I.8.1. Sélecteurs, propriétés et valeurs ........................................................................ 21 I.8.2. Où écrire le CSS ? ................................................................................................. 22 I.8.3. Les commentaires en CSS ................................................................................... 25 I.8.4. Sélecteurs simples et limitations ........................................................................ 25 I.8.5 Les attributs class et id ......................................................................................... 26 I.8.6. Les éléments div et span ..................................................................................... 27 I.9. Formater du texte et positionner des éléments grâce au ccs ................................ 27 I.9.1. Les propriétés CSS de type “font-” .................................................................... 28 I.9.2. Les propriétés CSS de type “text-” .................................................................... 33 I.9.3. Gestion du background (le fond) ....................................................................... 37 I.10. Iintégrer des images, de l’audio et des vidéos dans une page web grâce au html5 .............................................................................................................................................. 40 I.10.1. Insérer une image ............................................................................................... 40 I.10.2. Insérer de l’Audio .............................................................................................. 41 I.10.3 Insérer de la Vidéo .............................................................................................. 43 2 MSc. Pie Pacifique NTINANIRWA I.11. Les tableaux ............................................................................................................... 46 I.11.1. Tableau simple ................................................................................................... 46 I.11.2. Mise en forme d’un tableau .............................................................................. 48 I.11.3. Tableau structuré ............................................................................................... 50 I.11.4. Combiner les cellules ......................................................................................... 51 I.12. Les formulaires ...................................................................................................... 53 I.12.1. Créer le squelette de notre formulaire ............................................................ 53 I.12.2. Créer un formulaire simple .............................................................................. 54 I.12.3. Demander un Email, une adresse de site web et un numéro de téléphone à l’utilisateur ..................................................................................................................... 56 1.12.4. Créer une zone de saisie multi-lignes............................................................. 57 1.12.5. Cases à cocher, zones d’options et listes ........................................................ 58 I.12.6. Finaliser et envoyer notre formulaire ............................................................. 61 II. PHP et MySQL .................................................................................................................. 65 II.1. Historique ................................................................................................................... 65 II.2. Utilisation pratique.................................................................................................... 65 II.3. Syntaxe ........................................................................................................................ 66 II.3.1. Séparateur d'instructions ................................................................................... 67 II.3.2. Bloc d'instructions .............................................................................................. 67 II.3.3. Commentaires ..................................................................................................... 67 II.4. Travailler avec des variables .................................................................................... 67 II.4.1. Déclarer une variable ......................................................................................... 67 II.4.2. Portée des variables ............................................................................................ 69 II.4.3. Variables prédéfinies .......................................................................................... 69 II.4.4. Variables dynamiques ........................................................................................ 69 II.5. Types de variables ..................................................................................................... 69 II.5.1. Booléens ............................................................................................................... 69 II.5.2. Entiers ................................................................................................................... 70 II.5.3 Virgule flottante ................................................................................................... 70 II.5.4 Chaînes de caractères .......................................................................................... 70 II.5.5. Les tableaux ......................................................................................................... 72 II.5.6. La variable objet .................................................................................................. 73 II.5.7. Les constantes ...................................................................................................... 73 II.5.8. Obtenir le type d'une variable .......................................................................... 74 II.5.9. Définir et supprimer une variable .................................................................... 74 II.6. Les opérateurs ............................................................................................................ 74 II.6.1. La précédence des opérateurs ........................................................................... 74 3 MSc. Pie Pacifique NTINANIRWA II.6. 1. Opérateurs arithmétiques ..................................................................................... 75 II.6.2. Opérateurs d'assignation ................................................................................... 75 II.6.3. Opérateurs sur les bits ....................................................................................... 75 II.6.4. Opérateurs de comparaison .............................................................................. 76 II.6.5. Opérateur d'erreur .............................................................................................. 76 II.6.6. Opérateur d'exécution........................................................................................ 76 II.6.7. Opérateurs d'incrémentation/décrémentation .............................................. 76 II.6.8. Opérateurs logiques ........................................................................................... 76 II.6.9. Opérateurs de chaînes ........................................................................................ 77 II.6.10. Opérateur de tableaux ..................................................................................... 77 II.7. La notion d’expression .............................................................................................. 77 II.8. Les structures de contrôle ......................................................................................... 78 II.8.1. if ............................................................................................................................. 78 II.8.2. while ..................................................................................................................... 79 II.8.3. for ......................................................................................................................... 79 II.8.4. foreach ................................................................................................................. 80 II.8.5. break et continue ................................................................................................. 81 II.8.6. switch.................................................................................................................... 81 II.8.7. return .................................................................................................................... 82 II.8.8. require et include (_once) .................................................................................. 82 II.9. Les fonctions ............................................................................................................... 82 II.9.1. Syntaxe et portée ................................................................................................. 82 II.9.2. Arguments ........................................................................................................... 83 II.9.3. Valeur de retour .................................................................................................. 84 II.8.4. Fonctions internes ............................................................................................... 84 II.10. Gestion des formulaires en PHP ........................................................................... 85 II.10.1. GET et POST ...................................................................................................... 85 II.10.2. Récupération par tableau ................................................................................ 85 II.10.3. Récupération directe ........................................................................................ 86 II.10.4. Utiliser des tableaux ......................................................................................... 87 II.11. Date et heure ............................................................................................................ 87 II.11.1. Localisation ........................................................................................................ 87 II.12. MySQL ...................................................................................................................... 87 II.12.1. Outils .................................................................................................................. 88 II.12.2. Créer une base ................................................................................................... 88 II.12.3. Utilisateurs et droits ......................................................................................... 88 II.12.4. Créer et modifier des tables ............................................................................ 89 4 MSc. Pie Pacifique NTINANIRWA II.13. MySQL et PHP ......................................................................................................... 89 II.12.1. Connexion à une base de données ................................................................. 89 II.13.2. Les requêtes ....................................................................................................... 90 Conclusion .............................................................................................................................. 93 Références bibliographiques ................................................................................................ 93 ANNEXES .............................................................................................................................. 93 5 MSc. Pie Pacifique NTINANIRWA A. Objectif global L’objectif de ce cours est d’apprendre aux étudiants la programmation web avec les langages HTML5, CSS3, PHP et le SGBDR MySQL afin de permettre à ces derniers de pouvoir développer des sites web et des applications web de qualité avec des outils actualisés. A.1. Objectifs spécifiques Apprendre le HTL5 et le CSS3 afin de pouvoir maîtriser le design et la réalisation des pages web pour des sites web statiques. Apprendre le PHP et le MySQL visant le développement des sites web dynamiques. B. Prérequis Pour apprendre ce cours, il faut avoir étudié les cours suivants : Programmation modulaire Base de données Réseaux informatiques C. Introduction Le monde actuel de l’information et de son traitement est numérisé à tel enseigne que, l’impression que donne la superficie de la terre est réduite, vue que la facilité, la rapidité et la proximité de l’information par rapport à la distance entre communicants est quasiment réduite à nulle. Ce cours est une nécessité pour les informaticiens qui veulent évoluer avec le monde actuel des NTIC (Nouvelles Technologies de l’Information et de la Communication), il contribue à la compréhension de l’échange des informations sur la toile et permet de participer à la mise en place des canaux de ces informations. Il est constitué de deux chapitres : Le HTML et Le CSS Le PHP avec MySQL 6 MSc. Pie Pacifique NTINANIRWA I. Le HTML et Le CSS Les langages HTML et CSS sont, comme nous allons le voir, à la base de tout projet de programmation web. Le HTML et le CSS sont des langages plutôt simples à maîtriser et à comprendre à comparer aux autres langages de programmation. I.1. Pourquoi apprendre les langages HTML et CSS ? Si le monde de l’informatique vous plaît et que vous êtes tenté d’apprendre la programmation informatique, vous serez obligé de passer par l’apprentissage du HTML et du CSS et ceci pour deux raisons. Tout d’abord, il faut savoir que le HTML et le CSS sont deux véritables standards et n’ont donc, à ce titre, pas de concurrent comme cela peut être le cas pour le langage PHP par exemple (concurrencé par Ruby on Rails et Django entre autres). Ensuite, les langages HTML et CSS sont véritablement le socle de tout projet de développement web. Que vous vouliez créer un site e-commerce, un blog, une application mobile ou quoique ce soit d’autre, vous serez obligé de passer par les langages HTML et CSS. Cela étant, si vous connaissez un petit peu le monde du web, vous pouvez très bien vous dire que coder en HTML et en CSS est inutile puisque vous pouvez utiliser des solutions toutes faîtes comme des frameworks (WordPress, PrestaShop), des éditeurs WYSIWIG (What You See Is What You Get) ou encore avoir recours aux services d’une agence spécialisée. I.2 Définitions et rôles du HTML et du CSS HTML est l’abréviation de HyperText Markup Language, soit en français « langage hypertexte de balisage ». Ce langage a été créé en 1991 et a pour fonction de structurer et de donner du sens à du contenu. CSS signifie Cascading StyleSheets, soit « feuilles de style en cascade ». Il a été créé en 1996 et a pour rôle de mettre en forme du contenu en lui appliquant ce qu’on appelle des styles. Sachez-le : beaucoup de débutants, et même des personnes expérimentées, confondons les fonctions respectives du HTML et du CSS et utilisent un langage pour faire le travail de l’autre. En l’occurrence, c’est le HTML qui est souvent utilisé à mauvais escient, pour mettre en forme du contenu. Retenez donc que le HTML est utilisé pour baliser un contenu, c’est à dire pour le structurer et lui donner du sens. Le HTML sert, entre autres choses, à indiquer aux navigateurs quel texte doit être considéré comme un paragraphe, quel texte doit être considéré comme un titre, que tel contenu est une image ou une vidéo. 7 MSc. Pie Pacifique NTINANIRWA Le CSS, quant-à-lui, est utilisé pour appliquer des styles à un contenu, c’est-à-dire à le mettre en forme. Ainsi, avec le CSS, on pourra changer la couleur ou la taille d’un texte, positionner tel contenu à tel endroit de notre page web ou ajouter des bordures ou des ombres autour d’un contenu. I.3. Versions actuelles des langages HTML et CSS Les versions actuelles du HTML et du CSS sont HTML5 et CSS3. Il uploads/Management/ prog-web.pdf