STID 2ème année : TP Web/PHP

Dimension: px
Commencer à balayer dès la page:

Download "STID 2ème année : TP Web/PHP"

Transcription

1 STID 2ème année : TP Web/PHP Plan de travail et aide mémoire Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction à XHTML et à l'utilisation de CSS Une introduction aux scripts PHP, et leur utilisation pour effectuer des requêtes SQL L'utilisation de formulaires, notamment pour l'authentification de vos clients Une sensibilisation au respect des standards du Web Toutes les ressources du TP, ce document, ainsi que divers liens fort utiles se trouvent ici : (onglet «Teaching») A) Créer son site et sa base de données 1. Connection au serveur Web et téléchargement des pages Les pages Web (.html), feuilles de style (.css), et scripts PHP (.php) que vous allez écrire sur votre poste local doivent être transférées sur un serveur de page Web pour pouvoir être consultées. A l'iut, la machine etu-php-mysql.iut2.upmf-grenoble.fr fait à la fois office de serveur Web et de serveur de bases de données, c'est donc sur cette machine que vous allez déposer vos créations. Un compte vous a été créé sur le serveur, avec votre identifiant et votre mot de passe habituel. Pour envoyer vos fichiers sur le serveur, utilisez un logiciel client FTP (File Transfert Protocol) comme Filezilla ou équivalent. Dans votre répertoire sur le serveur se trouve un dossier www, qui constitue la racine de votre site Web. Les pages que vous créez doivent donc être déposées dans ce dossier pour être prises en compte par le serveur de pages Web. 2. Consultation de votre site Une fois vos premières pages envoyés sur le serveur, vous pouvez lancer un navigateur (Firefox, Internet Explorer ou autre) et entrer l'adresse de votre site (remplacer login par votre identifiant) :

2 Votre page Web doit s'afficher correctement dans le navigateur. 3. Connection à votre base de données Un serveur de base de données MySQL est installé sur etu-php-mysql.iut2.upmf-grenoble.fr. Un compte vous a été crée pour vous connecter au serveur MySQL, mais pour des raisons de sécurité, vos paramètres de connection (login et mot de passe) sont différents. Vos paramètres de connection ont été placés dans votre répertoire sur la machine etu-phpmysql.iut2.upmf-grenoble.fr, dans un fichier infos_mysql.txt. Récupérez ce fichier via FTP. 4. Création de votre base de données Une fois que vous avez obtenu votre identifiant et votre mot de passe pour MySQL, vous pouvez utiliser PhpMyAdmin pour créer et administrer vos bases de données. Dans un navigateur, entrer l'adresse : Identifiez-vous, créez et remplissez vos bases de données. ATTENTION : Lors de la création de vos bases, veillez à spécifier comme moteur de stockage InnoDB (qui n'est pas la valeur par défaut), sinon vous ne pourrez pas spécifier de clefs étrangères entre vos tables. B) Ecriture des pages de votre site Web 1. Structure du document avec XHTML 1.1. Différence structure / présentation : XHTML définit le contenu de la page, mais pas la manière dont celle-ci s'affiche à l'écran (présentation). Les feuilles de style (CSS) gèrent la présentation (voir plus bas) Deux types de balises : «bloc» et «en ligne» (inline) Balises bloc : balise ouvrante <nom_balise> contenu

3 balise fermante : </nom_balise> Balises en ligne : <nom_balise /> Exemples de syntaxe : Balise bloc : <p>bonjour, ceci est un paragraphe</p> Balise en ligne : <img src=''/home/toto/image.png'' alt=''description de l'image'' /> 1.3. Structure minimum d'une page Web : <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>titre du site</title> </head> <body> </body> </html> <! Votre contenu ici ici > Le doctype indique (simplement) que vous utilisez la version 1 de XHTML Les balises à connaitre : <html></html> <head></head> <body></body> Balise «mère» de plus haut niveau, qui contiendra toutes les autres Définit l'en-tête de votre document Le corps du document, là où se situe le contenu de la page <h1></h1> Titre de niveau 1 (fonctionne avec h2, h3... h6) <p></p> <br /> Paragraphe (contient du texte) Retour à la ligne <a href=''page.html'' />lien</a> Lien hypertexte (vers une autre page html) <em></em> <strong></strong> <div></div> <img src=''image.png'' alt=''description de l'image'' /> Mise en valeur faible (généralement italique) Mise en valeur forte (généralement gras) Balise générique (sans sémantique) Insère une image dans votre page. L'attribut alt est obligatoire, et sert de texte de remplacement au cas où l'image ne peut pas être affichée. Ce chapitre est un simple aperçu, il est fortement recommandé de consulter les liens présents

4 sur ma page Web, notamment un tutorial simple et assez complet. 2. Gérer la présentation de vos pages avec CSS 1. Pourquoi des feuilles de style? CSS permet de gérer la présentation de vos pages structurées avec XHTML. Une feuille de style est un document indiquant comment devra être affiché tel ou tel élément de votre page (par exemple : tous les titres en bleu et le fond de la page en rouge). L'indépendance entre la structure et la présentation a de nombreux avantages. Outre une meilleure lisibilité du code source de vos pages, vous gagnerez également en facilité de modifications, de réutilisation, et de personalisation de vos pages de manière dynamique. 2. Syntaxe Un fichier.css est composé d'une série de lignes de la sorte, contenant un sélecteur, une accolade ouvrante, un série de couple propriété/valeur séparés par des points virgules, et un accolade fermante. 3. Utilisation Il existe 3 façons de définir le style d'élements : 1 utiliser l'attribut «style» des balises XHTML. Exemple : <body style="background color: red;"> 2 utiliser la balise XHTML «style» (dans l'en-tête de votre page XHTML) Exemple : <style type="text/css"> body {background color: red;} </style> 3 et c'est de loin la meilleur façon, utiliser une feuille de style externe avec votre page. Il faut placer un lien vers la feuille de style dans l'en-tête de la page (cad. entre <head> et </head>). <link rel="stylesheet" media="screen" type="text/css" href="mafeuille.css" />

5 4. Quelle méthode chosir? Cette dernière méthode est la meilleure car elle permet le maximum de découplage entre structure et présentation. En effet, imaginons que vous définissiez la couleur du titre <h1> à bleu, et que ce titre est utilisé des dizaines de fois, dans des centaines de fichiers XHTML. Si vous voulez changer la couleur de <h1>, il faudra modifier chaque élément <h1> dans chacun des fichiers si vous avez choisi la première méthode. Il faudra quand même modifier chaque fichier une fois si vous avez choisi la seconde. Si vous utilisez une feuille de style, vous avez uniquement une ligne à modifier pour arriver au même résultat. Privilégiez donc toujours une séparation du contenu et de la présentation, cela constituera un gage de qualité pour vos sites. 5. Exemple de feuille de style h1 {color: blue; font style: italic;} h2 {color: red; font weight: bold;} p {text align: left;} p.justifie {text align: justify;} 6. Classes Une fonctionnalité intéressante de CSS est la possibilité d'utiliser des classes d'éléments. En effet on a vu que l'on pouvait définir des propriétés pour l'ensemble des balises d'un document (par exemple tous les titres en bleu). Mais comment faire si l'on veut certains titres en bleu, et d'autre en vert? Commencer par définir la classe des titres concernés dans le fichier.html : <h1 class=''titrea''>mon titre en bleu</h1> <h1 class=''titreb''>autre titre en vert</h1> Dans la feuille de style, définir : h1.titrea {color: blue;} h1.titreb {color: blue;} Et les titres s'afficheront dans la couleur voulue.

6 C) Ecriture de scripts PHP et communication avec la base de données 1. Pourquoi PHP? XHTML permet de créer des structures de page Web, CSS permet de leur donner l'aspect voulu, mais ces pages restent statiques : leur contenu restera le même quelque soit l'utilisateur. PHP est un langage de script qui permet d'effectuer des opérations complexes, comme des calculs, des connections à des bases de données, le traitement des résultats, etc... Contrairement à XHTML, PHP peut être utilisé comme un véritable langage de programmation : vous pouvez affecter des variables, écrire des instructions conditionnelles, des boucles, gérer des tableaux Principe de fonctionnement Lorsque vous demandez une page.html classique, son contenu est téléchargé depuis le serveur, puis interprété par votre navigateur pour être affiché à l'écran. Un script PHP, lui, est exécuté directement par le serveur. Les clients accédant à une page PHP ne voient pas le contenu du script, mais uniquement ce que ce dernier affiche. Voici un exemple pour avoir les idées claires : fichier exemple1.php : <?php?> echo '<h1>exemple1</h1>'; echo '<p>bonjour<p>'; fichier exemple2.php : <?php echo '<h1>exemple2</h2>'; $annee=2007 if($annee == 2008) { echo '<p>bonne année!<p>'; }?> affichage sur le navigateur du client : Exemple1 Bonjour affichage sur le navigateur du client : Exemple2 Notons que toute commande PHP doit se trouver dans un fichier.php, entre des balises <?php et?>. Vous aurez deviné que la fonction echo permet d'afficher du texte à l'écran. En fait ce n'est pas exactement le cas : PHP étant interprété sur le serveur, le texte produit est transféré au client, puis interprété par son navigateur. En effet, ce dernier ne fera pas la différence entre du XHTML stocké directement dans un fichier.html sur le serveur, et du XHTML produit par un script PHP sur le

7 serveur. Il faut donc que les données en sortie de vos scripts PHP soient du XHTML correct pour que l'affichage se passe correctement. Une fois assimilé ce principe de fonctionnement PHP s'avère un outil extrêmement puissant et assez souple d'utilisation. 3. Connection à une base de données et traitement des résultats La connection à une base de données n'a rien de compliqué avec PHP. Le code ci-dessous présente l'exemple d'une connection à une base de données contenant des informations sur des personnes, et génère le code XHTML pour afficher les résultats dans un tableau. <?php $connexion = mysql_connect($host, $login, $pass) mysql_select_db($bd) $req = "SELECT * FROM Personne ORDER BY nom"; $resultat = mysql_query($req); echo "<table>"; echo "<tr><th>identifiant</th><th>nom</th><th>prénom</th></tr>"; while ($ligne = mysql_fetch_row($resultat)) { echo "<tr><td>$ligne[0]</td><td>$ligne[1]</td><td>$ligne[2]</td></tr>"; } echo "</table>";?> La signification de mysql_fetch_row peut ne pas sembler évidente. En fait, elle sert à récupérer le prochain résultat de la requête et à le stocker dans un tableau ($ligne), afin de faciliter le traitement ultérieur. Vous pouvez maintenant utiliser cet exemple comme point de départ et l'adapter à vos propres besoins. Cet exemple effectue une simple lecture (Select), mais vous pouvez bien sur effectuer toutes les opérations que la syntaxe SQL autorise.

8 D) Formulaires et authentification 1. Introduction La quasi totalité des sites proposent aujourd'hui à leurs clients des services personnalisés une fois ces derniers connectés. Nous allons voir comment afficher un formulaire d'authenfication sur votre page Web, et s'en servir pour permettre à vos visiteurs de s'identifier. 2. Formulaires XHTML Un formulaire devra se trouver à l'intérieur d'une balise <form>. Cette balise prend deux attributs : method et action. method : définit la méthode d'envoi du formulaire (get ou post, utilisez post) action : la page qui va traiter le résultat (et où le visiteur va être redirigé) Exemple : <form method="post" action="traitement.php''> Ensuite, les cases de saisie de type login/password que l'on voit sur les sites Web sont des balises XHTML comme les autres. Vous disposez (entre autres) de : <input type="text" /> qui permet d'entrer du texte, à utiliser pour l'identifiant de l'utilisateur, et de <input type="password" /> qui permet également d'entrer du texte, mais affiche des étoiles à la place des caractères tapés (fort utile pour les mots de passe). Important : Pour toutes les entrées de formulaire, il faut ajouter un attribut name aux balises, afin de pouvoir récupérer les valeurs de ces entrées. Exemple : <input type="text" name="login_form" /> Ne pas oublier la balise <input type="submit" /> qui affiche un bouton permettant de valider le formulaire. Vous pouvez changer le message sur le bouton avec l'attribut value. 3. Récupération des données Une fois votre formulaire terminé, il faut faut écrire le script PHP qui va traiter les données receuillies. Si vos données on été transmises avec la méthode post, un tableau spécial $_POST sera disponible et contiendra la valeur des champs du formulaire, indexé par le nom de la balise d'entrée. Par exemple :

9 <?php?> $login=$_post['login_form']; $pass=$_post['pass_form']; echo 'Tentative d'identification de '.$login.' en cours...'; Vous avez récupéré le nom du visiteur, mais simplement afficher son nom a un intérêt limité. Voyons maintenant comment gérer l'authentification des clients. 4. Authentification Il existe de nombreuses méthodes d'authentification, plus ou moins simples ou sures. Nous en verrons une simple et rapide à mettre en oeuvre. Pour ceux qui auront le temps, des pistes sont données pour mettre en oeuvre des solutions plus complexes mais également plus sure et plus élégante. Méthode simple Une première méthode simple est de conserver un fichier sur le serveur avec l'identifiant et le mot de passe de chaque utilisateur autorisé à s'inscrire. Ce fichier sera importé par les scripts PHP voulant vérifier l'existence d'un utilisateur. Voici l'exemple d'un tel fichier, nommé utilisateurs.php : <?php?> $users=array( 'toto' => 'fleur', 'titi' => 'montagne' ); Ce script déclare un tableau des mot de passe indexés sur le nom des utilisateurs. Maintenant on peut autoriser ou non l'affichage d'une page suivant si l'utilisateur est reconnu ou non. Voici notre traitant de formulaire modifié : <?php?> $login=$_post['login_form']; $pass=$_post['pass_form']; echo 'Tentative d'identification de '.$login.' en cours...<br />'; if($users[$login]==$pass) { echo 'Connection acceptée'; } else { echo 'Vous ne pouvez pas voir cette page, désolé'; } Cette méthode pose un problème de sécurité : en effet les mots de passe des utilisateurs sont accessibles simplement dans un fichier. De plus l'ajout, la supression de client, ainsi que la modification des mot de passe sont malaisés.

10 Méthode avancée Une solution élégante est de stocker les informations concernant les clients dans une base de données. L'ajout et la suppresion pourront ainsi se faire très facilement. Les traitants des formulaires enverront des requêtes à la base en fonction de l'opération demandée (Select pour une demande de connection, Update pour une mise à jour de mot de passe, Add/Delete pour ajouter/effacer des utilisateurs. Méthode professionnelle Pour des sites sensible, il est indispensable de crypter les données d'authentification. PHP fournit une fonction md5() qui prend en paramètre une chaîne de caractères et fournit un hash non réversible de cette chaîne. Si vous avez le temps, utilisez cette fonction pour crypter le stockage des mot de passe des clients. 5. Session Une fois le client authentifié, il souhaite le rester pendant toute la durée de se visite de votre site. Les clients trouveront pénible de devoir se re-authentifier à chaque page! Le mécanisme des sessions est fait pour cela. A chaque démarrage d'une session par un client, un tableau «super global» $_SESSION est crée. Vous pouvez ajouter ou retirer des variables de ce tableau à votre guise, et les variables stockées dans ce tableau y resteront pendant toute la durée de la session (et non uniquement pendant la visite de la page en cours comme c'était le cas avec $_POST). Créer une session : <?php session_start();?> Important : Cette fonction doit être placée avant tout code XHTML dans votre page (pour des raisons d'accès au cache du navigateur) Affecter une variable : <?php $_SESSION['variable'] = $valeur ;?> Tester l'existence d'une variable de session : if(isset($_session['variable_a_tester'])) echo 'Variable définie!'; Supprimer une variable de session : unset($_session['variable']); Détruire une session : session_destroy();

11 E) Vérification de la structure des pages et validation W3C Dans ce dernier chapitre vous allez vérifier que les pages que vous avez produites sont «valides». 1. Règles de bonne conduite XHTML est un langage de balisage, permettant d'imbriquer un nombre illimité de balises : Exemple : <html> <body> <p> <span> <em> etc... Par contre, il est interdit de croiser des balises comme ceci : <strong>blabla<em>blabla</strong></em> Pourquoi? Cela vient de la nature du XHTML, qui dérive du XML, qui est lui-même un langage à base d'arbre interdisant ce genre de pratiques. Deuxièmement, il est obligatoire de fermer tout balise ouverte. Enfin, toutes les balises doivent être tapées en minuscules. Depuis XHTML (le remplaçant d'html), certaines pratiques sont devenues à éviter (sans pour autant être absolument interdites pour l'instant), comme par exemple structurer sa page avec des balises <table> (les <div> sont fait pour cela). 2. Pourquoi respecter les normes? Une question fréquente est : «Pourquoi respecter toutes ces contraintes alors que ma page s'affiche correctement sur mon navigateur?» Il y a plusieurs réponses, toutes valables. La première est que ce qui s'affiche correctement sur un navigateur pourra ne pas s'afficher correctement sur un autre. Une norme sert à éviter ces problèmes : si tous les dévelopeurs Web et tous les fabriquants de navigateurs respectent les normes l'interopérabilité sera assurée. Ensuite le XHTML, comme le XML, ne se limite pas aux navigateurs sur des PC. Certains appareils portables, PDA, traducteurs pour personnes malvoyantes ont besoin de code valide pour fonctionner correctement. Enfin une page bien écrite sera beaucoup plus facile à maintenir et à faire évoluer. 3. Valider ses pages Web

12 Le W3C (http://www.w3.org/) est le consortium chargé de définir et faire évoluer les standards du Web. Afin de permettre aux développeurs Web de vérifier que leurs sites sont sans erreur, le W3C a développé un validateur HTML/XHTML. Ce validateur est dispnible à l'adresse suivante : Il suffit d'entrer l'adresse de votre site pour savoir s'il est correct ou non, et dans ce cas où se situe les erreurs. Il existe également un validateur CSS à cette adresse. Un site 100% valide vous donne le droit d'afficher un certificat de conformité, prouvant la qualité de votre création et votre préocupation pour l'accessibilité de l'internet.

L3 - Sites Web dynamiques : Mini-Wall MINI-WALL

L3 - Sites Web dynamiques : Mini-Wall MINI-WALL L3 - SITES WEB DYNAMIQUES MINI-WALL 1 Introduction L'objectif de ce TD est de mettre en place un mini "livre d'or", permettant à vos visiteurs de vous laisser des messages sur votre site. Une page affiche

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

TD3 : PHP «avancé» V2.4.0

TD3 : PHP «avancé» V2.4.0 TD3 : PHP «avancé» V2.4.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé. Document

Plus en détail

Site dynamique PHP Master 1 2010

Site dynamique PHP Master 1 2010 PRINCIPES DE BASE DE CONSTRUCTION DES INSTRUCTIONS PHP echo "Celle-ci a été écrite entièrement en PHP."; Comme vous le voyez, le code PHP est dans la balise Ce qui nous intéresse est à l'intérieur, il

Plus en détail

TD2-1 : Application client-serveur V2.3.0

TD2-1 : Application client-serveur V2.3.0 TD2-1 : Application client-serveur V2.3.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé.

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Lors de la première séance de TP, vous avez mis en place la structure d'accueil pour votre site personnel et vous avez appris comment accéder librement

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni

Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni XHTML / CSS Un duo gagnant pour un Web moderne Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni XML : extensible Markup Language Meta-language : permet de définir des languages Normalisé par le W3C

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Qui suis-je? Guillaume Gautreau Responsable projets Systèmes d information à l ENPC guillaume@ghusse.com http://www.ghusse.com Ces 6 jours de formation Jour 1 : présentations,

Plus en détail

Documentation de CMS-gen

Documentation de CMS-gen Table des matières GÉNÉRALITÉ... 1 LA ZONE D'ADMINISTRATION... 2 LOGIN SUR LA ZONE D ADMINISTRATION... 2 EDITION DU CONTENU EN LIGNE... 3 LE MODE EDITION... 3 PUBLICATION... 3 SUPPRIMER DES MODIFICATIONS...

Plus en détail

Gérer les formulaires

Gérer les formulaires 195 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel sur les formulaires Le formulaire est un outil de base indispensable pour les sites web dynamiques puisqu'il

Plus en détail

Applications orientées données (NSY135)

Applications orientées données (NSY135) Applications orientées données (NSY135) 2 Applications Web Dynamiques Auteurs: Raphaël Fournier-S niehotta et Philippe Rigaux (philippe.rigaux@cnam.fr,fournier@cnam.fr) Département d informatique Conservatoire

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En pratique Pour réaliser ce TD vous avez besoin de :. Un navigateur web. Un client FTP ou une invite de commande Unix. Un éditeur de texte Pour le TD nous

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

La vocation purement sémantique de la page HTML a été pervertie avec les années.

La vocation purement sémantique de la page HTML a été pervertie avec les années. Bruxelles Formation CEPEGRA Olivier Céréssia 2012 PRÉAMBULE A mille lieues de la vision structuraliste de ses créateurs, la page HTML est devenue un document hybride mêlant structure, contenu, mise en

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

Plus en détail

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Olivier BOEBION 12/02/2004 1 Le point de départ 1.1 Et la lumière fut... A la fin des années 1980, Tim Berners-Lee travaillant

Plus en détail

Formation Site Web : CSS et PHP

Formation Site Web : CSS et PHP Formation Site Web : CSS et PHP Valentin Roussellet Joachim Jablon Chahine Benchorha VIA Centrale Réseaux 1 er décembre 2008 Qu'est-ce que CSS Les sélecteurs La mise en page et le box-model Une CSS (Cascading

Plus en détail

Rapport SQL Vincent Maréchal 3EI3-2009

Rapport SQL Vincent Maréchal 3EI3-2009 Rapport SQL Vincent Maréchal 3EI3-2009 Objectifs Les objectifs de ce cours ont été de découvrir les outils de web et la mise en ligne de fichiers sur un server ftp. De revoir les bases en html CSS et de

Plus en détail

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6 Légende Conception de Sites Web dynamiques 2015 Cours 5+6 Patrick Reuter http://www.labri.fr/perso/preuter/cswd2015 Titre de la page h1, h2, h3 color: red; $a = 3; SELECT * FROM commentaires; HTML CSS

Plus en détail

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

1. Avec un script php. 2. En utilisant phpmyadmin

1. Avec un script php. 2. En utilisant phpmyadmin Université Lumière - Lyon 2 Master d Informatique M1 - Année 2006-2007 Programmation Web - TDs n 8 9 : PHP - Mysql L. Tougne (http ://liris.cnrs.fr/laure.tougne), 20/11/06 L objectif de ce TD est d utiliser

Plus en détail

Programmation Internet Cours 4

Programmation Internet Cours 4 Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web

Plus en détail

Création d un forum en Php et Mysql

Création d un forum en Php et Mysql Birane SECK Création d un forum en Php et Mysql Cahier des charges : Nous allons mettre en place un espace membre assez classique à savoir un système que l on retrouve sur la majorité des sites Internet.

Plus en détail

Programmation WEB dynamique PHP

Programmation WEB dynamique PHP Programmation WEB dynamique PHP G. Maurey Master 1-2010 Les présentations Gilles MAUFFREY Bureau 5 Batiment W2 T : 72 61 k : maurey@hec.fr www.hec.fr/maurey PHP Plan de la séance 1 Présentation du cours

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

Initiation HTML 5 / CSS 3. Clément Bourgoin cb@nokto.net v1.0-17/01/2013

Initiation HTML 5 / CSS 3. Clément Bourgoin cb@nokto.net v1.0-17/01/2013 Initiation HTML 5 / CSS 3 Clément Bourgoin cb@nokto.net v1.0-17/01/2013 1. Les langages du web Pour créer un site web, on utilise au moins deux langages : le HTML et le CSS. Il en existe d'autres mais

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

Langages du Web. Que savez vous???

Langages du Web. Que savez vous??? Langages du Web Que savez vous??? Le WEB World Wide Web ouwww ouweb Toile d'araignée mondiale ou la toile Le Web utilise le réseau Internet pour relier des serveurs qui, grâce aux protocoles HTTP, HTTPS,

Plus en détail

TP HTML n 3 : Les formulaires et le PHP

TP HTML n 3 : Les formulaires et le PHP TP HTML n 3 : Les formulaires et le PHP 1 ) Qu'est-ce qu'un formulaire? En HTML, un formulaire est un espace de saisie dans une page web, pouvant comporter plusieurs zones, ou champs : on peut y saisir

Plus en détail

Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6

Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6 Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6 2 І O2S Intégration O2S dans un site Internet Ce document présente une description

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

Protéger un dossier avec un.htaccess

Protéger un dossier avec un.htaccess Page 1 of 6 Protéger un dossier avec un.htaccess Tutoriel 80 commentaires Lorsque vous réalisez votre site en PHP, vous êtes souvent amenés à créer une zone "Admin" où l'accès est limité... Et il vaut

Plus en détail

Réalisation d'un site web. Première partie : Création des pages HTML. thierry.vaira@orange.fr

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv> Réalisation d'un site web Première partie : Création des pages HTML 1 Objectifs Se familiariser avec le codage HTML Acquérir une pratique minimale Être capable de mener à bien la construction d'un site

Plus en détail

PHP/MySQL. École Nationale Supérieure des Mines de Nancy 2nde Année

PHP/MySQL. École Nationale Supérieure des Mines de Nancy 2nde Année Bases de Données et Ingénierie des Systèmes d Information 1 PHP/MySQL École Nationale Supérieure des Mines de Nancy 2nde Année Table des matières I PHP 2 1 Les bases 2 1.1 Introduction........................................

Plus en détail

Une (petite) initiation au langage HTML

Une (petite) initiation au langage HTML Une (petite) initiation au langage HTML Julien Coulié Partie 1 : Les bases Le langage HTML (HyperText Markup Language) est un langage de description de documents qui est le standard utilisé pour les pages

Plus en détail

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP.

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. TP2 : PHP Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. 1 3

Plus en détail

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Objectifs Introduction aux langages à balises Introduction à (X)HTML / CSS Introduction à la gestion

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production

Plus en détail

Installation / Sauvegarde Restauration / Mise à jour

Installation / Sauvegarde Restauration / Mise à jour Installation / Sauvegarde Restauration / Mise à jour SPIP version 1.8.x Serveur (Linux) Jean Sébastien BARBOTEU dev.jsb@laposte.net Introduction Nous allons aborder tous les aspects techniques liés à la

Plus en détail

Introduction à HTML. A. HTML et le web

Introduction à HTML. A. HTML et le web Introduction à HTML Isabelle Debled Renesson Marie-Dominique Devignes LORIA 1 2 1 Fonctionnement en mode client/serveur 1. Construction d une requête ex web : http://www.loria.fr/news CLIENT 5. Mise en

Plus en détail

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI

Plus en détail

ultisites S.A. module «services»

ultisites S.A. module «services» M ultisites S.A. module «services» TP N 3 : Installation du serveur WEB Nom : Prénom : Classe : Date : Appréciation : Note : Objectif : Être capable d'installer le serveur WEB, et de créer une page HTML

Plus en détail

Introduction. Rappel : conception, interrogation et mise à jour d une base de données

Introduction. Rappel : conception, interrogation et mise à jour d une base de données Introduction Rappel : conception, interrogation et mise à jour d une base de données De nombreux sites Web ont une (ou plusieurs) BD pour gérer leur données 2/51 Pages Web statiques L utilisateurice demande

Plus en détail

INTRODUCTION CHAPITRE 1

INTRODUCTION CHAPITRE 1 CHAPITRE 1 INTRODUCTION Query, qu est-ce que c est?... 11 HTML, CSS, JavaScript, PHP : qui fait quoi?... 16 Un environnement de développement simple et gratuit... 19 Ce que vous allez apprendre... 20 9

Plus en détail

CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site.

CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. CFAD Livret de la formule Webmaster Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. Mais dans notre cas, nous allons considérer que le Webmaster et celui qui,

Plus en détail

TP Initiation au langage HTML

TP Initiation au langage HTML TP Initiation au langage HTML (1) Rappels de quelques généralités Un fichier HTML n'est pas compilé (ce n'est pas un programme) Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

PHP/MYSQL. Web Dynamique. ENSG Septembre 2009

PHP/MYSQL. Web Dynamique. ENSG Septembre 2009 PHP/MYSQL Web Dynamique ENSG Septembre 2009 Ces 6 jours de formation Jour 1 : présentations, attentes, principes, HTML Jour 2 : HTML, CSS, PHP Jour 3 : formulaires, connexion à la base de données Jour

Plus en détail

Serveur de documents express et sans douleurs

Serveur de documents express et sans douleurs Serveur de documents express et sans douleurs Ce fichier provient du site : https://padipfix.no-ip.info Auteur : nas.phil@gmail.com Création : 06/05/2008 - OpenOffice.org 3.1 Version : 3 Modification :

Plus en détail

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr MODULE HTML CSS Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr ORGANISATION DU MODULE 13 séances de 2 heures une partie cours une partie exercices sur machine. Modalités de contrôle : partiel en fin

Plus en détail

Cours de programmation web

Cours de programmation web Cours de programmation web ENSAE 2006-2007 Cours 1 - Introduction 1. Introduction 2. Le principe d Internet 3. Les langages du web 4. Le web 2.0 Introduction : Historique 1967 : Arpanet : réseau militaire

Plus en détail

COURS 6 Adopter un style de programmation clair

COURS 6 Adopter un style de programmation clair COURS 6 Adopter un style de programmation clair Lorsque votre site prend de l'importance, le code devient vite illisible et incompréhensible si vous ne pensez pas à l'organiser. Mais comment organiser

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

Réaliser une page du site http://la-ba.lyceegutenberg.net

Réaliser une page du site http://la-ba.lyceegutenberg.net Réaliser une page du site http://la-ba.lyceegutenberg.net Réaliser une page du site http://la-ba.lyceegutenberg.net Récupérer les éléments récupérer sur le bureau de votre ordinateur à partir du serveur

Plus en détail

Architecture applicative de l application Web

Architecture applicative de l application Web Architecture applicative de l application Web Principes d organisation de l application PHP Gsb-AppliFrais Les principes d'organisation de l'application s'inspirent des travaux réalisés autour du contexte

Plus en détail

Comment développer et intégrer un module à PhpMyLab?

Comment développer et intégrer un module à PhpMyLab? Comment développer et intégrer un module à PhpMyLab? La structure du fichier Afin de conserver une homogénéité et une cohérence entre chaque module, une structure commune est utilisée pour chacun des modules

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

Headers, cookies et sessions

Headers, cookies et sessions Headers, cookies et sessions Chargement de fichiers (upload) Entêtes HTTP et redirections Gestion des cookies et des sessions de connexions Authentification Validation des données Programmation avancée

Plus en détail

Aide Utilisateur. Cellpass.fr

Aide Utilisateur. Cellpass.fr Aide Utilisateur Mise en place simple :... 2 Création d une ressource... 2 Installation du module... 5 Test fonction file OK... 7 temps de connexion < 1 seconde(s)... 7 Exemple d'installation PassUp pour

Plus en détail

Fonctionnement du Site Web Dynamique:

Fonctionnement du Site Web Dynamique: Fonctionnement du Site Web Dynamique: Site Web Dynamique: Un site Web dynamique est en faite un site Web dont les pages qu'il contient peuvent être générées dynamiquement, c'est à dire à la demande de

Plus en détail

I - à la découverte de php

I - à la découverte de php Cours PHP, By TR@PC0D13N Site Web : http://trapcodien.free.fr E-Mail : trapcodien@hotmail.fr Bonjour à tous, aujourd'hui j'ai décidé de commencer à rédiger un tutoriel sur le langage web PHP. Dans cette

Plus en détail

2011-2012. Intro Web. PICARD GRAVEL Marie-Eve

2011-2012. Intro Web. PICARD GRAVEL Marie-Eve Intro Web 2011-2012 «nous donnerons tout d'abord les définitions de l'internet, du Web et du langage XHTML. Nous expliquerons ensuite ce qu'est une url et les différentes actions induites lorsque je demande

Plus en détail

Télécharger Notepad++ et l installer http://www.01net.com/telecharger/windows/internet/editeur_de_site/fiches/29119.html

Télécharger Notepad++ et l installer http://www.01net.com/telecharger/windows/internet/editeur_de_site/fiches/29119.html Programmation langage objet Création d une page html Site de référence : http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-etcss3 1. Structure d une page html 1.1.

Plus en détail

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Introduction au Web D'après les cours de Andrea G. B. Tettamanzi Fabien Givors Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Fabien Givors, 2014 1 Planning des cours

Plus en détail

HTML et JavaScript. s1 ----------

HTML et JavaScript. s1 ---------- HTML et JavaScript s1 ---------- Dans cette partie, nous allons introduire le langage JavaScript qui permet de manipuler le document HTML : création ou repositionnement d'éléments de structure, modification

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Formation PHP débutant

Formation PHP débutant Formation PHP débutant Table des matières 1 Le principe de PHP 3 1.1 Langage côté serveur.................................. 3 1.2 Pour travailler..................................... 3 1.3 Langage de pré-processing...............................

Plus en détail

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes Symfony 2 Sommaire : 1.Définition de symfony 2 2.Installation 3.Structure 4.Symfony et les commandes 5.Le fonctionnement : le routeur (les url), les bundles, twig(templates) 6.L architecture de symfony2

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

Plus en détail

Définitions. CSS Cascading Style Sheets Feuilles de style en cascade. FTP File Transfer Protocol Protocole de transfert de fichiers

Définitions. CSS Cascading Style Sheets Feuilles de style en cascade. FTP File Transfer Protocol Protocole de transfert de fichiers Introduction Ma première page Web (2/2) Ce document est l'étape 2 d'un didacticiel qui a pour but de donner un aperçu de la création d'une page Web. Une ou deux pages seront créées et présenteront leur

Plus en détail

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP.

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. TP5: LES FORMULAIRES OBJECTIFS : 1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. PARTIE 1: Formulaire

Plus en détail

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet Création de sites web INF0326 Outils bureautiques, logiciels et Internet Plan Création de pages web HTML et CSS Création de sites web avec WordPress Créer des pages web Partie 1 Système hypertexte Un système

Plus en détail

La Programmation Web avec PHP

La Programmation Web avec PHP Nouvelle page 1 La Programmation Web avec PHP Qu'est-ce que php? Menu Qu'est ce que php? Les scripts PHP Installation de PHP Configuration d'un serveur IIS Mohamed SIDIR PHP est un langage de script HTML,

Plus en détail

Installation pas-à-pas du framework Copix, pour les vrais débutants

Installation pas-à-pas du framework Copix, pour les vrais débutants Installation pas-à-pas du framework Copix, pour les vrais débutants 1) Objet de ce didacticiel Calogero GIGANTE ( www.gigante.be ) 4 avril 2008. Document version 005. Ce didacticiel explique dans les détails

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

Mode d emploi. Comment installer et utiliser phpques. phpques 3.1.1. Créé et développé par Robin Jund

Mode d emploi. Comment installer et utiliser phpques. phpques 3.1.1. Créé et développé par Robin Jund Mode d emploi Comment installer et utiliser phpques phpques 3.1.1 Créé et développé par Robin Jund Mode d emploi Comment installer et utiliser phpques v 3.1.1? Sommaire INSTALLATION.3 PRE-REQUIS... 3 PREPARER

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

INITIATION À LA PROGRAMMATION PARTIE 2 : PHP

INITIATION À LA PROGRAMMATION PARTIE 2 : PHP INITIATION À LA PROGRAMMATION PARTIE 2 : PHP Dans ce cours, nous aborderons progressivement et par la pratique les techniques transversales de programmation; par la même occasion, vous découvrirez plusieurs

Plus en détail

Utilisations pratiques de Php

Utilisations pratiques de Php UTILISATIONS PRATIQUES DE PHP 1. TRAITEMENT DES FORMULAIRES Utilisations pratiques de Php 1.1. LISTE DES DONNÉES DE FORMULAIRE 1.2. ENREGISTREMENT DES DONNÉES DE FORMULAIRE DANS UN FICHIER 2. UTILISATION

Plus en détail

Développement de l interface Web du projet Hôpital

Développement de l interface Web du projet Hôpital Pôle informatique 2013/2014 École Nationale Supérieure des Mines de Saint-Étienne Développement de l interface Web du projet Hôpital Antoine Zimmermann antoine.zimmermann@emse.fr Le cahier des charges

Plus en détail

Bien débuter avec le CMS libre Wordpress

Bien débuter avec le CMS libre Wordpress Bien débuter avec le CMS libre Wordpress 1 / 17 Sommaire. Présentation Préparation Installation Configuration de base Quelques plugins utiles Wordpress et référencement La sécurité Pour finir Bibliographie

Plus en détail

PROGRAMMER UNE PAGE WEB EN HTML ET CSS

PROGRAMMER UNE PAGE WEB EN HTML ET CSS Lycée Felix Le Dantec - Lannion PROGRAMMER UNE PAGE WEB EN HTML ET CSS 1STI2D TP8-3H NOM : PRÉNOM : CLASSE : Condition de réalisation : Travail seul Durée : 3 heures Matériel : un ordinateur sous Ubuntu

Plus en détail

Formulaire pour envoyer un mail

Formulaire pour envoyer un mail Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est

Plus en détail

XHTML et CSS. 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1

XHTML et CSS. 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1 XHTML et CSS 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1 1) Introduction 2) HTML, XML 3) XHTML 4) CSS 5) Exemples 6) Outils 7) Conclusion Sommaire 17 et 18 mai 2006 CRI-IUT 2006

Plus en détail

Commençons. (Bonjour, mon nom est Stéphane)

Commençons. (Bonjour, mon nom est Stéphane) Commençons (Bonjour, mon nom est Stéphane) Objectif - Vue claire de la dynamique d'une page web - Compréhension de la logique des CMS - Quelques réflexes de «bonne pratique» - La réponse à un maximum de

Plus en détail

Programmation Web. Thierry Hamon

Programmation Web. Thierry Hamon 1/27 Programmation Web Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017 Bobigny

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page de

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Il faudra absolument séparer le contenu de la page web (le fichier HTML) de son apparence (le fichier CSS).

Il faudra absolument séparer le contenu de la page web (le fichier HTML) de son apparence (le fichier CSS). ISN- semaine 10 HTML 1. Introduction HTML et CSS : deux langages pour créer un site web Pour créer un site web, on doit donner des instructions à l'ordinateur. Il ne suffit pas simplement de taper le texte

Plus en détail

Upload de fichiers en PHP

Upload de fichiers en PHP Upload de fichiers en PHP par HERAULT Antoine Date de publication : 1er décembre 2006 Dernière mise à jour : 1er décembre 2006 Vous avez envie de permettre aux visiteurs de votre site d'uploader des fichiers

Plus en détail

Phortail, le mini CMS qui vous ouvre de grandes portes! V2.0.5

Phortail, le mini CMS qui vous ouvre de grandes portes! V2.0.5 Phortail, le mini CMS qui vous ouvre de grandes portes! V2.0.5 Avant de lire ce document, sachez définir avec exactitude vos besoins et vos buts. Plusieurs liens vous sont donnés à la dernière page afin

Plus en détail

Système de contrôle d accès

Système de contrôle d accès Système de contrôle d accès Installation du système Les éléments à mettre en place. Pour mettre en place l environnement de travail de la badgeuse, il faut suivre plusieurs étapes : Sur l ordinateur devant

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

Plus en détail