Remerciez-le!

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

D .Mailliet Cours Internet MIAGE 2ème année Technologies Internet Table des mat

D .Mailliet Cours Internet MIAGE 2ème année Technologies Internet Table des matières D. Mailliet 2 Cours Internet...................................................................................................................................................................................1 Cours Internet...................................................................................................................................................................................7 I. Introduction..............................................................................................................................................................................7 A. Logiciels utilisés..............................................................................................................................................................7 1. Editeur de Textes.............................................................................................................................................................7 2. Navigateur........................................................................................................................................................................7 3. Serveur http......................................................................................................................................................................7 4. Interprète Php ..................................................................................................................................................................7 5. Serveur de base de données MySQL.............................................................................................................................7 6. Installation des logiciels..................................................................................................................................................7 a) Sous Windows.............................................................................................................................................................7 b) Sous Linux...............................................................................................................................................................7 B. Objectifs du cours : quelques « langages » pour Internet.............................................................................................7 1. Seul le client est utile ......................................................................................................................................................8 L’ HyperText Markup Language .......................................................................................................................................8 a) Les feuilles de style.....................................................................................................................................................8 b) Le javascript ............................................................................................................................................................8 c) Les applets java ...........................................................................................................................................................8 2. serveur(s) nécessaire(s)...................................................................................................................................................8 a) Le Php..........................................................................................................................................................................8 b) Php - MySql ............................................................................................................................................................8 C. But de l’enseignement.....................................................................................................................................................8 D. Clients et Serveurs...........................................................................................................................................................8 1. Exemple ...........................................................................................................................................................................8 2. Client seul........................................................................................................................................................................9 3. Client et serveur...............................................................................................................................................................9 Bonjour......................................................................................................................................................................................... 10 4. Fonctionnement Résultat ............................................................................................................................................. 11 E. Javascript ou Php ?....................................................................................................................................................... 11 1. Exemple 1 ..................................................................................................................................................................... 11 2. Exemple 2 ..................................................................................................................................................................... 11 3. Exemple 3 ..................................................................................................................................................................... 11 II. Attention à la casse........................................................................................................................................................... 12 III. Html................................................................................................................................................................................... 13 A. Structure d'un document HTML.................................................................................................................................. 13 B. Le laxisme du HTML................................................................................................................................................... 14 C. Présentation d’un document HTML............................................................................................................................ 14 D. Indentation ou pas ........................................................................................................................................................ 15 E. Liste des balises et des attributs................................................................................................................................... 15 F. Du style dans le texte ................................................................................................................................................... 33 1. Les titres........................................................................................................................................................................ 33 Mon titre en H1....................................................................................................................................................................... 33 Mon titre en H2................................................................................................................................................................... 33 Mon titre en H3............................................................................................................................................................... 33 Mon titre en H4........................................................................................................................................................... 33 2. Les différents styles de caractères............................................................................................................................... 33 Voici du gras............................................................................................................................................................................ 33 Voici de l'italique.................................................................................................................................................................. 33 voici du texte en police monospace...................................................................................................... 33 voici du texte souligné ................................................................................................................................................. 33 Voici un exemple de texte partiellement en italique, en gras et souligné............................................................................. 33 3. Styles logiques.............................................................................................................................................................. 33 Mise en évidence simple............................................................................................................................................... 34 Plus d'emphase............................................................................................................................................................ 34 Pour faire une citation................................................................................................................................................. 34 Le résultat d'un programme.......................................................................................................................... 34 MIAGE 2ème année Technologies Internet Table des matières D. Mailliet 3 ceci est une variable......................................................................................................................................................34 Du code ......................................................................................................................................................................34 Une touche du clavier...................................................................................................................................34 G. Formater le texte............................................................................................................................................................34 1. Les retours à la ligne : <br> ou <p>.............................................................................................................................34 avec un retour à la ligne et une ligne vierge ........................................................................................................................34 2. Aligner le texte..............................................................................................................................................................34 Votre paragraphe est au centre......................................................................................................................................................34 3. Mettre du texte en retrait : ............................................................................................................................................34 4. Le texte préformaté :.....................................................................................................................................................35 5. Césure ou pas de césure................................................................................................................................................35 6. Les traits de séparation : ...............................................................................................................................................35 7. Les caractères spéciaux.................................................................................................................................................35 8. Indice et exposant..........................................................................................................................................................36 H. Afficher des images ......................................................................................................................................................36 1. Les formats de fichiers graphiques ..............................................................................................................................36 2. Affichage simple d'une image......................................................................................................................................36 3. Les attributs de <IMG> ................................................................................................................................................37 4. Une image pour le fond de votre page.........................................................................................................................37 I. Les Liens HyperTextes .....................................................................................................................................................37 1. Créer un lien hypertexte - <A> ....................................................................................................................................37 2. Utiliser les ancres - <A name="..."> ............................................................................................................................38 a) Insérer une ancre .......................................................................................................................................................38 b) Pointer vers une ancre ..........................................................................................................................................38 J. Les Listes...........................................................................................................................................................................38 1. Listes à puces et listes numérotées...............................................................................................................................38 a) Les listes à puces - <UL> .........................................................................................................................................38 b) Les listes numérotées - <OL> ..............................................................................................................................38 1. Mon premier élément de liste...............................................................................................................................................39 2. Mon deuxième élément de liste............................................................................................................................................39 2. Les listes descriptives - <DL>......................................................................................................................................39 3. Les listes <DIR> et <MENU> .....................................................................................................................................39 4. Mêler les listes...............................................................................................................................................................40 K. Couleurs et Polices........................................................................................................................................................40 1. Définition des couleurs en HMTL...............................................................................................................................40 a) Les couleurs standard ...............................................................................................................................................40 b) Les codes hexadécimaux......................................................................................................................................40 2. Les éléments de la page ................................................................................................................................................40 3. Les polices de caractères : La balise <FONT> ...........................................................................................................41 a) Changer la taille par défaut ......................................................................................................................................41 L. Les Tableaux .................................................................................................................................................................41 1. Définir un tableau - <TABLE>....................................................................................................................................42 2. Les cellules d'un tableau ...............................................................................................................................................42 a) Les titres ....................................................................................................................................................................42 b) Les cellules............................................................................................................................................................43 3. Exemple de code pour un tableau ................................................................................................................................43 M. Les frames......................................................................................................................................................................44 1. Le fichier <FRAMESET> ............................................................................................................................................44 2. Les attributs pour le fichier <FRAMESET> ...............................................................................................................44 3. Des fichiers HTML et des frames................................................................................................................................45 4. Exemple de code pour un fichier frameset..................................................................................................................46 N. Formulaires de saisie.....................................................................................................................................................46 IV. Javascript ...........................................................................................................................................................................49 A. Généralités.....................................................................................................................................................................49 B. Erreur dans un javascript ..............................................................................................................................................49 1. Erreur simple.................................................................................................................................................................49 2. ErreurGrave...................................................................................................................................................................49 MIAGE 2ème année Technologies Internet Table des matières D. Mailliet 4 C. Commentaires............................................................................................................................................................... 49 D. Constantes, Variables, types........................................................................................................................................ 49 1. Variables ....................................................................................................................................................................... 50 Le nom des variables est sensible à la casse (ie : x != X)....................................................................................................... 50 2. Constantes..................................................................................................................................................................... 50 3. La valeur sans valeur.................................................................................................................................................... 50 4. opérateurs divers........................................................................................................................................................... 50 a) Opérateurs d’assignement : ..................................................................................................................................... 50 b) Opérateurs de comparaison :............................................................................................................................... 51 c) Opérateurs ‘affectation conditionnelle.................................................................................................................... 51 E. Types............................................................................................................................................................................. 51 1. Généralités .................................................................................................................................................................... 51 a) Syntaxe objet ............................................................................................................................................................ 51 b) Syntaxe Classe ..................................................................................................................................................... 51 c) Syntaxe impérative................................................................................................................................................... 51 2. Booléens........................................................................................................................................................................ 51 a) Opérateurs logiques : ............................................................................................................................................... 52 3. Les nombres.................................................................................................................................................................. 52 a) Les entiers:................................................................................................................................................................ 52 b) Les nombres décimaux: ....................................................................................................................................... 52 c) Les opérateurs........................................................................................................................................................... 52 d) Les constantes mathématiques............................................................................................................................ 52 e) Les fonctions ............................................................................................................................................................ 52 4. Les chaines: .................................................................................................................................................................. 52 a) L’opérateur de Concaténation................................................................................................................................. 53 b) Les fonctions ........................................................................................................................................................ 53 5. Les tableaux:................................................................................................................................................................. 53 a) Tableaux simples...................................................................................................................................................... 53 b) Tableaux associatifs............................................................................................................................................. 54 c) Tableaux multidimentionnels.................................................................................................................................. 54 d) fonctions............................................................................................................................................................... 54 6. Les dates: ...................................................................................................................................................................... 56 a) Fonctions................................................................................................................................................................... 56 F. Les structures de contrôle............................................................................................................................................ 56 1. Conditionnelle .............................................................................................................................................................. 56 a) Le Si .......................................................................................................................................................................... 56 b) Le Cas ................................................................................................................................................................... 57 2. Boucles.......................................................................................................................................................................... 57 a) Boucle pour............................................................................................................................................................... 57 b) Pour dans .............................................................................................................................................................. 58 c) Boucle tant que......................................................................................................................................................... 58 3. Rupture et continuitéde boucle.................................................................................................................................... 58 G. Les fonctions................................................................................................................................................................. 59 1. Passage des arguments par valeur............................................................................................................................... 59 2. Passage des arguments par adresse (par variable)...................................................................................................... 59 3. Arité variable ................................................................................................................................................................ 59 H. Les procédures.............................................................................................................................................................. 60 I. Portée des variables.......................................................................................................................................................... 60 J. Classes et Objets............................................................................................................................................................... 61 K. Entrées/Sorties.............................................................................................................................................................. 61 1. sorties............................................................................................................................................................................ 61 2. entrées ........................................................................................................................................................................... 62 L. Fichiers.......................................................................................................................................................................... 62 M. Inclusion de fichiers ..................................................................................................................................................... 62 N. Evénements : traitement............................................................................................................................................... 62 O. Evénements : simulation.............................................................................................................................................. 63 Blur() ; focus() ; click(); submit(); etc....................................................................................................................................... 63 MIAGE 2ème année Technologies Internet Table des matières D. Mailliet 5 Dans l’exemple suivant on simule l’action de l’utilisateur qui consiste à placer le focus sur le champ mdp.........................63 Dans les 2 exemples suivants on envoie automatiquement le formulaire ci-dessus.................................................................64 P. Objets prédéfinis ...........................................................................................................................................................64 1. Exemple très important :...............................................................................................................................................64 2. Les tableaux prédéfinis.................................................................................................................................................65 3. Exemple : communication entre frames ......................................................................................................................66 4. Exercice : .......................................................................................................................................................................67 V. Feuilles de style.................................................................................................................................................................69 A. La création de style.......................................................................................................................................................69 B. Les feuilles de style externes........................................................................................................................................70 1. Le fichier externe ..........................................................................................................................................................70 2. L'intégration du fichier externe ....................................................................................................................................70 C. Les propriétés de style ..................................................................................................................................................70 1. Les propriétés de police................................................................................................................................................70 2. Les propriétés de texte ..................................................................................................................................................71 3. Les propriétés d'arrière-plan.........................................................................................................................................71 4. Les propriétés de positionnement.................................................................................................................................71 5. Les propriétés d'encadrement .......................................................................................................................................71 6. Exemples........................................................................................................................................................................72 VI. Applet java.........................................................................................................................................................................74 A. Généralités.....................................................................................................................................................................74 B. Syntaxe...........................................................................................................................................................................74 C. Passage de paramètres...................................................................................................................................................75 VII. Php......................................................................................................................................................................................76 A. Généralités.....................................................................................................................................................................76 B. Commentaires................................................................................................................................................................77 C. Constantes, Variables, types.........................................................................................................................................77 1. variables.........................................................................................................................................................................77 Le nom des variables est sensible à la casse (ie : $x != $X)...................................................................................................77 2. Nommage dynamique des variables ............................................................................................................................78 3. Constantes......................................................................................................................................................................79 4. Références .....................................................................................................................................................................79 5. La valeur sans valeur ....................................................................................................................................................79 6. opérateurs divers ...........................................................................................................................................................79 a) Opérateurs d’assignement : ......................................................................................................................................79 b) Opérateurs de comparaison :................................................................................................................................79 c) Opérateurs ‘affectation conditionnelle ....................................................................................................................79 7. Variables prédéfinies ....................................................................................................................................................80 D. Types..............................................................................................................................................................................80 1. Booléens ........................................................................................................................................................................80 a) Opérateurs logiques :................................................................................................................................................80 2. Les nombres...................................................................................................................................................................80 a) Les entiers: ................................................................................................................................................................80 b) Les nombres décimaux:........................................................................................................................................81 c) Les opérateurs ...........................................................................................................................................................81 d) Les constantes mathématiques.............................................................................................................................81 e) Les fonctions .............................................................................................................................................................81 3. Les chaines: ...................................................................................................................................................................83 a) L’opérateur de Concaténation..................................................................................................................................83 b) Les fonctions.........................................................................................................................................................83 4. Les tableaux:..................................................................................................................................................................86 a) Tableaux simples.......................................................................................................................................................86 b) Tableaux associatifs..............................................................................................................................................86 c) Tableaux multidimentionnels...................................................................................................................................86 d) fonctions................................................................................................................................................................87 e) Exemple.....................................................................................................................................................................88 E. Les structures de contrôle.............................................................................................................................................89 MIAGE 2ème année Technologies Internet Table des matières D. Mailliet 6 1. Conditionnelle .............................................................................................................................................................. 89 a) Le Si .......................................................................................................................................................................... 89 b) Le Cas ................................................................................................................................................................... 90 2. Boucles.......................................................................................................................................................................... 90 a) Boucle pour............................................................................................................................................................... 90 b) Boucle pour chaque ............................................................................................................................................. 91 c) Boucle tant que......................................................................................................................................................... 92 d) Boucle Faire tant que........................................................................................................................................... 92 3. Rupture et continuité de boucle................................................................................................................................... 93 F. Les fonctions................................................................................................................................................................. 93 1. Passage des arguments se fait par valeur.................................................................................................................... 93 2. Passage des arguments se fait par adresse (par variable)........................................................................................... 93 G. Les procédures.............................................................................................................................................................. 94 H. Portée des variables...................................................................................................................................................... 94 I. Classes et Objets............................................................................................................................................................... 94 J. Entrées/Sorties.................................................................................................................................................................. 95 1. sorties............................................................................................................................................................................ 95 2. entrées ........................................................................................................................................................................... 95 K. Fichiers.......................................................................................................................................................................... 96 Et pour la lecture........................................................................................................................................................................... 96 L. Inclusion de fichiers ..................................................................................................................................................... 97 VIII. PhpMyAdmin ............................................................................................................................................................... 98 On voit ci-dessus les différentes bases que l’on peut développer en cliquant sur le + et découvrir les tables qui la compose ........................................................................................................................................................................................................ 98 CREATE DATABASE `calrep`;............................................................................................................................................... 101 Soit par un copier/coller des lignes de ess.sql........................................................................................................................... 101 IX. Interfaçage PhP/MySql .................................................................................................................................................. 102 MIAGE 2ème année Technologies Internet Introduction D. Mailliet 7 Cours Internet I. Introduction A. Logiciels utilisés 1. Editeur de Textes Votre éditeur de textes (ASCII) préféré fera l’affaire. Il est possible d’utiliser Notepad sous Windows, VI ou Kedit sous Linux. Mais les Editeurs plus évolués comme (X)Emacs ou Pfe ou scriptEdit ou encore EditPlus faciliteront la tache. Les éditeurs intégrés aux navigateurs seront aussi utilisés sans en abuser. Il permettra d’écrire les codes dans les différents langages 2. Navigateur Internet Explorer, Netscape, Mozilla sont les plus utilisés. Ils ne réagissent pas tous exactement de la même façon. Internet Explorer n’existe que sous windows. Netscape et mozilla existent sous Windows et linux, Ils ne réagissent pas non plus exactement de la même façon sous ces 2 systèmes d’exploitation. Il conviendra donc de tester les pages créées sous les 2 systèmes d’exploitation et avec les différents navigateurs. 3. Serveur http C’est lui qui va fournir les pages html demandées. Nous utiliserons Apache. Le rôle essentiel du serveur Http va être uploads/s3/ cours-internet.pdf