STID 2ème année : TP Web/PHP
|
|
- Jean-Charles Jean-Pierre Labranche
- il y a 8 ans
- Total affichages :
Transcription
1 STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr 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" " strict.dtd"> <html xmlns=" 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 ( 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.
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étailInitiation à 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étailFormation 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étailProgrammation 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étailLES 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étailSommaire 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étailHTML. 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étailLes outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Plus en détailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en détailComment 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étailFormulaire 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étailCré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étailTP 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étailInstallation / 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étailActivité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données
Activité sur Meteor Annexe 1 : notion de client-serveur et notion de base de données Notion de client-serveur Que se passe-t-il lorsque vous tapez dans la barre d'adresse de votre navigateur «http://www.google.fr»?
Plus en détailCRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Plus en détailHTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Plus en détailModule BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
Plus en détailProgrammation Web TP1 - HTML
Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML
Plus en détailNFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Plus en détailProcédure d'installation complète de Click&Decide sur un serveur
Procédure d'installation complète de Click&Decide sur un serveur Prérequis du serveur : Windows 2008 R2 or greater (64-bits) Windows 2012 (64-bits) - Le composant IIS (Internet Information Services) de
Plus en détailLes 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étailMANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:
MANUEL WORDPRESS Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: A/ Traitement de la base de données: Pour cette étape, vous aurez besoin au préalable
Plus en détailProgrammation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
Plus en détailGestion du parc informatique des collèges du département du Cher. Manuel d utilisation de la solution de gestion de Parc
Gestion du parc informatique des collèges du département du Cher Manuel d utilisation de la solution de gestion de Parc Table des matières 1. Préambule... 3 2. Pré requis... 3 3. Objectifs... 3 4. Connexion
Plus en détailLangage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Plus en détail< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Plus en détail.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
Plus en détailUtilisation de GalaxShare
Utilisation de GalaxShare Tutoriel accessible en ligne sur http://galaxair.com/tuto/aidegalaxshare.html Le Porte-Document GalaxShare est un logiciel web de partage de documents, avec une gestion fine des
Plus en détailAdministration du site (Back Office)
Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface
Plus en détailRÉALISATION D UN SITE DE RENCONTRE
RÉALISATION D UN SITE DE RENCONTRE Par Mathieu COUPE, Charlène DOUDOU et Stéphanie RANDRIANARIMANA Sous la coordination des professeurs d ISN du lycée Aristide Briand : Jérôme CANTALOUBE, Laurent BERNARD
Plus en détailSage CRM. 7.2 Guide de Portail Client
Sage CRM 7.2 Guide de Portail Client Copyright 2013 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur microfilm,
Plus en détailPrésentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Plus en détailRAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Plus en détailIntranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs
Intranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs Installation sur le serveur Eva-web s'appuie sur SPIP, qui lui-même utilise PHP
Plus en détailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailCréer et partager des fichiers
Créer et partager des fichiers Le rôle Services de fichiers... 246 Les autorisations de fichiers NTFS... 255 Recherche de comptes d utilisateurs et d ordinateurs dans Active Directory... 262 Délégation
Plus en détailTP 5 Les CMS, la forme et le fond Internet et Outils (IO2)
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,
Plus en détailJoomla! Création et administration d'un site web - Version numérique
Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique
Plus en détailPLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public
SPIP est une interface en ligne gratuite permettant de créer des sites collaboratifs de façon suffisament simple pour que les élèves puissent publier leur propres articles. Il permet aussi d'héberger son
Plus en détailPARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION
PARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION Le but de l'utilisation de la console d'administration de votre adresse de messagerie "vendome.eu", est notamment de créer
Plus en détailMysql avec EasyPhp. 1 er mars 2006
Mysql avec EasyPhp 1 er mars 2006 Introduction MYSQL dérive directement de SQL (Structured Query Language) qui est un langage de requètes vers les bases de données relationnelles. Il en reprend la syntaxe
Plus en détailMise en oeuvre d un intranet à partir de logiciels Open Source avec intégration des certificats numériques et login unique
Mise en oeuvre d un intranet à partir de logiciels Open Source avec intégration des certificats numériques et login unique N. Clément, F. Dal, X. Jeannin, M.T. Nguyen CNRS/UREC http://www.urec.cnrs.fr
Plus en détailManuel du composant CKForms Version 1.3.2
Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant
Plus en détailCréer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
Plus en détailOptimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Plus en détailMODE D EMPLOI DE LA PLATEFORME DE DEPOT DES
MODE D EMPLOI DE LA PLATEFORME DE DEPOT DES DOSSIERS DE RECONNAISSANCE AGENDAS 21 Adresse de la plate-forme https://reconnaissance-a21.developpement-durable.gouv.fr/ Contacts en cas de problème (Bureau
Plus en détailRESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
Plus en détailLes Bases. Messaoudi Khaled, Boukelal Hanane (Etudiants Informatique ) 2015.
Référencer Mon SITE, BLOG Les Bases Messaoudi Khaled, Boukelal Hanane (Etudiants Informatique ) 2015. Le but de ce livre est de vous aider à bien positionné votre site web ou blog auprès des moteurs de
Plus en détailCréation de formulaires interactifs
SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un
Plus en détailTransfert d un site local vers un serveur. NPDS REvolution 13. Rédaction : Axel Relecture : Dev & Jpb
Transfert d un site local vers un serveur NPDS REvolution 13 Révision 1.1 de la documentation pour cette version Rédaction : Axel Relecture : Dev & Jpb Sommaire 1 Présentation générale... 3 1.1 Convention...
Plus en détailStockage du fichier dans une table mysql:
Stockage de fichiers dans des tables MYSQL avec PHP Rédacteur: Alain Messin CNRS UMS 2202 Admin06 30/06/2006 Le but de ce document est de donner les principes de manipulation de fichiers dans une table
Plus en détailManuel d utilisation du module Liste de cadeaux PRO par Alize Web
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer
Plus en détailINFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09
INFORMATIQUE & WEB Code du diplôme : CP09 Passionné par l informatique et le web, vous souhaitez obtenir une certification dans un domaine porteur et enrichir votre CV? PARCOURS CERTIFICAT PROFESSIONNEL
Plus en détail25 mars. Tutoriel sur Laravel. Préparé par : Lydiane Beaulne-Bélisle. Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel.
25 mars Tutoriel sur Laravel Préparé par : Lydiane Beaulne-Bélisle Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel. Créé pour le cours de Projet de fin d étude Collège de
Plus en détailUtilisation de l espace personnel (Serveur DATA)
Utilisation de l espace personnel (Serveur DATA) BN / novembre 2014 Table des matières 1 Présentation :... 3 2 Accès pour dépôt de fichiers... 3 2.1 ENT... 3 2.2 Lecteur réseau... 4 2.2.1 Sous Windows
Plus en détailWEBSEMINAIRE INTRODUCTION AU REFERENCEMENT
WEBSEMINAIRE INTRODUCTION AU REFERENCEMENT Animé par A.COMLAN ADCOSOFT 14/02/2014-15H 1 Programme du webséminaire : Introduction Partie I Optimisation des Balises TITLE et META Partie II Optimisation du
Plus en détailInstallation 1K-Serveur
Installation du système d'exploitation (Windows 2000-2003 - 2008) 1 - Procéder a l'installation du système d'exploitation de façon a ce qu'il s'intègre dans votre architecture réseaux (nom de domaine/groupe
Plus en détailEspace de travail collaboratif
Espace de travail collaboratif 1/10 Table des matières Présentation...3 Les modules...4 LiveCounter, Messenger et Moteur de recherche...5 Utilisateur, Administrateur et Invité...5 Droits d'accès au contenu...6
Plus en détailCMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration
CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu
Plus en détailTravaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Plus en détailGestion Électronique de Documents et XML. Master 2 TSM
Gestion Électronique de Documents et XML Master 2 TSM I n t r o d u c t i o n Les formats de données F o r m a t s d e d o n n é e Format de donnée : manière de représenter des informations dans un document
Plus en détailSERVEUR DE MESSAGERIE
CRÉEZ VOTRE SERVEUR DE MESSAGERIE avec: version 4.3-B248 Sommaire PREAMBULE et REMERCIEMENTS Page 2 INTRODUCTION Page 2 AVERTISSEMENT Page 3 INSTALLATION Page 3 CONFIGURATION Page 12 CLIENT DE MESAGERIE
Plus en détailPHP 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 Table des matières Table des matières 1 Chapitre 1 Introduction 1. Objectif de l'ouvrage.............................................
Plus en détailMODULES 3D TAG CLOUD. Par GENIUS AOM
MODULES 3D TAG CLOUD Par GENIUS AOM 1 Sommaire I. INTRODUCTIONS :... 3 II. INSTALLATION MANUELLE D UN MODULE PRESTASHOP... 3 III. CONFIGURATION DU MODULE... 7 3.1. Préférences... 7 3.2. Options... 8 3.3.
Plus en détailTIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
Plus en détailDiffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
Plus en détailConstruction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.
Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur
Plus en détailHébergement WeboCube. Un système performant et sécurisé. Hébergement géré par une équipe de techniciens
Hébergement WeboCube Le service d'hébergement WeboCube a pour but de sécuriser la présence internet grâce à un suivi personnalisé et une maintenance active de votre serveur internet. Un espace de gestion
Plus en détailInstallation d'une galerie photos Piwigo sous Microsoft Windows.
Installation d'une galerie photos Piwigo sous Microsoft Windows. By ARNOULD Julien Introduction : Piwigo est un logiciel de galerie photo pour le web, bâti autour d'une communauté active d'utilisateurs
Plus en détailAssistance à distance sous Windows
Bureau à distance Assistance à distance sous Windows Le bureau à distance est la meilleure solution pour prendre le contrôle à distance de son PC à la maison depuis son PC au bureau, ou inversement. Mais
Plus en détailCréer un sondage en ligne
Créer un sondage en ligne Par Clément JOATHON Dernière mise à jour : 02/04/2015 Que cela soit pour récolter l'avis des membres d'une association ou encore les idées de vos visiteurs, il est toujours intéressant
Plus en détailManuel d'utilisation du navigateur WAP Palm
Manuel d'utilisation du navigateur WAP Palm Copyright Copyright 2002 Palm, Inc. Tous droits réservés. Graffiti et Palm OS sont des marques déposées de Palm, Inc. Palm et le logo Palm sont des marques commerciales
Plus en détailTransfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine. MC Benveniste
Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine MC Benveniste 2013 Configuration Vous devez au préalable avoir un hébergeur, qui vous aura fourni les codes ftp, le log-in
Plus en détailInstallation des caméras IP
Installation des caméras IP 1 Configurer la caméra La première étape consiste à connecter votre caméra sur votre réseau local. Branchez l'alimentation sur le secteur, puis branchez le connecteur sur la
Plus en détailLE CMS GUPPY. 2) Décompression : Elle se fait simplement avec le logiciel 7-Zip ou tout autre logiciel.
Le CMS libre Guppy 1/10 LE CMS GUPPY Le guppy (Poecilia reticulata) est un poisson d'eau douce tropicale, mais c'est pour nous un CMS, un Content Management System ou gestionnaire de contenu ou système
Plus en détailIntroduction au protocole FTP. Guy Labasse guy.labasse@lyceedautet.fr
Introduction au protocole FTP Guy Labasse guy.labasse@lyceedautet.fr Le File Transfer Protocol (protocole de transfert de fichiers), ou FTP, est un protocole de communication destiné à l échange informatique
Plus en détailManuel utilisateur. des. listes de diffusion. Sympa. l'université Lille 3
Manuel utilisateur des listes de diffusion Sympa à l'université Lille 3 1 Table des matières Table des matières...2 I. Introduction...3 II. Principe général de fonctionnement de «Sympa»...3 1. Les principaux
Plus en détailArchitecture Multi-Niveaux
Architecture Multi-Niveaux Patrick FELIX (felix@labri.fr) Franck RUBI (rubi@labri.fr) Département Informatique IUT Bordeaux1 12 novembre 2007 Architecture Multi-Niveaux 1 Plan 1. Introduction : vers une
Plus en détailDans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
Plus en détailUTILISATION DU RESEAU INFORMATIQUE Comment utiliser le réseau
Comment utiliser le réseau I-Se connecter II-Le bureau de travail de base. III-Les différents partages sur le serveur. 3.1-Les partages classes. 3.2-Le partage Docs sur 'Se3'[I:]. 3.3-Le partage Homes
Plus en détailPetit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département
Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département Le nouveau site du département Le nouveau site du département est situé, comme l'ancien à l'adresse suivante
Plus en détailTAGREROUT Seyf Allah TMRIM
TAGREROUT Seyf Allah TMRIM Projet Isa server 2006 Installation et configuration d Isa d server 2006 : Installation d Isa Isa server 2006 Activation des Pings Ping NAT Redirection DNS Proxy (cache, visualisation
Plus en détailGESTION DES BONS DE COMMANDE
GESTION DES BONS DE COMMANDE P1 P2 Table des Matières LA GESTION DES BONS DE COMMANDE 4 PREMIERE EXECUTION DU LOGICIEL 5 DEFINITION DES PARAMETRES 8 Services 9 Comptes Utilisateurs 10 Adresse de livraison
Plus en détailFORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006
I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première
Plus en détailPHP et les Bases de données - Généralités
PHP et les Bases de données - Généralités Conception d une base de données Méthodes utilisées : MERISE, UML Modèle conceptuel des données MCD, Modèle logique MLD, Modèle Physique MPD. Ces aspects seront
Plus en détailHTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles
46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes
Plus en détailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Plus en détailWebSSO, synchronisation et contrôle des accès via LDAP
31 mars, 1er et 2 avril 2009 WebSSO, synchronisation et contrôle des accès via LDAP Clément Oudot Thomas Chemineau Sommaire général Synchronisation d'identités WebSSO et contrôle des accès Démonstration
Plus en détailDéploiement d application Silverlight
Déploiement d application Silverlight Thibault Laurens Bastien Chauvin 2 Déploiement d'application Silverlight 17/06/09 Sommaire 1 Introduction... 3 2 Intégrer une application à une page Web... 4 3 Les
Plus en détailREALISER UN SITE INTERNET AVEC IZISPOT SOMMAIRE
REALISER UN SITE INTERNET AVEC IZISPOT Voici un tutoriel pour vous aider à réaliser un petit site internet (4 pages) à l'aide du logiciel gratuit IZISPOT. Dans l'exemple qui suit, il s'agit de mettre en
Plus en détailLogiciels de référencement
Outils Logiciels de référencement Afin de contrôler la qualité de son référencement, d optimiser et d améliorer son positionnement, il peut être utile d utiliser des outils couvrant tout ou partie du référencement.
Plus en détailCréation d'un site Internet pour une agence de voyages
Université Nancy 2 Institut Universitaire de Technologie Nancy - Charlemagne Département Informatique Création d'un site Internet pour une agence de voyages Dossier réalisé dans le cadre du Projet Tutoré
Plus en détailTP 1 : prise en main de Windows. TP 1 : prise en main de Windows
TP 1 : prise en main de Windows TP 1 : prise en main de Windows Objectif du TP : prise en main de Windows manipulation de l'environnement utilisation de quelques logiciels de récupération de données Introduction
Plus en détailAttaques de type. Brandon Petty
Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme
Plus en détailIntroduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)
Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages
Plus en détail