Rapport de projet Site web pour une association
|
|
- Étienne Geoffroy Marois
- il y a 8 ans
- Total affichages :
Transcription
1 51, rue Barthélémy de Laffemas BP Valence Cedex 9 Rapport de projet Site web pour une association Année Bruno SABOT 1ère année DUT R&T Mathieu ROGER 2ème année DUT R&T Rapport réalisé avec LATEX
2 Table des matières Introduction 4 1 Analyse et outils du projet Description du projet Objectifs Cahier des charges Techniques et Outils utilisés PHP / MySQL FCKEditor Conception et Réalisation Le code La partie visiteur La partie administration Le design Les doléances du clients Nos compositions Conclusion 18 Glossaire 19 Annexe 19 A index.php de la partie visiteurs 20 B Page d affichage des photos 22 C Page d affichage des stages 24
3 TABLE DES MATIÈRES 3 D index.php de la partie administration 26 E Page d ajout de nouvelle photos 28 F Page d ajout d un nouveau stage 30
4 Table des figures 2.1 Arborescence du site visible par les visiteurs Arborescence du site d administration Maquette du site Première version du site Deuxième version du site
5 Introduction Le projet site web pour une association à été choisi après concertation avec les professeurs d informatique qui jugeaient nos précédentes idées trop difficiles à réaliser : tout d abord le codage d un portail de site Internet (installable facilement et totalement administrable par l utilisateur), un projet qui ressemblerait aux systèmes tels que Xoops ou Phpnuke, et ensuite un moteur de recherche, clairement de même type que Google ou Yahoo, avec la création d un bot 1 qui parcourait, seul, les pages Internet pour les référencer). Nous avons donc choisit de garder notre idée de base, qui consistait en un projet informatique, qui, pour plus de détails était de créer une application web et ainsi choisir la proposition de M. Duccini, qui proposait aux étudiants de réaliser un site Internet pour une association, les écuries de la Véore. Il existait d autres projets de site web, cependant, ceux-ci étaient des sites intranet, qui ne nécessitaient pas une mise en page agréable pour les utilisateurs et ils étaient destinés à un nombre de personnes limité. Nous décrirons tout d abord notre projet dans les grandes lignes, en définissant clairement les objectifs que nous devions atteindre à l issue de notre projet, en continuant avec le cahier des charges, les différentes contraintes qui nous étaient fixées, pour ensuite, expliquer quelles techniques de programmation, c est à dire les différents langages et quels outils extérieurs nous avons utilisés pour la conception du site, en les décrivant de manière concise, avec leurs applications et leurs moyens de fonctionnement. Enfin, nous verrons en détails nos méthodes de conception et de réalisation, la manière dont nous avons construit le site du projet, ce que nous avons du faire pour la mise en page, et comment nous avons procédé pour apprendre à l utilisateur comment administrer son site Internet.
6 1. Analyse et outils du projet 1.1 Description du projet Le projet réalisé par Bruno Sabot et Mathieu Roger a pour nom : «Site Web pour une association», comme le montre son nom, celui-ci a pour objectif de réaliser un site internet pour l association Les Ecuries de la Véore. Cette association est un centre équestre situé à Beaumont-Les-Valence appartenant à Virginie et Timothée MAURIN Objectifs Nous devons réaliser un site internet qui pourra être en grande partie administrable par une personne n ayant aucune connaissance technique dans les langages du Web (HTML 2 /PHP 3 /MySQL 4 ). Ce site doit être donc aisément administrable, grâce à une interface simple et intuitive. Celui-ci devra bien entendu être accessible de l extérieur, il a donc fallu se pencher aussi sur les différentes entreprises d hébergement et de nom de domaine existantes pour en sélectionner une avec un bon rapport qualité/prix. De manière plus technique, il nous a aussi fallu nous pencher sur le problème du langage de développement, nous avions au choix le couple PHP/MySQL ou Python 5 /MySQL. Après une courte réflexion nous avons opté pour PHP/MySQL Cahier des charges Après avoir défini avec le tuteur et M. Timothée MAURIN les différents objectifs du site, nous avons établi un rapide cahier des charges. Une fois le projet terminé M. Timothée MAURIN doit être capable d administrer le site seul. Ce projet ne doit poser aucun problème quelconque au professeur tuteur,
7 1. Analyse et outils du projet 7 M. Duccini. L interface d administration doit être intuitive et simple d utilisation. La sécurité doit être suffisamment présente afin que des personnes malintentionnées ne puissent pas modifier le site. Le site doit posséder conformément aux demandes de M. Timothée MAURIN un header 6, une partie droite réservée à des «publicités»pour ses produits de détentes ainsi qu une partie gauche réservée aux données du site en luimême. Celui-ci doit être dans les tons jaune et bleu roi, nous avons décidé de rendre ces couleurs plus pâles pour ne pas agresser l oeil et de manière à améliorer la lisibilité.
8 1. Analyse et outils du projet Techniques et Outils utilisés Dans cette partie nous allons détailler les différents outils utilisés pour la réalisation du projet. Nous avons utilisé le couple PHP/MySQL pour le développement du site, nous détaillerons dans les sous-parties les raisons de ce choix. Pour que le site soit aisément modifiable nous avons également recherché un éditeur WY- SIWYG 7 Nous avons opté pour l éditeur FCKEditor, nous expliquerons également plus tard le choix de cet éditeur. L ensemble du site a été programmé grâce à Vim pour Mathieu et Notepad++ pour Bruno, aucun outil d aide à la programmation n a été utilisé, pour plusieurs raisons : nous n avons pas le droit d installer des logiciels à l Iut, la majorité des éditeurs convenables sont payants, et la plupart d entre-eux ne sont pas compatibles avec le PHP ou le gèrent mal (Le logiciel ne gère pas les erreurs, ne donne pas les descriptions des fonctions,...) PHP / MySQL Nous avons choisi pour le développement du projet le langage PHP, nous l avons préféré à Python car celui-ci est plus souvent présent dans les offres d hébergement ce qui nous permet d avoir une plus grande compatibilité, de plus celuici à été créé principalement dans le but de coder des sites internet, contrairement à Python qui est principalement utilisé pour des applications classiques. Enfin nous maîtrisons mieux le PHP que le Python, de ce fait nous avons pu ainsi inclure plus de fonctions au site, et mieux gérer la partie administration notamment d un point de vue sécurité grâce à l utilisation des sessions. En ce qui concerne le système de base de données la question ne s est pas beaucoup posée car dans la majorité des offres d hébergement, seul MySQL est proposé, de ce fait nous sommes, en quelque sorte, contraints d utiliser ce système. Cela ne nous a pas beaucoup dérangé car comme nous avions déjà créé plusieurs sites en PHP/MySQL, nous connaissons donc assez bien ce système de base de données et nous n avons eu quasiment aucune difficulté à l utiliser.
9 1. Analyse et outils du projet FCKEditor Pour mener à bien notre projet, nous avions besoin d un moyen simple de saisir du texte et de le formater en code HTML sans avoir aucune connaissance spécifique, nous désirions aussi que celui-ci ne nécessite aucune installation chez le client, de manière à ce que le client puisse le modifier de n importe quel poste informatique, il fallait aussi que celui-ci ressemble au niveau des fonctions et de l apparence aux éditeurs de texte classique tels que WORD, pour éviter que le client ne soit dépaysé et que la prise en main de l outil soit rapide. Bien sûr, celui-ci doit être compatible avec la majorité des explorateurs et surtout Internet Explorer et Mozilla Firefox. Nous ne l avons pas développé nous-même, par manque de temps et de connaissances, car la majorité de ces éditeurs utilisent des bibliothèques intégrées aux différents explorateurs et systèmes d exploitation. Il fallait aussi, bien entendu, que cet éditeur soit gratuit. Parmi ces exigences, plusieurs éditeurs correspondaient : TinyMCE, TET (Text Editor Tide), Xinha, Koivi et FCKEditor. Après les tests de ces différents éditeurs, notre choix a porté sur FCKEditor, car celui-ci a toutes ses fonctions disponibles sur la majorité des explorateurs et des systèmes d exploitation. De plus celui-ci est celui qui, à notre goût, fait le code HTML le plus propre : les balises sont, dans leurs grandes majorités, compatibles XHTML. De plus celui-ci permet d uploader 8 et de gérer des images et des fichiers flash 9, d insérer des tableaux, et de gérer les couleurs d arrière-plan des textes, ainsi que des formulaires. Nous avons décidé de désactiver cette dernière fonction car elle nécessite un minimum de connaissance en HTML, et nous avons jugé que celle-ci serait inutile pour le client.
10 2. Conception et Réalisation Nous allons maintenant nous pencher sur la réalisation du projet en lui-même, ainsi nous détaillerons la manière dont nous avons ordonné les différents fichiers et fonctions au sein de la partie publique ainsi que pour l interface d administration. Dans un second temps, nous expliquerons la réalisation de la charte graphique. 2.1 Le code Dans cette section, nous allons voir la manière dont nous avons ordonné les différentes sections du site : tant au niveau fonctions, qu au niveau de l arborescence. Nous allons, dans un premier temps, expliquer l architecture de la partie visible par tout le monde, puis, dans un second temps, nous nous pencherons sur la partie administration du site La partie visiteur Ci-dessous est présente l arborescence de la partie visible par les visiteurs : La génération des pages par PHP est faite par un mécanisme d inclusion, c est-à-dire que lorsqu on accède à la page d accueil, celle-ci regarde si la variable $ GET[ page ] 10 contient une valeur : si oui, elle appelle la page «$ GET[ page ].php» sinon, elle inclut la page «acceuil.php». La variable $ GET[ page ] est une méthode du protocole HTTP 11 qui consiste à faire passer la variable en clair dans la barre d adresse, ainsi, dans notre cas, si on veut accéder à la page «concours» l adresse sera : http ://projet.octera.info/?page=concours si le site est hébergé sur le serveur http ://projet.octera.info.
11 2. Conception et Réalisation 11 Fig. 2.1 Arborescence du site visible par les visiteurs Nous allons maintenant nous intéresser à l architecture du site et de ses différentes fonctions. Nous ne traiterons pas dans cette section le dossier «admin», celui-ci sera expliqué dans la partie suivante. Le dossier «includes» contient des fichiers textes formatés en HTML ; ceux-ci sont destinés à être inclus par : acceuil.php pour le fichier acceuil.txt reglement.php pour le fichier reglement.txt toutes les pages incluent dans le bandeau de droite le fichier pub.php, qui est déstiné à promouvoir les produits de bien-être vendus par le client activite.php inclut les autres fichiers suivant la variable act passée en pa-
12 2. Conception et Réalisation 12 ramètre, ainsi http ://projet.octera.info/?page=activite&act=pension inclut la page activite.php qui à son tour inclut le fichier pension.txt. Le dossier «photo», contient toutes les images du script photo.php, chaque image existe en deux exemplaires, le premier est une miniature de la photo, pour un chargement plus rapide, le second est la photo en elle-même. Le nom des photo est modifié comme suis : mini ou photo suivant s il s agit de la miniature ou la photo. le timestamp 12 du moment auquel la photo a été envoyée sur le serveur. l extension.jpg Le dossier «Userfiles/Images» contient les fichiers envoyés à l aide de FCKEditor sur le serveur. Les fichiers portent dans leur grande majorité le nom de la fonction qu ils exécutent, nous allons néanmoins expliquer le but des autres fichiers : Le fichier form.php contient le formulaire présent dans la page coordonnées Le fichier mail.php est le fichier appelé par ce formulaire pour l envoi du mail avec le contenu de ce mail Les deux fichiers.js sont des fichiers JavaScript pour la mise en place et la configuration du menu déroulant Le fichier connect.php est un fichier qui est inclut par les pages présentes dans la section «Gazette» qui permet de se connecter à la base de données La partie administration A l instar de la partie visiteur, la partie administration est aussi générée par un système d inclusions récursives, c est-à-dire que l on choisit la page que l on veut modifier, et le script nous donne toutes les modifications que l on peut effectuer, chaque modification (fonctions) est un fichier du dossier de la page. Ainsi si l on veut ajouter une entrée dans les concours, nous irons chercher le fichier add.php dans le dossier concours. Voici l arborescence du dossier d administration :
13 2. Conception et Réalisation 13 Fig. 2.2 Arborescence du site d administration Par souci de confort visuel les fichiers index.htm, denied.php et sessions.php ne sont pas marqués dans tous les dossiers mais leur présence est effective. Les fichiers index.htm, denied.php et sessions.php sont présents dans tous les dossiers, dans l objectif de prévenir toutes tentatives de hack 13. Le fichier index.htm permet que si quelqu un rentre dans le dossier sans avoir précisé le nom d un fichier, celui-ci montrera une page vierge au lieu du contenu du dossier. Le fichier sessions.php est inclut au début de chaque fichier de la partie d administration, il a pour but de vérifier si la personne est bien identifiée et, si ce n est pas le cas, il redirige vers le fichier denied.php qui nous le fait savoir et nous ramène
14 2. Conception et Réalisation 14 au formulaire d identification. Nous allons maintenant voir de plus près le mécanisme de l interface d administration : Lorsqu on arrive sur l interface on se confronte à un formulaire de login 14, celui-ci permet que seules les personnes autorisées puissent accéder à la partie d administration. Une fois le login confirmé, nous arrivons à la liste des données que l on peut modifier, une fois la donnée choisie, par exemple «Concours» la page index.php inclut la page./concours/main.php. L adresse de la page devient donc http ://projet.octera.info/admin/index.php?page=concours. Ensuite on choisi la fonction «Ajouter un concours» le script concours.php inclut la page add.php ce qui nous donne l adresse suivante : http ://projet.octera.info/admin/index.php?page=concours&fct=add. Pour ce qui concerne la modification des activités, du bandeau de droite ainsi que de la page d accueil, toutes ces fonctions pointent vers le script./activite/- main.php qui prend en paramètre la page à modifier. Il envoie ensuite les données au fichier modpage.php qui les inscrit dans le fichier texte présent dans le dossier include. Le fichier login.php présent à la racine du dossier d administration permet de créer la session, alors que le fichier logout.php permet de la détruire. Le fichier functions.php contient quelques fonctions nécessaires au fonctionnement de l administration : connexion à la base de données, formatage de l heure et la date... Le FCKEditor est présent dans chaque page ou l on peut ajouter/modifier du contenu, sauf pour les sections photo et tarifs, où celui-ci est inutile. L éditeur est instancié 15 par quelques lignes de code qui font appel à d autres fichiers présents dans le dossier editor. Les fichiers de configuration de l éditeur sont présent à la racine du dossier d administration.
15 2. Conception et Réalisation Le design Point important d un site Internet, la mise en page a connu quelques modifications au cours du temps. Le client avait ses envies pour la mise en page de son site, nous avions quelques conseils Les doléances du clients La première consigne pour la mise en page du site, était de le réaliser avec une mise en page particulière. Ainsi, nous devions préparer un site avec une mise en page «verticale». Le site que nous devions réaliser se présentait sous un format vertical, comme décrit sur le schéma ci-dessous (Voir Figure 2.3), avec un espace de publicité. Fig. 2.3 Maquette du site Le haut de page (header) devait contenir l image d une prairie verdoyante, d après les souhaits de l intéressé. Il devait aussi figurer le nom du centre équestre, Les écuries de la Véore. Le client désirait un menu déroulant (menu). Il fallait donc placer le menu sous le haut de page, et utiliser une disposition horizontale. Les différents éléments du
16 2. Conception et Réalisation 16 menu se déroulent lors du survol. Les couleurs du menu doivent se marier avec le contenu du texte, sans pour autant n y laisser aucune distinction. Enfin, dans la partie principale du texte, une petite section devait prendre place sur la droite de l écran pour permettre à l utilisateur de mettre une publicité sur le site (pub). Le contenu du texte doit quant à lui contenir un maximum d informations sans qu il soit utile d utiliser la scroll-bar 16. Le client désirait aussi un site en accord avec les couleurs de son centre équestre. Nous devions donc utiliser le bleu roi et le jaune comme couleurs prédominantes du site Nos compositions La première proposition de mise en page a été le plus possible proche des souhaits du client. Nous avons tout de même pris le soin de changer le bleu roi et le jaune en leurs équivalents pastel, ce qui nous a permis d avoir des couleurs plus agréables pour le regard. Le deuxième choix de notre initiative a été de mettre un fond vert foncé, qui reprendrait les couleurs de l image du haut de page. La mise en page créée a été la plus proche possible des choix du client, comme il est montré sur la figure 2.4 Cependant, cette mise en page ne nous satisfaisait pas, et au contraire, nous ne l aimions pas du tout. Nous avons donc pris la liberté de créer une autre mise en page, qui serait plus proche de celle que nous pensions la meilleure pour un tel site. L ancienne mise en page était en effet trop colorée, c est principalement ce qui nous a décidé à proposer autre chose. Nous avons donc conçu la mise en page présente plus bas (Voir figure 2.5), qui s est révélée meilleure, puisque le client nous a confié le soin de changer l ancienne mise en page, pour la remplacer par notre nouvelle proposition.
17 2. Conception et Réalisation 17 Fig. 2.4 Première version du site Fig. 2.5 Deuxième version du site
18 Conclusion Le projet Site web pour une association a donc été une réalisation pour quelqu un qui ne connaît pas les langages informatiques d Internet, ne rencontre aucun soucis, mais il doit pouvoir administrer son site très aisément. Nous avons dû pour cela utiliser des langages informatiques particuliers, ainsi que des applications particulières qui devaient intervenir dans la facilité d édition du site par le client. Parmi nos tâches, nous avons choisi d utiliser une arborescence spécifique, qui résume le nombre de choix technologiques que nous avons dû effectuer. Cela nous permet de modifier le code du site avec facilité, et d ajouter avec aisance diverses fonctionnalités. Nous pouvons aussi parler de notre code puisque nous avons confronté quelques langages de programmation, et choisi le plus adapté. Enfin, nous avons pris la peine de prendre des initiatives vis-à-vis du cahier des charges, en proposant spontanément des solutions différentes au client. Le projet Site web pour une association nous a permit de nous confronter à quelques exigences d un client, mais nous a aussi appris à proposer des solutions technologiques à quelqu un, en nous justifiant dans nos choix. Ce projet a aussi été bénéfique d un point de vue conception. Nous avons ainsi pu appliquer les consignes du cours d informatique à propos de l organisation du temps de travail, en répartissant de manière convenable les temps d analyse, de codage et de vérification des erreurs.
19 GLOSSAIRE 19 Glossaire 1 Bot : programme informatique pouvant éxecuter une tâche en autonomie 2 HTML : HyperText Markup Language, langage de mise en page pour les pages Web 3 PHP : Vient de l acronyme récursif PHP : Hypertext Preprocessor, langage permettant un dynamisme côté serveur pour les sites internet, celui-ci permet notamment de tirer des informations de bases de données ainsi que nombreuses autres fonctions 4 MySQL : langage et système de gestion de bases de données 5 Python : Language de programmation interprété 6 Header : Partie supérieure du site réservée au nom du site ainsi qu à une image 7 WYSIWYG : What You See Is What You Get littéralement : Ce que vous voyez est ce que vous obtenez. 8 Uploader : Action d envoyer des fichiers sur un serveur distant 9 Flash : Format propriétaire d animation et de programme éxecuté chez le client 10 $ GET : Variable PHP qui permet de récupérer des données dans la barre d adresse 11 HTTP : HyperText Transfer Protocol : Protocole utilisé par les serveurs web pour envoyer au client une page internet. 12 Timestamp : Methode de stockage de l heure sur un ordinateur, c est un nombre qui compte le nombre de secondes passées depuis le 1 Janvier 1970 à 1 heure du matin GMT Hack : Action effectuer par une tierce personne, visant une machine, un site web,... en tentant de nuire à l intégrité de celui-ci, dans notre cas de modifier le contenu du site sans y avoir été autorisé. 14 Formulaire de login : formulaire permettant de s identifier auprès du site 15 Instancié : (Ici) placer dans la page 16 Scroll-bar : Ascenseur présent sur la droite de l explorateur
20 A. index.php de la partie visiteurs <?php i n c l u d e ( connect. php ) ; connect ( ) ; i f ( i s s e t ($ GET [ page ] ) ) $page=$ GET [ page ] ; e l s e $page= a c c u e i l ;?> <html> <head> <meta http equiv= Content Type content= t e x t /html ; c h a r s e t=i s o /> <link rel= s t y l e s h e e t type= t e x t / c s s href=. / s t y l e. c s s /> </head> <body> <script type= text/ j a v a s c r i p t > f u n c t i o n Go( ) return </ script> <script type= text/ j a v a s c r i p t src =./ exmplmenu var. js ></ script> <script type= text/ j a v a s c r i p t src =./menu com. js ></ script> <div class= wrap c l e a r f i x > <div class= header ><h1>les é c u r i e s de l a Véore</h1></div> <div class= menu id= nav ></div> <div class= c o n t a i n e r c l e a r f i x > <div class= news right c l e a r f i x id= news > <div class= news cnr top ><img src= images / c n r t l. g i f alt= corner width= 8 height= 8 class= cnr style= d i s p l a y : none /></div> <?php i n c l u d e (. / i n c l u d e s /pub. txt ) ;?> <div class= news cnr bottom ><img src= images / c n r b l. g i f
21 A. index.php de la partie visiteurs 21 alt= corner width= 8 height= 8 class= cnr style= d i s p l a y : none /></div> </ div> <div class= content > <?php i f ( i s f i l e (. /. $page.. php ) ) i n c l u d e (. /. $page.. php ) ; e l s e echo La page demandée n e x i s t e pas ;?> </ div> </ div> </ div> </body> </html>
22 B. Page d affichage des photos <?php i f ( i s s e t ($ GET [ num ] ) ) $num = $ GET [ num ] ; e l s e $num = 1 ; $nombreimagepage = 1 6 ; i f ( $ r e t o u r = mysql query ( SELECT COUNT( ) AS nb images FROM photo ) ) e l s e $ r e t o u r =0; $donnees = m y s q l f e t c h a r r a y ( $ r e t o u r ) ; $totalimage = $donnees [ nb images ] ; $nombrepages = c e i l ( $totalimage / $nombreimagepage ) ; i f ( $nombrepages==0) echo Pas de photo d i s p o n i b l e ; e l s e echo Page : ; for ( $ i = 1 ; $ i <= $nombrepages ; $ i++) echo <a href=? page=p h o t o s&num=. $ i. >. $ i. </a> ; $premierimage = ($num 1) $nombreimagepage ; echo <br /><br /> ; $ r e q a f f i m g = SELECT FROM photo ORDER BY id DESC LIMIT. $premierimage.,. $nombreimagepage ; i f ( $ a f f i m g=mysql query ( $ r e q a f f i m g ) ) $ i =0; $compt img =0; while ( $donnee=m y s q l f e t c h a r r a y ( $ a f f i m g ) ) i f ( $compt img >=4) $compt img =0; echo <br /><br /> ;
23 B. Page d affichage des photos 23 i f ( i s f i l e (. / photo / photo \. $donnee [ timeexec ]. \. jpg ) ) $ext =. jpg ; e l s e i f ( i s f i l e (. / photo / photo \. $donnee [ timeexec ]. \. png ) ) $ext =. png ; e l s e i f ( i s f i l e (. / photo / photo \. $donnee [ timeexec ]. \. g i f ) ) $ext =. g i f ; e l s e i f ( i s f i l e (. / photo / photo \. $donnee [ timeexec ]. \. jpeg ) ) $ext =. jpeg ; echo <a h r e f =./ photo / photo. $donnee [ timeexec ].. $ext. t a r g e t = blank ><img s r c =./ photo / mini. $donnee [ timeexec ].. jpg s t y l e = border : 2 px s o l i d #FFF; /></a> ; $compt img++; e l s e echo Erreur de chargement ;?>
24 C. Page d affichage des stages <?php?> <?php i f ($ GET [ h i s t o ]== 1 ) <script type= t e x t / j a v a s c r i p t > document. t i t l e = Ancien Stages ; </ script> <a href=? page=s t a g e >Voir l e s s t a g e s a v e n i r</a> $date=time ( ) ; $requete= SELECT FROM s t a g e s WHERE date <. $date. ORDER BY date ASC ; $requete=mysql query ( $requete ) ; while ( $r=m y s q l f e t c h a r r a y ( $requete ) )?> <f i e l d s e t> <legend> <b><?php echo $r [ 1 ] ;?>   ;</b> </ legend> <?php echo $r [ 2 ] ;?><br /><br /> Expire l e : <?php echo date ( d/m/y, $r [ 3 ] ) ;?> à <?php echo date ( H: i, $r [ 3 ] ) ;?> </ f i e l d s e t> <?php?> e l s e <script type= t e x t / j a v a s c r i p t > document. t i t l e = Stages à venir ; </ script> <a href=? page=s t a g e&h i s t o=1 >Voir l e s a n c i e n s s t a g e s</a> <?php $date=time ( ) ; $requete= SELECT FROM s t a g e s WHERE date >. $date. ORDER BY date ASC ; $requete=mysql query ( $requete ) ; while ( $r=m y s q l f e t c h a r r a y ( $requete ) )?>
25 C. Page d affichage des stages 25?> <f i e l d s e t> <legend> <b><?php echo $r [ 1 ] ;?>   ;</b> </ legend> <?php echo $r [ 2 ] ;?><br /><br /> Expire l e : <?php echo date ( d/m/y, $r [ 3 ] ) ;?> à <?php echo date ( H: i, $r [ 3 ] ) ;?> </ f i e l d s e t> <?php
26 D. index.php de la partie administration <?php s e s s i o n s t a r t ( ) ; $user= coucou ; $pass= coucou ; i n c l u d e (. / f u n c t i o n s. php ) ; mysqlconnect ( ) ; i f ( i s s e t ($ GET [ page ] ) ) $page=$ GET [ page ] ; e l s e $page= admin ;?> <html> <head> <meta http equiv= Content Type content= t e x t /html ; c h a r s e t=i s o /> <link rel= s t y l e s h e e t type= t e x t / c s s href=.. / s t y l e. c s s /> </head> <body topmargin= 5 > <center> <table class= cont cellpadding= 0 cellspacing= 0 > <tr><td class= header colspan= 2 ></td></ tr> <tr><td class= menu colspan= 2 style= text a l i g n : c e n t e r ; > Administration du s i t e</td></ tr> <tr> <td class= texte > <?php i f ( i s s e t ($ POST [ V a l ider ] ) ) i f ($ POST [ user ]==$user && $ POST [ password ]==$pass ) $ SESSION [ l o g i n ]=True ; e l s e
27 D. index.php de la partie administration 27 p r i n t blabla ; $ l o g i n=false ; i f ( (! s e s s i o n i s r e g i s t e r e d ( l o g i n ) ) ( $ SESSION [ l o g i n ]==False ) ) i n c l u d e (. / logon. php ) ; e l s e i f (! ( i s s e t ($ GET [ page ] ) ) ) i n c l u d e (. / admin. php ) ; e l s e i f ( f i l e e x i s t s (. /. $ GET [ page ].. php ) ) i n c l u d e (. /. $ GET [ page ].. php ) ; e l s e i n c l u d e (. / denied. php ) ;?> </td> <td class= pub > <?php i n c l u d e (.. / i n c l u d e s /pub. txt ) ;?> </td> </ tr> </ table> </ center> </body> </html>
28 E. Page d ajout de nouvelle photos <a href= index. php >Retour à l index</a><br /><br /> <?php $timeexec=time ( ) ; $timeexec=s t r r e p l a c e (,, $timeexec ) ; i f ( i s s e t ($ POST [ submit ] ) ) i f ( $ FILES [ photo ] [ error ] > 0) $ e r r e u r = Erreur 3 : Erreur de t r a n s f e r t du f i c h i e r ; e l s e $ e x t e n s i o n s v a l i d e s = array ( jpg, jpeg, g i f, png, JPG ) ; $ e x t e n s i o n u p l o a d = s u b s t r ( s t r r c h r ( $ FILES [ photo ] [ name ],. ), 1 ) ; i f ( i n a r r a y ( $extension upload, $ e x t e n s i o n s v a l i d e s ) ) $nom =.. / photo / photo. $timeexec. ; switch ( $ FILES [ photo ] [ type ] ) case image/ jpeg : $nom = $nom.. jpg ; break ; case image/x ms bmp : $nom = $nom.. bmp ; break ; case image/ g i f : $nom = $nom.. g i f ; break ; case image/png : $nom = $nom.. png ; break ; d e f a u l t : d i e ( Extention de f i c h i e r i n c o r r e c t e ) ; $ r e s u l t a t = m o v e u p l o a d e d f i l e ( $ FILES [ photo ] [ tmp name ], $nom ) ; i f ( $ r e s u l t a t ) echo T r a n s f e r t r é u s s i <br> ; $ r e q a j o u t d b = INSERT INTO photo VALUES (,. $nom.,. $timeexec. ) ; i f ( mysql query ( $ r e q a j o u t d b ) ) echo photo correctement ajouté <br> ; e l s e echo Erreur ; i f ( i s f i l e (.. / photo / photo \. $timeexec. \. jpg ) ) $source = imagecreatefromjpeg (.. / photo / photo \. $timeexec. \. jpg ) ; e l s e i f ( i s f i l e (.. / photo / photo \. $timeexec. \. png ) ) $source = imagecreatefrompng (.. / photo / photo \. $timeexec. \. png ) ; e l s e i f ( i s f i l e (.. / photo / photo \. $timeexec. \. g i f ) ) $source = i m a g e c r e a t e f r o m g i f (.. / photo / photo \. $timeexec. \. g i f ) ; e l s e i f ( i s f i l e (.. / photo / photo \. $timeexec. \. jpeg ) ) $source =
29 E. Page d ajout de nouvelle photos 29 imagecreatefromjpeg (.. / photo / photo \. $timeexec. \. jpeg ) ; $ d e s t i n a t i o n = i m a g e c r e a t e t r u e c o l o r (100, ) ; $ l a r g e u r s o u r c e = imagesx ( $source ) ; $hauteur source = imagesy ( $source ) ; $ l a r g e u r d e s t i n a t i o n = imagesx ( $ d e s t i n a t i o n ) ; $ h a u t e u r d e s t i n a t i o n = imagesy ( $ d e s t i n a t i o n ) ; imagecopyresampled ( $ d e s t i n a t i o n, $source, 0, 0, 0, 0, $ l a r g e u r d e s t i n a t i o n, $ h a u t e u r d e s t i n a t i o n, $ l a r g e u r s o u r c e, $hauteur source ) ; imagejpeg ( $ d e s t i n a t i o n,.. / photo / mini \. $timeexec. \. jpg ) ; e l s e echo Erreur 1 : Erreur de t r a n s f e r t du f i c h i e r ; e l s e echo Erreur 2 : Erreur de v a l i d i t é du format de l image ; e l s e?> <form method= post action= index. php? page=photo&f c t=add enctype= multipart /form data > <input type= f i l e name= photo id= photo value= Photo /><br /> <input type= submit name= submit value= A j o u t e r l a photo /> </form>
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étailAssociation UNIFORES 23, Rue du Cercler 87000 LIMOGES
RAPPORT DE STAGE Association UNIFORES 23, Rue du Cercler 87000 LIMOGES LOHUES Théo BTS SIO 1 ère année Lycée suzanne valadon 2013-2014 Table des matières I. Présentation de l'entreprise...3 II. Description
Plus en détailBernard Lecomte. Débuter avec HTML
Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.
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é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étailPublier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
Plus en détailModule 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étailGuide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
Plus en détailmon site web via WordPress
mon site web via WordPress Vocabulaire CMS : Content Management System WordPress fait partie de cette famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d applications
Plus en détailPublier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
Plus en détailSYSTÈMES D INFORMATIONS
SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.
Plus en détailGroupe Eyrolles, 2003, ISBN : 2-212-11317-X
Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une
Plus en détailSommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est
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é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é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é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é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é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étailPHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS)
PHP et mysql php_mysql PHP et mysql Code: php_mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/php-mysql/php-mysql.html url: http://tecfa.unige.ch/guides/tie/pdf/files/php-mysql.pdf Auteurs et
Plus en détailHMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP
IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,
Plus en détailModélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework
Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework L'objectif de ce document est de poser des bases de réflexion sur la modélisation d'un projet réalisé
Plus en détailPrincipales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement
Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.
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étailE-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
Plus en détail... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE
@... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN
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é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étailProjet en nouvelles technologies de l information et de la communication
Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima
Plus en détailSITE I NTERNET. Conception d un site Web
SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.
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étailOFFRE DE SERVICE. www.votreentreprise.com
2011 NOM ENTREPRISE OFFRE DE SERVICE CONCEPTION, REALISATION ET HEBERGEMENT SITE WEB www.votreentreprise.com AFConsulting Web Services Page 1 sur 19 SOMMAIRE Lettre, offre de services --------------------------------------------
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étailCréation d un site web avec le kit labo CNRS. Expérience au LMV - Ch. Postadjian (Laboratoire de Mathématiques de Versailles - UMR 8100)
Création d un site web avec le kit labo CNRS Expérience au LMV - Ch. Postadjian (Laboratoire de Mathématiques de Versailles - UMR 8100) 1 2 outils DREAMWEAVER : Editeur qui permet de créer et gérer des
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é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étail3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML
Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises
Plus en détailCAHIER DES CHARGES SITE WEB : Steve Mind Magicien Close-up & Mentaliste - 1 -
CAHIER DES CHARGES SITE WEB : Steve Mind Magicien Close-up & Mentaliste - 1 - SOMMAIRE - 2 - Sommaire Présentation du projet Contexte Description du projet web Les Enjeux du projet web Analyse Concurrentiel
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étailNormes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Plus en détailCREATION d UN SITE WEB (INTRODUCTION)
CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour
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é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é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 / 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étailINTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Plus en détailNote de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris
BENCHETRIT Michaël BTS IG 2 ème année Brevet de Technicien Supérieur Informatique de Gestion Option : Développeur d applications Session 2011 Note de synthèse Développement web sur le CMS Prestashop Stage
Plus en détailUn site Web performant p 3. Les moteurs de la réussite p 4
Un site Web performant p 3 Les moteurs de la réussite p 4 Fonctionnalités (en bref) p 5 Fonctionnalités (petit zoom sur les rubriques) p 6 Démo p 8-2 - Avec la FCGA, c est facile La Fédération vous propose
Plus en détailCMS Modules Dynamiques - Manuel Utilisateur
CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage
Plus en détailInternet personnel. Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006
Création d un d site Internet personnel Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006 1-2-3 Étapes de mise sur pied d un d site Internet personnel! 1 - Création des fichiers
Plus en détailEchosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet
Echosgraphik Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Présentation I. Echosgraphik Protocoles de travail I. Développement du site II.
Plus en détailDans cette Unité, nous allons examiner
13.0 Introduction Dans cette Unité, nous allons examiner les fonctionnements internes d une des plateformes de publication web les plus largement utilisées de nos jours sur l Internet, WordPress. C est
Plus en détailExploiter les statistiques d utilisation de SQL Server 2008 R2 Reporting Services
Exploiter les statistiques d utilisation de SQL Server 2008 R2 Reporting Services Nous verrons dans cet article comment exploiter simplement les données de Log de SQL Server 2008 R2 Reporting Services
Plus en détailTutoriel : Feuille de style externe
Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?
Plus en détailInformatique et Internet
Informatique et Internet Nos Solutions Internet Site Internet Malera.com propose des développements au forfait pour toutes les applications Web. Elles concernent des utilisations en intranet, extranet
Plus en détailPublication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
Plus en détailLe logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Plus en détailPratique et administration des systèmes
Université Louis Pasteur Licence Informatique (L2) UFR de Mathématiques et Informatique Année 2007/2008 1 But du TP Pratique et administration des systèmes TP10 : Technologie LAMP Le but de ce TP est de
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étailRAPPORT DE STAGE. Terrasse Hugo 1/12
RAPPORT DE STAGE Terrasse Hugo 1/12 Sommaire Introduction Les CMS Présentation CMSMS CMS Made Simple Prestashop Les Travaux VAMO Moulin du Calanquet Le Responsive Design La Refonte graphique Le Reférencement
Plus en détailUtiliser un CMS: Wordpress
Utiliser un CMS: Wordpress Annie Danzart Annie.Danzart@telecom-paristech.fr Wordpress Concevoir un site web statique Concevoir un site web dynamique Choisir un hébergement Choix du CMS Wordpress: installation
Plus en détailASTER et ses modules
ASTER et ses modules Sommaire Caractéristiques du site internet Rubriques et pages... page 3 Actualités... page 3 Agenda... page 4 Sons... page 4 Documents à télécharger... page 4 Liens... page 4 Albums
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étailRapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013
Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières
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é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étailDossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10
Dossier Technique Page 1/10 Sommaire : 1. REPONSE TECHNIQUE A LA DEMANDE 3 1.1. Prise en compte de la dernière version de phpcas 3 1.2. Gestion de la connexion à GRR 3 1.2.1. Récupération des attributs
Plus en détailVotre site Internet avec FrontPage Express en 1 heure chrono
1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,
Plus en détailLa programmation orientée objet Gestion de Connexions HTTP Manipulation de fichiers Transmission des données PHP/MySQL. Le langage PHP (2)
Le langage PHP (2) Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ 1 / 54 1 La programmation orientée objet 2 Gestion de Connexions HTTP 3 Manipulation
Plus en détailLes services usuels de l Internet
Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet Courrier électronique (mail) - protocole SMTP (Simple Mail Transfer Protocol) inclut maintenant tous types
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é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étailCréation outil multimédia de restitution du projet «l intergénérationnel : un levier pour un levier pour créer du lien social en milieu rural
CAHIER DES CHARGES Création outil multimédia de restitution du projet «l intergénérationnel : un levier pour un levier pour créer du lien social en milieu rural Juillet 2013 Sarah Pecas I - PRESENTATION
Plus en détailUtilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Plus en détailcreer votre site internet en html/css
3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour
Plus en détailAutour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech
Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web
Plus en détailComment bien référencer mes sites internet? Les 100 SECRETS EN VIDÉO
Comment bien référencer mes sites internet? Les 100 SECRETS EN VIDÉO éditions Page 2/14 A propos de l auteur... Souvent défini comme «sérial-créateur», Jean-Marie PÉRON est à l origine depuis 1992 d entreprises
Plus en détailINTRODUCTION A JAVA. Fichier en langage machine Exécutable
INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du
Plus en détailGestion de stock pour un magasin
Département d Informatique Université de Fribourg, Suisse http://diuf.unifr.ch Gestion de stock pour un magasin Stock online utilise ASP/MS-Access DO Thi Tra My No étudiant : 05-333-750 Travail de séminaire
Plus en détailL envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248
L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations
Plus en détailCREATION WEB DYNAMIQUE
CREATION WEB DYNAMIQUE IV ) MySQL IV-1 ) Introduction MYSQL dérive directement de SQL (Structured Query Language) qui est un langage de requêtes vers les bases de données relationnelles. Le serveur de
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é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étailSécurité des sites Web Pas un cours un recueil du net. INF340 Jean-François Berdjugin
Sécurité des sites Web Pas un cours un recueil du net INF340 Jean-François Berdjugin Vulnérabilité Définition (wikipédia) : Dans le domaine de la sécurité informatique, une vulnérabilité est une faiblesse
Plus en détail1 Introduction et installation
TP d introduction aux bases de données 1 TP d introduction aux bases de données Le but de ce TP est d apprendre à manipuler des bases de données. Dans le cadre du programme d informatique pour tous, on
Plus en détailSommaire. 1. Présentation de WordPress. 2. Hébergement et installation. 3. Prise en main, ajouter des contenus
Découverte du CMS Sommaire 1. Présentation de WordPress 2. Hébergement et installation 3. Prise en main, ajouter des contenus 4. Choix du thème, où trouver des thèmes? 5. Faire de votre blog un site de
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étailBureautique Initiation Excel-Powerpoint
Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office
Plus en détailINFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE
INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5
Plus en détailMODE D EMPLOI WORDPRESS
MODE D EMPLOI WORDPRESS Comment gérer votre site internet 1 Pour ce mode d emploi, nous allons prendre l exemple de la gestion du site jcebretagne.org Tout d abord, une suite d'article qui peuvent être
Plus en détailIPS-Firewalls NETASQ SPNEGO
IPS-Firewalls NETASQ SPNEGO Introduction Un utilisateur doit gérer de nombreux mots de passe. Un mot de passe pour la connexion au poste de travail, un mot de passe pour la messagerie et n mots de passe
Plus en détailPack Fifty+ Normes Techniques 2013
Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détailWhitepaper. Méthodologie de création de rapports personnalisés SQL Server Reporting Services
Ce Whitepaper décrit la méthodologie de développement d un rapport personnalisé au format SQL Server Reporting Service (SSRS) appliqué à System Center Operations Manager (SCOM) Whitepaper Méthodologie
Plus en détail