Remerciez-le!

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

Ministère de l’Enseignement Supérieur, de la Recherche Scientifique et de la Te

Ministère de l’Enseignement Supérieur, de la Recherche Scientifique et de la Technologie Direction Générale des Études Technologiques ***** Institut Supérieur des Études Technologiques du Kef Département INFORMATIQUE ***** Matière : Multimédia et Développement Internet Mots-clés du Support Introduction au développement web ; les pages HTML ; le contrôle de saisi ; programmer en Java Script ; la programmation côté serveur ; la programmation côté client ; les concepts de base du HTML, du Java Script et du PHP; les pages PHP et les bases de données etc. Support des travaux dirigés adressé aux étudiants du quatrième niveau (Réseau Informatique) ISETs Enseignant : Mossaab BOUKHCHIM Année Universitaire : 2006-2007 Préface Ceci est un travail réalisé au sein du département informatique de l’ISET du Kef qui a pour objectif principal de mettre à la disposition des étudiants des ISETs orientés vers les filières « informatique de gestion » et « réseau informatique », un support d'assistance permettant aux étudiants de se familiariser pas à pas avec quelques éléments indispensables de la programmation web. Ce document contient une suite de travaux pratiques guidés et détaillés sur le développement web et qui font partie du cours « Multimédia et développement web». Dans ce document, nous avons opté pour des thèmes dont la répartition se présente comme suit : Partie I : HTML Les concepts de base du HTML Les tableaux et les frames Les formulaires Les fiches HTML Partie II : Java Script Les concepts de base du Java Script Programmer en Java Script Partie III : PHP Cours PHP Introduction au PHP PHP et BD Multimédia et Développement Internet 3/81 Sommaire Fiche de présentation 5 But du cours et objectifs spécifiques 6 TP 1: Les concepts de base du html 8 TP2 : Les tableaux et les frames 15 TP3 : Les formulaires 21 Note Cours 1 : Les Fiches HTML 26 Tailles de polices 27 Séparateurs 27 Pointeurs vers autres documents 28 Listes 28 Styles 29 Images 30 Tableaux <TABLE> ... </TABLE> 31 Formulaires 32 Note Cours 2 : Les Concepts de base du Java Script 35 Les bases de Java Script 35 Les opérateurs 36 Les fonctions 37 Les conditions 39 Un peu de théorie objet 41 Afficher du texte 42 Les événements 43 Les formulaires 45 L'objet String 48 L'objet Math 48 L'objet Date 48 Multimédia et Développement Internet 4/81 L'objet Array 49 TP4 : TP Java Script 52 Note Cours 3 : Cours PHP 58 I- Introduction 58 1. Définition 58 2. Mise en œuvre et déploiement (EasyPHP) 58 II- Les fonctionnalités du langage 59 1. Premiers éléments du langage 59 2. Intégration de PHP dans une page HTML 59 3. Variables 60 4. Conditions et boucles 61 5. Tableaux 64 6. Passage et transmission de variables 65 7. Fonctions Prédéfinies 67 III- Utilisation d'une base de données MySql 68 1. SQL : petit récapitulatif du langage 68 2. Accéder à MYSQL via PHP 69 TP5 : Introduction au PHP 73 TP6 : PHP & BD 76 Multimédia et Développement Internet 5/81 Fiche de Présentation Multimédia et Développement Internet Enseignant Mossaab BOUKHCHIM Population : Étudiants du quatrième niveau (Réseau Informatique) ISETs. Crédits : 67,5 heures par semestre Volume Horaire : 4,5 heures par semaine sur 15 semaines. Pré requis : Algorithme et structure de données, Base de données. Langue : Français Objectifs du cours Présenter les principaux concepts de base des langages Html, Java Script et PHP. Amener les étudiants à construire de petites site selon le principe de la programmation orienté web, c’est-à-dire en s’appuyant sur la répartition des tâches entre le serveur et le client. Évaluations Test N°1 d’une heure. Devoir surveillé d’une heure. Test N°2 d’une heure. Examen final écrit de 2 heures sur tout le programme. Examen TP. Projet. Moyens Pédagogiques Support de cours papier. Support de cours numérique. Série de travaux pratiques. Multimédia et Développement Internet 6/81 But du cours et objectifs généraux Multimédia et Développement Internet Objectifs Généraux Conditions de réalisation de la performance Critères d’évaluation de la performance Connaître l’allure d’une page HTML, sa structure générale et la démarche à suivre pour la produire. A partir des notes de cours et des références bibliographiques, l’étudiant devrait identifier les éléments constitutifs d’une page HTML. Aucune erreur n’est permise. Savoir construire des tableaux et des frames, après avoir compris ces nouvelles notions. A partir des notes de cours, des références bibliographiques et les TPs l’étudiant devrait être capable de reconnaître un tableau et une frame et de pouvoir les construire correctement. Aucune erreur n’est permise. L’étudiant doit pouvoir construire avec succès les tableaux et les frames. Connaître les formulaires et ses objets. A partir des notes de cours, des références bibliographiques et les TPs l’étudiant devrait être capable de reconnaître et d’énumérer les objets d’une formulaire.. L’étudiant doit pouvoir décrire correctement un formulaire et utiliser ses objets. Connaître et comprendre les objets, les structures de données, les événements et les opérations du Java Script. A partir des notes de cours et les TPs l’étudiant devrait être capable de connaître les concepts de base du Java Script. L’étudiant doit être capable d’écrire correctement une balise Java Script. Etudier le langage PHP. A partir des notes de cours et les TPs l’étudiant devrait être capable de connaître les différents concepts du PHP. L’étudiant doit être capable d’écrire correctement une page web utilisant des balises PHP. Connaître le principe de manipulation des bases de données par le php. A partir des notes de cours et les Tps l’étudiant devrait être capable de connaître l’utilité de base de données. En outre, il devrait être capable d’utiliser le PHP pour supprimer, modifier, consulter et ajouter des données de la base. L’étudiant doit être capable de se connecter à une base de données pour la gérer. Concepts de base du HTML Objectifs Se familiariser avec l’environnement du développement web Connaître l’allure d’une page HTML, sa structure générale et la démarche à suivre pour la produire. Enoncé du TP : Multimédia et Développement Internet 8/81 TP 1 Concepts de base du HTML Avant propos Première chose importante à savoir sur HTML est la signification de ces quatre initiales : Hyper Text MarkUp Language. HTML est un langage de description (et non pas un langage de programmation) qui va nous permettre de décrire l'aspect d'un document, d'y inclure des informations variées (textes, images, sons, animations etc.) et d'établir des relations cohérentes entre ces informations grâce aux liens hypertextes. Les avantages du langage HTML sont nombreux : peux coûteux en effet un simple éditeur de texte suffit à écrire ses premiers documents HTML relativement facile à aborder, il représente en outre un bon moyen de dépasser les problèmes de compatibilité entre les systèmes et les formats informatiques différents. La description d'un document HTML passe par l'utilisation de BALISES (ou "TAGS" en anglais). Une balise est délimitée par les signes "<" et ">" entre lesquels figure le nom de la balise. Par exemple, la balise de retour à la ligne est <BR> La plupart du temps, on utilise une balise de début et une balise de fin, qui définissent les propriétés de l'intervalle. Allure d’un fichier HTML ou squelette d’un fichier HTML  <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> Commentaires Les commentaires peuvent être placés n'importe où dans un document HTML à condition de ne pas être imbriqués. Ils sont placés entre les chaînes de caractère . HTML C’est le premier marqueur ou tag que l’on trouve dans un document HTML. Tout le document qui sera écrit par la suite (texte ou marqueur) sera compris entre le tag <HTML> et </HTML>. Exemple : <HTML> Document à écrire </HTML> Multimédia et Développement Internet 9/81 En-tête <HEAD> L'en-tête du document est réservé aux méta-informations (les informations relatives au document) comme son titre. Ces méta-informations doivent être placées entre les tags <HEAD> de début et </HEAD> de fin. Dans l'en-tête, on trouvera les commandes suivantes : TITLE (la seule véritablement essentielle- voir ci-dessous) ISINDEX indique au logiciel client que le document est un écran permettant une saisie pour interroger un programme externe (Programme CGI), (Servait à l’origine du HTML aux browser à envoyer de l’info.-Les formulaires ont simplifiés tout), BASE permet d'indiquer une adresse de base qui complétera tous les chemins relatifs, LINK (Indique un lien entre le présent document et un autre) ; très rarement utilisé. NEXTID (Indique le document suivant – considéré actuellement comme obsolète-) META donne des informations sur le document au serveur. Ces informations sont généralement : <META NAME=...> le nom, <META AUTHOR=....> le nom de l'auteur, <META CONTENT=….> , <META NEXTID=….>un identifiant. <BASEFONT SIZE = n> ou n prend les valeurs 1 à 7.Cette commande fixe la taille de la police de caractères (par défaut : 3) 1, petits caractères … 7, gros caractères. PROMPT=texte, permet d'afficher le texte comme message pour <ISINDEX>. Titre uploads/Science et Technologie/ 2015-01-04-tp-php.pdf