COPIE. Webmaster pour la société Eco-Action-Plus. Création du site web vitrine et produits communicants annexes. SARL Eco-Action-Plus

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

Download "COPIE. Webmaster pour la société Eco-Action-Plus. Création du site web vitrine et produits communicants annexes. SARL Eco-Action-Plus"

Transcription

1 Département UFR Sciences et Techniques Webmaster pour la société Eco-Action-Plus SARL Eco-Action-Plus Création du site web vitrine et produits communicants annexes Pen Ar Valy Milizac Maître de stage : LUCAS Bastien du 25/01/11 au 30/05/11 FAIDY Igor DEUST T-MIC 1 ère année

2 Université Bretagne Ouest Département Sciences et Techniques FAIDY Igor 1 ère année DEUST Techniciens des Médias Interactifs et Communicants Webmaster pour la Société à Responsabilité Limitée Eco-Action-Plus Collecte & recyclage de déchets Création du site web vitrine et produits communicants annexes du 25/01/11 au 30/05/11 Maître de stage : LUCAS Bastien

3 Ce rapport présente l ensemble de mon travail réalisé lors de mon stage pour l entreprise Eco-Action-Plus du 25 janvier au 20 avril Cette société de collecte et de recyclage de déchets avait besoin d un site web vitrine pour pénétrer le marché efficacement. La création de ce site internet a consitué ma mission. Il est construit dans une identité visuelle propre à la société. Son administration est désservie par un système de gestion de contenu, permettant le dévelloppement du site parrallèlement à son enrichissement par le chef d entreprise. Il présente clairement et met en valeur les prestations et services de l entreprise. Les difficultés rencontrées et solutionées sont mises en avant dans ce document. Cette expérience professionnelle a enrichi mes compétences techniques et m a confonté aux exigences du travail de webmaster en entreprise. Je remercie Bastien Lucas, pour m avoir permis de faire ce stage au sein d Eco-Action-Plus, pour la confiance qu il m a témoignée en me premettant de travailler sur un outil important pour l entreprise, la diponibilité dont il a fait preuve pour échanger régulièrement sur le travail, pour le temps qu il m a accordé dans la réalisation du site et enfin pour la convivialité dans les rapports que nous avons entretenus. Merci également à Thomas Arzel et Lucie Le Gall qui ont su donner des avis pertinents sur ce projet.

4 SOMMAIRE INTRODUCTION 7 L ENTREPRISE 9 Son secteur d activité 10 Les partenaires 10 Une société de service 11 Les prestations 11 La mission pour l environnement 12 Les engagements 12 LES travaux éffectués 13 Enjeux et objectifs 13 Analyse de l existant 13 L identité visuelle 13 Les moyens techniques 14 Le site internet 15 Charte graphique 16 Réalisation et publication 17 Évolutions et version finale 20 Les missions annexes 21 BILAN 23 Les objectis atteints, les apports pour la société 23 Les difficultés rencontrées et les points à améliorer 23 Les acquis 23 CONCLUSION 25 Les apports professionnels 25 Les perspectives pour la suite du stage 25 Les apports personnels 25 ANNEXES 27 Table des annexes 27

5 Introduction Du 25 janvier 2011 au 30 mai 2011, j effectue un stage dans l entreprise Eco-Action-Plus basé à Brest-Milizac. Une grande partie du travail est réalisée en présentiel. Après un stage dans le domaine de la communication culturelle en octobre 2010, dans lequel j ai réalisé des produits uniquement sur support papier, je souhaitais améliorer mes compétences dans d autre champs d actions, plus en lien avec ma formation. Je voulais établir un état des lieux de mes connaissances dans le domaine du web, développer mes compétences techniques, et enfin, mesurer mes capacités à répondre à la demande d une entreprise. Étant sensibilisé aux questions environnementales, la proposition de la société Eco-Action-Plus correspondait à mes attentes. Cette jeune entreprise propose des services de collecte et recyclage du papier et déchets de bureau auprès des professionnels. Il est nécessaire pour elle de figurer sur internet, pour se faire connaître et développer son activité économique. C est un outil de communication essentiel pour démarcher la clientèle potentielle. Elle avait besoin de créer un site internet vitrine indispensable pour éxister sur la toile : c est la mission qui m a été confiée. Dans un premier temps, il est nécessaire de présenter Eco-Action-Plus, son activité, sa solution spécifique au problème de collecte et de recyclage des déchets. Elle répond auprès des professionnels à un manque particulier dans ce domaine. J ai pris connaissance de son activité, du contexte local dans lequel elle agit, de ses prestations, ses partenaires et ses engagements. Ces éléments sont développés dans la première partie de ce rapport. En deuxième partie sont présentés les travaux réalisés. Après un temps de clarification des missions, en association avec le maître de stage, nous avons défini les enjeux et objectifs. Puis pour répondre à la demande, mon premier travail consiste à analyser l ensemble des produits communicants de l entreprise ainsi que les moyens techniques disponibles. Ensuite, les différentes étapes de création du site, son évolution, son aboutissement, sont détaillées et étudiées. Enfin, un premier bilan, puisque mon stage se poursuit, fait apparaître la plus-value que représente le site pour la société, ainsi que les difficultés rencontrées et les compétences acquises dans cette experience profesionnelle. En conclusion, les perspectives qu offrent la suite du stage et les apports dans ma formation et dans mon projet professionnel sont précisées. 7

6 l Entreprise Bastien Lucas, à l origine de l association Eco-Action, qui sensibilise les particuliers aux problèmes environnementaux et au tri sélectif, crée en 2010 la Société à Responsabilité Limitée Eco-Action-Plus. Demarrant son activité en 2011, cette entreprise propose, auprès des professionnels, une gamme de services pour la collecte, la destruction et le recyclage des déchets. C est une entreprise jeune qui agit sur l ensemble du département du Finistère et qui s associe avec de nombreux partenaires afin de développer son activité. La société est dirigée par Bastien Lucas, qui a un BTS Commerce Internationnal et un Master en Management. Il emploie Thomas Arzel au poste de reponsable commercial, qui possède une licence en Droit Environnemental. 9

7 son SECTEUR d activité L activité de collecte et de recyclage s inscrit dans un secteur en plein développement. Eco-Action-Plus apartient à un réseau de partenaires de traitement des déchets. Elle n entre pas en concurence directe avec les grandes enseignes du recyclage et de l environnement. Elle s adresse à un marché de niche : les PME-PMI ne possédant pas de dipositifs de collecte. les partenaires Eco-Action-Plus achemine les déchets vers des centres de recyclage. La société a contractualisé des partenariats avec les recycleurs de différents materiaux : Les Recycleurs Bretons pour le papier Corepile pour les piles et accumulateurs Eco-Tri à Saint Evarzec pour les déchets d équipements électriques et électroniques Recylum pour les lampes Polythec pour les cartouches d encres et toners Situation géographique des principaux partenaires locaux : Les Recycleurs Bretons Centre d enfouissement Eco-Action-Plus Les Recycleurs Bretons Siège Social Ecotri UNE société de SERVICEs Ce qui caractérise Eco-Action-Plus, c est qu elle développe une activité de collecte et de transport des déchets qui vise les entreprises locales. Son travail permet aux professionnels de disposer d outils pour trier leurs déchets. Son activité essentielle consiste à acheminer les déchets collectés chez les clients vers les recycleurs partenaires. La société est déclarée en Préfecture pour l exercice de transport par route de déchets. Les prestations Pour la gestion des papiers et déchets de bureaux de sa clientèle, Eco-Action-Plus propose plusieurs prestations: Désarchivage des locaux (destruction et recyclage) Mise à disposition d éco-box pour l ensemble des déchets de bureaux Collecte ponctuel des déchets papiers, cartons, toners, piles et tubes fluorescents Mise en place d un programme de recyclage avec des enlévements mensuels ou bimensuels Ces services sont proposés à travers plusieurs forfaits: Le forfait papier avec un enlèvement mensuel, bimensuel ou trimestriel dès 55 HT Le forfait multi déchets (collecte et recyclage des cartouches d encres, toners, piles, tubes fluorescents ainsi que déchets d équipements électriques et électroniques) dès 45 HT Le forfait Duo qui comprend ces deux offres dès 70 HT 10 11

8 la mission pour l environnement Eco-Action-Plus est avant tout une éco-entreprise qui offre une solution à forte valeur ajoutée pour les entreprises désireuses d adopter un comportement responsable. les engagements L entreprise c est engagée dans un processus de développement durable en proposant un service aux clients avec une gestion de «bout en bout» de la fin de vie de leurs déchets. De son côté, l équipe adopte une attitude de responsabilité environnementale : En travaillant avec des partenaires locaux tels que les Recycleurs Bretons En adoptant les principes de notre charte interne d engagement réciproque En ne faisant qu appel à des fournisseurs éco-responsables pour l achat notamment de nos consommables En travaillant localement afin d éviter les longs trajets énergivores en carburant et qui augmentent les émissions de CO2 réglementation Afin de gérer efficacement la fin de vie des déchets dans le strict respect de l environnement, chacun des déchets collectés par Eco Action Plus fait l objet d une réglementation spécifique. Page «Réglementation» du site internet : Les papiers Le déchet papier peut être soumis à différentes législations (déchet banal, déchet d emballage et/ou déchet dangereux s il est souillé). La loi du 15 juillet 1975 relative à l élimination des déchets et à la récupération des matériaux impose «la valorisation des déchets par réemploi, recyclage ou toute autre action visant à obtenir à partir des déchets, des matériaux réutilisables ou de l énergie». Les piles et accumulateurs Les piles salines et alcalines sont des déchets dits banals alors que les piles et accumulateurs contenant du mercure ou encore du cadmium sont assimilés à des déchets dangereux. La directive du 6 septembre 2006 relative aux piles et accumulateurs ainsi qu aux déchets de piles et accumulateurs fixes des objectifs de recyclage et de valorisation ainsi que la restriction sur le marché des piles et accumulateurs contenant du cadmium. Les tubes fluorescents et lampes fluo compactes Seuls les lampes à économie d énergies et celles de type LED font l objet d une valorisation. Un décret du 18 avril 2002 classifie les lampes concernées par cette obligation. Les cartouches d encres et toners Contre toute attente, celles-ci sont considérées comme des déchets banals non dangereux bien qu elles soient fabriquées à partir de dérivés du pétrole. Cependant, la loi du 13 juillet 1992 oblige les entreprises à les valoriser. LES travaux éffectués Enjeux et objectifs Un site internet vitrine pour la société est nécessaire pour pénétrer le marché. Il est essentiel pour promouvoir et faire connaître ses services auprès du grand public et des professionnels. Internet étant un espace de communication investi par toute entreprise, Eco-Action-Plus doit y avoir une présence. L objectif du site est de créer un lien communicant entre les clients potentiels et l entreprise. Il doit également présenter l ensemble des services et prestations de la société. La création du site s accompagne de missions annexes relatives à l ing et d autres moyens de communications. Il est envisagé d accompagner le site vitrine d un espace web dédié aux futurs clients. L ensemble de ces objectifs sont clarifiés et déterminés en colaboration avec le maître de stage. Analyse de l existant La première étape consite à lister l ensemble des produits communicants déjà existant au sein de l entreprise, ainsi que des outils techniques pouvant être utilisés. Il s agit ensuite de les étudier pour les réinvestir au sein de la communication numérique. l identité visuelle Tout d abord j ai mis en lumière l ensemble de ces produits communicants: Le logo annexe 1, page 28 présent sur le véhicule, la carte de viste et les autres supports de communication La carte de visite annexe 2, page 29 Le modèle de papier à lettre annexe 2, page 29 Le dépliant commercial annexe 3 page 30 Les différentes images d illustrations annexe 4, page 31 Ces différents éléments offrent à la société une bride d identité visuelle qui servira de base à l établissement de la charte graphique du site internet

9 les moyens techniques Premièrement, un espace d hébergement est disponible chez l hébergeur OVH, qui delivre également un client mail. La société possède déjà son nom de domaine: La plateforme Joomla! y est installé dans sa version Présentation du CMS Joomla! Joomla! est un CMS (Content Management System), c est à dire un Système de Gestion de Contenu. Ce type de logiciel permet la conception et la mise à jour dynamique de site internet. Il possède notament les fonctionnalités suivantes : Plusieurs individus peuvent travailler en même temps sur l élaboration du site internet, par l intermédiaire d un système de gestion de comptes utilisateurs. Il fournit une chaîne de publication (workflow) offrant par exemple la possibilité de mettre en ligne le contenu d un document. Il permet de séparer les opérations de gestion de la forme et du contenu Il offre la possibilité de déterminer une structure pour un contenant en fonction du contenu ( par exemple l utilisation de FAQ, de documents, de blogs...) Les différent utilisateurs peuvent se connecter via un navigateur. D un côté le propriétaire pourra publier des pages et du contenu sur le site, et de l autre l administateur pourra effectuer les opérations liées à la forme. Un compte Administrateur est déjà créé. L installation de Joomla! sur l espace d hébergement détermine l arbosescence des fichiers suivante: RACINE WWW (sous-domaine) acceuil (répertoire joomla) index.html (page d acceuil OVH) (documents relatifs à la page d acceuil OVH) template (aspect du site) images plugins modules... administrator (interface de connection)... eco-action-plus Le site internet La création du site internet demande l acquisition de compétences particulères liées à l utilisation de Joomla!. De nombreux tutoriels, ressources en lignes et forums me servent à l auto-aprentissage de ce système de gestion qui bénéficie d une communauté très active sur la toile. D autres sites me sont éqalement utiles pour approfondir mes compétence techniques dans le développement web. La grande majorité de mon travail est avant tout une mise en application de mes connaissances acquises lors de ma formation en DEUST. Voici une liste non-exaustive de mes principales ressources : forum.joomla.fr ressources.mediabox.fr Tutoriel : Créer son template pour Joomla! 1.5 par Ced Administration d un site internet Joomla! par Eric Elzière Les outils utilisés L interface en ligne de Joomla! est le principal outil pour la création du site internet, néanmoins le travail de création graphique et d élaboration du code source effectué en amont est réalisé à l aide des logiciels suivantes : La suite Adobe CS5 (notament Illustrator, Photoshop et Flash) pour la création graphique Codelobster PHP Edition pour le traitement de fichiers html, php, javascript et css FileZilla pour le transfert de fichiers via le protocole ftp Firebug et ColorZilla pour Mozilla Firefox d autres programmes courants tel que Paint, Notepad, WinRAR

10 Charte graphique En premier lieu, des recherches graphiques préliminaires sont effectuées afin de déterminer l apparence esthétique du site internet, en corelation avec l identité visuelle de l entreprise, comme vu précedement annexe 5, page 32. Ensuite l organigramme du site est élaboré conjointement avec le maître de stage. Voici comment l achitecture du site est décidée: Acceuil Nos services - Nos forfaits - Nos offres unitaires - Nos prestations complémentaires - FAQ Notre mission -Nos engagements - Comment sont recyclés vos déchets Notre société - Présentation - Contact - Les entreprises qui nous font confiance - Partenaires et liens Réglementation Par la suite le maquetage/zoning du site est effectué, l organisation spaciale des éléments dans la page est relativement classique : logo header (en-tête) top menu (menu principal) body menu left middle (component) (contenu de la page) footer (pied de page) Une première version esthétique du site est ainsi établie, résultant d une pseudo charte graphique annexe 6, page 33. Réalisation et publication Les éléments graphiques constituant les parties du site sont réalisés un par un, en respectant les dimensions en pixels imposées par la structure globale du maquetage annexe 7, page 34. Écriture du code source L utilisation de Joomla! impose une organisation et un codage particulier des fichiers. La template s organise autour d un fichier php qui détermine la position des éléments dans la page, celui-ci comportera également les menus et contenus textuels qui se répètent sur toute les parties. L aspect visuelle de ceux-ci sont donnés par une feuille de style css. Les fichiers sont organisés dans l arborescence suivante, le répertoire de travail est celui vu en page 16. RÉPERTOIRE DE TRAVAIL eco-action-plus menu left index.php (1) templatedetails.xml (2) index.html (3) favicon.ico (4) template_thumbnail.png (5) images (6) css (7) template.css (8) index.html (3) Le contenu des fichiers et répertoires est détaillé page suivante. 1360px 1000px px px - topmenu - 100px px px - footer 16 17

11 (1) Le fichier index.php est celui contenant les informations php relatives à Joomla!, les Première publication informations d en-tête ainsi que les balises 37ĊOPIE conteneurs html annexe 8 et 9, pages On note notamment les balises servants à charger les références externes : <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> pour le favicon, voir (4) <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/<?php echo $this- >template?>/css/template.css" type="text/css" /> pour charger la/les feuille(s) de style externe(s) <script src="scripts/swfobject_modified.js" type="text/javascript"></script> pour l implémentation des scripts (voir page suivante) (2) Ce fichier est essentiel pour que la template puisse être utilisable par Joomla!. Il donne les informations importantes suivantes annexe 8, page 35 : <install version="1.5" type="template"> <name></name><version></version><creationdate></creationdate><license></license> <description></description> pour les informations de version, de licence, et divers descriptions <files></files> <folder></folder> <filename></filename> liste les fichiers et réperoire contenu dans le dossier du template <positions></positions> indique à Joomla les différentes positions de modules chargés dans la template (voir page suivante) (3) Ce fichier est vide, mais tout les répertoires doivent en contenir un, il est utile pour l indexation afin que Joomla! puisse explorer l arborescence. (4) Ce fichier donne l aspect de l icone associé au site dans le navigateur de l utilisateur. Il s agit ici d une récupération d un détail du logo. Implémentation flash et javascript (5) Ce fichier image donne simplement la miniature de la template lorsque son nom est pointer dans la liste du gestionnaire des templates de Joomla!. (6) Le sous-dossier comportant les images de la template annexe 7, page 34. (7) Ce répertoire comporte les feuilles de style. (8) La feuille de style css pour la template de base. annexe 10, 9, page 41 Dans un premier temps, une redirection automatique est mise en place de la page d index à la racine du site vers le répertoire joomla La version de Joomla! est migrée de la vers la (correctifs de failles de sécurité). Le site est placé sous licence Créative Commons BY-NC-ND 2.0 (Paternité - Pas d Utilisation Commerciale - Pas de Modification 2.0 France). Les utilisateurs peuvent partager, distribuer et communiquer sur le site dans les conditions décrites ici: La licence fait l objet d un code légal intégral publié à cette adresse: Les fichiers sont compressés dans une archive.rar et transféré via Joomla!, pour bénéficier de la validation du système de gestion. Le CMS rejette l intallation de la template si des fichiers sont invalide (les informations d en tête). L utilisation du simple protocole FTP avec FileZilla par exemple ne permet pas cette vérification de la part de Joomla! qui ne détectera tout simplement pas aucune nouvelle template. Les modifications et corrections du code source sont effectués par la suite avec l interface en ligne de Joomla!. Joomla! met à disposition une bibliothèque de modules pouvant être insérer dans les emplacements donnés dans le fichier templatedetails.xml. Ils sont appelés dans le fichier index.php grace à la balise orpheline <jdoc:include/> dans laquelle est préciser le type du document inclu et la position. Ces modules servent notament à l affichage des menus et des articles créés par le chef d entreprise. Un logo animé en flash vient remplasser le logo fixe afin de rendre le site plus vivant. Il est inclus dans un module de bannière disponible dans la bibliothèque Joomla!, ce qui permet d éviter d inclure du code javascript pour son affichage. Le menu déroulant est générer par du code javascript appelé dans le fichier index.php, son aspect est défini séparément dans une deuxième feuille de style annexe 10, page 37. Les sections et catégories sont gérés en parralèle dans l interface Joomla!

12 évolutions et version finale Principales évolutions Il est effectuer de nombreuses modifications du site au cours du stage, il évolue à la fois sur l aspect esthétique et sur l organisation des éléments. En premier lieu, à la demande du maître de stage, les couleurs et fonds sont modifiés afin de mieux correspondre à l identité visuelle de l entreprise annexe 11 page 38. De plus, la taille du site dans sa globalité sera réduit afin d optimiser l affichage sur les écrans de petite taille. L aspect visuelle sera simplifée afin d aller vers plus de sobriété, comme le veut dans sa globalité l identité visuelle de la société. Dans un deuxième temps, le menu de gauche est abandonner au profit d un menu complémentaire en bas de page, pour plus de simplicité annexe 11 page 38. Le pied de page est visuellement fusionner avec le fond afin de tendre vers plus de clarté. Ces améliorations aboutissent à la version finale du site. Il est prêt à recevoir le contenu publié par le chef d entreprise dans son compte Joomla! et est ouvert aux visiteurs à l adresse Les missions annexes Durant mon stage j ai réalisé également d autres travaux liés à la communication numérique, notament dans le domaine de l ing. L ensemble de ses productions s inscrit dans l identité visuelle globale d Eco-Action-Plus. La plupart des images illustratives présentées précédement sont réapproriées pour construire l image. La difficulté de création du modèle de mail publicitaire était l emploi d un code très pauvre, nécessaire pour maximiser la compatibilité sur les différents clients mails. L interprétation est difficilement controlable chez le destinataire du mail publicitaire annexe 12, page 39. J ai aussi créé les en-tête et signatures mails: SARL Eco-Action-Plus à Brest - Milizac Votre facture Votre devis Collecte & recyclage de vos papiers et déchets de bureaux SARL Eco-Action-Plus à Brest - Milizac Collecte & recyclage de vos papiers et déchets de bureaux SARL Eco-Action-Plus à Brest - Milizac Collecte & recyclage de vos papiers et déchets de bureaux Imprimez ce message que si vous en avez vraiment besoin! blucas@eco-action-plus.fr Bastien LUCAS Gérant Fax: Imprimez ce message que si vous en avez vraiment besoin! contact@eco-action-plus.fr Imprimez ce message que si vous en avez vraiment besoin! tarzel@eco-action-plus.fr Thomas ARZEL Responsable commercial Fax: Je me suis occupé également de la vectorisation des images pour la communication éffectuée sur les eco-box de la société: 20 21

13 bilan Un pré-bilan, puisque mon stage se poursuit, fait apparaître la plus-value que représente ce site pour Eco-Action-Plus, les difficultés rencontrées pendant la création du produit ainsi que les compétences acquises. Les objectis atteints, les apports pour la société Un premier bilan peut être établi. Le site de la société est opérationnel et accessible à toutes les entreprises clientes potentielles. Il présente clairement et met en valeur les prestations et services d Eco-Action-Plus. Le responsable de l entreprise a validé le produit fini et autorisé sa publication définitive. Ce site possède des qualités d accessibilité, de clarté et devient pour l entreprise son point d ancrage sur la toile et son outil référent de communication. Les statistiques de Google Analytics indique une hausse des visites de 12% pour le mois d avril en comparaison avec le mois de mars dont 50% de nouveaux visiteurs. Ces visites proviennent à 51% de moteurs de recherche, 40% en accès direct et 9% par des sites référents, notament grâce au travail d indexation et de référencement du chef d entreprise. La valeur du site internet est estimée à 638,35 par bizinformation.com. La publication récente du site ne permet pas d obtenir une évaluation véritablement fiable. Les difficultés rencontrées et les points à améliorer Ce travail est aujourd hui abouti. Les difficultés surtout d ordre méthodologique et de façon moindre, techniques, et les solutions apportées pour les résoudre ont enrichi mes capacités à créer un site web. En effet, la charte graphique n ayant pas au départ été suffisament précisée et détaillée, il a fallu tardivement apporter des modifications d ordre esthétique sur le site. D autre part, le système de gestion de contenu Joomla! a suscité des difficultés dans l écriture du code source, en raison de certaines tâches automatisées par le CMS comme le nettoyage du code. C est en autodidacte, à l aide de ressources en ligne (citées en page 17) que j ai résolu ces difficultés. Les acquis Cette réalisation m a permis d améliorer ma méthode de travail, notamment dans l organisation chronologique des étapes de création d un site. D autre part, ella a permis d optimiser mes compétences techniques. J ai acquis la maîtrise du CMS Joomla!. 23

14 CONCLUSION Les apports professionnels Pendant ce stage, j ai experimenté les différents aspects du métier de webmaster, l administration, la programmation et le webdesign. La demande de création de site de l entreprise d Eco-Action-Plus m a confronté aux exigences de ce métier. À savoir d une part, être à l écoute du commanditaire pour définir le contenu du site et rendre compatible ce contenu avec les dispositifs techniques adéquats. J ai pu ainsi mesurer mes capacités à répondre à la demande d une entreprise en tenant compte de ses contraintes de productivité et rentabilité. De plus, j ai amélioré ma maîtrise du langage technique informatique en utilisant les outils étudiés en cours de DEUST Technicien des Médias Interactifs et Communicants à l UBO. Les perspectives pour la suite du stage La dernière partie de mon stage sera consacrée d une part à l enrichissement du contenu du site vitrine et d autre part au projet de création d espaces clients dans un sous-domaine du site (leplus.eco-action-plus.fr). Un logiciel de gestion de base de données client à été installé au sein de l entreprise sur un réseau interne. Il servira d appui pour nourir la base de données qui désservira les comptes ouverts par les clients. Les apports personnels Ce stage a confirmé mon orientation professionnelle dans le domaine des télécomunication et tout particulièrement internet. L association du travail de dévelopement web avec les enjeux environnementaux m intéresse fortement. Dans mes éxperiences précédentes, j ai éffectué deux stages ou j ai travaillé sur des supports papiers, en agence de communication et pour une association culturelle. Pour poursuivre ma spécialisation dans la création numérique, je souhaite effectuer un prochain stage en agence de communication multimédia au sein d une équipe. 25

15 ANNEXES TABLE des annexes 1. Logo 2. Carte de visite et papier à lettre 3. Dépliant 4. Images illustratives 5. Recherches graphiques préliminaires 6. Maquette 7. Éléments constituants 8. Code source 1/3 9. Code source 2/3 10. Code source 3/3 11. Déclinaison des éléments 12. ing 27

16 LOGO Déclinaison en bleu Encienne version 1 2 carte de visite et papier à lettre 28 29

17 dépliant 3 4 images illustratives 30 31

18 recherches graphiques préliminaires Compte Votre espace client Acceuil Actus Notre mission Gallerie photos Contact Compte Votre espace client Acceuil Actus Notre mission Gallerie photos Contact 5 6 maquette 32 33

19 éléments constituants en-tête et fond menu principal pied de page éléments assemblés menu de gauche espace pour le contenu de la page 7 8 TemplateDetails.xml code source 1/3 <?xml version="1.0" encoding="utf-8"?> <install version="1.5" type="template"> <name>eco-action-plus(2)</name> <version>1.0.0</version> <creationdate>2011</creationdate> <author>igor Faidy</author> <author >contact@if-webbook.net</author > <authorurl> <license>cc BY-NC-ND 3.0</license> <description>template de base pour le site vitrine d Eco-Action-Plus</description> <files> <folder>images</folder> <folder>scripts</folder> <folder>css</folder> <filename>index.php</filename> <filename>templatedetails.xml</filename> <filename>template_thumbnail.png</filename> </files> <positions> <position>user1</position> <position>user2</position> <position>user3</position> <position>footer</position> <position>logo</position> </positions> </install> index.php - en-tête <?php /** CC BY-NC-ND 2.0 * Joomla! is free software. This version may have been modified pursuant * to the GNU General Public License, and as distributed it includes or * is derivative of works licensed under the GNU General Public License or * other free or open source software licenses. */ // no direct access defined( _JEXEC ) or die( Restricted access );?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " xhtml1-transitional.dtd"> <html xmlns=" xml:lang="<?php echo $this->language;?>" lang="<?php echo $this->language;?>" > <head> <jdoc:include type="head" /> <! on charge les références externes > <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/ css/template.css" type="text/css" /> <script src="scripts/swfobject_modified.js" type="text/javascript"></script> <!-- MOOMENU HORIZONTAL--> <link rel="stylesheet" href="templates/<?php echo $this->template?>/css/moomenuh.css" type="text/ css" /> <script type="text/javascript" src="<?php echo $this->baseurl?>/templates/<?php echo $this- >template?>/scripts/moomenuh.js"></script> <!-- FIN MOOMENU HORIZONTAL --> </head> 34 35

20 code source 2/3 index.php - balises html <body> <div id="container"> <!-- début du header --> <div id="header"> <div id="logo"> <jdoc:include type="modules" name="logo" style="xhtml" /> </div> <div id="compte"></div> </div> <!-- fin du header--> <!--début du topmenu--> <div id="fond_menu"><jdoc:include type="modules" name="user3" style="xhtml" /></div> <!--fin du topmenu--> <!--début du body--> <div id="body"> <!-- on affiche le corps du site --> <div><jdoc:include type="modules" name="menuleft" style="xhtml" /></div> <div id="bodymiddle"> <div id="message"><jdoc:include type="message" /></div> <div id="component"><jdoc:include type="component" style="xhtml" /></div> </div> <div id="footer"> <div id="contactfooter"> <a href=" w=category&id=10&itemid=34">contacter le service commercial</a> - Tél: Fax: <a mailto="contact@eco-action-plus.fr">contact@eco-action-plus.fr</a> </div> <div id="menufooter"> <ul id="boutons"> <li> <a id="recherche" href="index.php?option=com_search&view=search"></a> <li> <a id="contact" href="index.php?option=com_content&view=category&id=10&i temid=34"></a> <li> <a id="client" href=" </ul> </div> </div> </div> <!--fin du body--> <!--début du footer--> <div id="modfooter"> <small><small><small> <span xmlns:dct=" href=" property="dct:title" rel="dct:type"> <a rel="license" href=" est mis à disposition selon les termes de la <a rel="license" href=" Creative Commons BY-NC-ND 2.0 France</a>.<br/> 2011 SARL Eco-Action-Plus. Le logo «Les Recycleurs Bretons" est la propriété exclusive de la société <a href=" Recycleurs Bretons</a>.<br/> Les noms des sociétés ou organisations partenaires citées sont la propriété exclusive de celles-ci ou des ayants droits.<br/> Réalisé par <a href=" title="igor Faidy" target="_blank">igor Faidy</a>. Basé sur une oeuvre à <a xmlns:dct=" href=" rel="dct:source">ced</a>. <a href=" est un logiciel libre sous licence <a href=" </span> </small></small></small> </div> <!--fin du footer--> </div> </body> <!-- fin du body --> </html> 9 10 template.css (extrait) body { background: none; bgcolor:#99cd55; color: #000; font-family: verdana, sans-serif; font-size: 100%; padding: 0px; text-align: center; a { color:#000; text-decoration:none; font-weight:bold; a:hover { color:#000; text-decoration:underline; font-weight:bold; a:visited { color:#000; text-decoration:none; font-weight:bold; a img { border: none; #container { width: 914px; height: 1013px; background: url(../images/header.png) no-repeat center; padding-left:0px; margin-left:auto; margin-right:auto; margin-top:10px; text-align: center; position: center; #header { height: 191px; #logo { background: url(../images/logo.png) no-repeat center; margin-left:0px; padding-top:0px; height:140px; width:300px; font-size:80%; #compte { background: url(../images/compte.png) no-repeat right; margin-right:0px; margin-top:-109px; margin left:500px; padding-top:0px; padding-right:0px; height:100px; width:300px; #fond_menu { background: url(../images/menu.png) no-repeat center; code source 3/3 moomenuh.css (extrait) #top_menu { width:780px; height:30px; clear:both; display:block; position:relative; z-index:100; list-style : none; margin-left:54px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding:0; text-align: left; vertical-align:middle; align:center; #top_menu li{ margin-top:0px; margin-left:0px; padding-right:0px; height:30px; float:left; position:relative; list-style : none; background : none; vertical-align:middle; text-align:left; line-height:29px; z-index:1000; #top_menu li a { color:#000; text-transform:none; padding-right:20px; padding-left:20px; height:31px; display:block; float : none!important; float : left; position:relative; z-index:98; text-decoration:none; vertical-align:middle; font-weight:normal; font-size:110%; border-left:1px solid #aac6f3; border-right:1px solid #aac6f3; #top_menu li a:hover{ text-decoration:none; color: #fff; font-weight:normal; background: #01632f; border-left:1px solid #000; border-right:1px solid #000; height:31px; #top_menu li ul { display:block; width: 14em; position:absolute; z-index:97; left: -999em; clear:left; margin:0; 36 37

21 11 12 déclinaison du FOND fond choisie...afin d imaginer ensemble un monde plus responsable...afin d imaginer ensemble un monde plus responsable SARL Eco-Action-Plus à Brest... Afin d imaginer ensemble un monde plus responsable en-tête pour news-letters et couriers promotionnels ing 38 39

22

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. 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étail

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012 Un site web collaboratif avec Drupal Judith Hannoun - Journées INSHS 16 Octobre 2012 Site web Ensemble de pages en html Des liens hypertextes Une base de données si site dynamique Une interface graphique

Plus en détail

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique 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étail

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles

Cré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étail

Tutoriel : Feuille de style externe

Tutoriel : 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étail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

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

Plus en détail

Guide de réalisation d une campagne e-mail marketing

Guide 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étail

OFFRE DE SERVICE. www.votreentreprise.com

OFFRE 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étail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉ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étail

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES

Association 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étail

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?

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? 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étail

Projet en nouvelles technologies de l information et de la communication

Projet 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étail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

Plus en détail

Formation HTML / CSS. ar dionoea

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

Plus en détail

novatis Agence Web innovatrice

novatis Agence Web innovatrice QUI SOMMES NOUS? 02 novatis La théorie c est quand on comprend tout et que rien ne marche La pratique c est quand tout marche mais on ne sait pas pourquoi! Chez Novatis, nous avons réussi les deux... tout

Plus en détail

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

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

Plus en détail

creer votre site internet en html/css

creer 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étail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET 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étail

Agence Web innovatrice

Agence Web innovatrice QUI SOMMES NOUS? 02 n o v a t i s La théorie c est quand on comprend tout et que rien ne marche La pratique c est quand tout marche mais on ne sait pas pourquoi! Chez Novatis, nous avons réussi les deux...

Plus en détail

101 Réaliser et publier un site WEB

101 Réaliser et publier un site WEB 101 Réaliser et publier un site WEB Rapport personnel de module EMF - Section informatique John Baudin Module du.2008 au.2008 Table des matières 1 Introduction... 1 2 Le XHTML... 1 2.1 Les balises... 1

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE 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étail

Rapport 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 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étail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Normes techniques 2011

Normes 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étail

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

Dans 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étail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, 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étail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe 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étail

Construction 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. 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étail

Débuter avec WordPress 1/5

Débuter avec WordPress 1/5 Débuter avec WordPress 1/5 Penser son future site internet Avant de commencer la construction d un site, pour gagner du temps, essayé de penser comment se présentera ce site, voir même de l esquisser sur

Plus en détail

CMS Open Source : état de l'art et méthodologie de choix

CMS Open Source : état de l'art et méthodologie de choix CMS Open Source : état de l'art et méthodologie de choix Définition d'un CMS (wikipedia) Les CMS sont une famille de logiciel de conception et de mise à jour dynamique de sites web partageant les fonctionnalités

Plus en détail

Notes pour l utilisation d Expression Web

Notes 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étail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Joomla! Création et administration d'un site web - Version numérique

Joomla! 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étail

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) OBJECTIFS - Créer une boutique sous wordpress et la référencer. - Mise en place du contenu, des articles Une bonne connaissance

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web CCI Formation vous propose 8 formations WEB 1 formation Smartphone Nos formations se déroulent

Plus en détail

CAHIER DES CHARGES DE LOGO-WORLD.NET

CAHIER DES CHARGES DE LOGO-WORLD.NET CAHIER DES CHARGES DE LOGO-WORLD.NET 1. Présentation d ensemble du projet 1.1 Présentation de l entreprise (particulier) : - Le projet a été créé en Novembre 2012 via la plateforme de forum gratuit «Forumactif».

Plus en détail

UN SITE WEB RESPONSIVE EN UNE HEURE?

UN SITE WEB RESPONSIVE EN UNE HEURE? UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N

Plus en détail

RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences

RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences RESUME DE CARRIERE Alice JULIENNE 23 ans Nationalité Française Développeur Web Front-End Compétences Systèmes Langages Windows (XP, 98) Macintosh OS X HTML, XHTML, CSS, XML, PHP, SQL, Javascript, J-Querry

Plus en détail

SYSTÈMES DE PUBLICATION POUR L INTERNET. Beatep 2006. Marie-France Landréa - Observatoire de Paris

SYSTÈMES DE PUBLICATION POUR L INTERNET. Beatep 2006. Marie-France Landréa - Observatoire de Paris SYSTÈMES DE PUBLICATION POUR L INTERNET Beatep 2006 SPIP UN système de publication sur Internet Marie-France Landréa - Observatoire de Paris Caractéristiques des CMS Des auteurs (de contenu) Créent, d

Plus en détail

Portfolio Sites internet :

Portfolio Sites internet : Portfolio Sites internet : 2010 ARA architecture www.ara-architecture.com Type : Portfolio d architecte Fonctionnalités principales : Galerie de projet d architecture, Actualités, Textes sur l agence,

Plus en détail

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

TIC. 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étail

Nous vous proposons des formations à la carte et vous accompagnons dans leur mise en oeuvre au quotidien.

Nous vous proposons des formations à la carte et vous accompagnons dans leur mise en oeuvre au quotidien. Nous vous proposons des formations à la carte et vous accompagnons dans leur mise en oeuvre au quotidien. Netchallenge met à votre disposition ses salles de formation, toutefois afin de correspondre au

Plus en détail

Celui qui vous parle. Yann Vigara

Celui qui vous parle. Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle [Spa m] Yann Vigara Fondateur et directeur technique d'atomes Dans l'administration système depuis 1999 Tombé dans

Plus en détail

Rapport De Stage 28 mai au 27 juin 2013. Intégration Web Création de site vitrine (SGC)

Rapport De Stage 28 mai au 27 juin 2013. Intégration Web Création de site vitrine (SGC) Rapport De Stage 28 mai au 27 juin 2013 Intégration Web Création de site vitrine (SGC) LOGANATHAN Teboral Etudiante en 2ème 20 rue de Jaigny 95160 Montmorency année de BTS SIO PASTOR Pascal Gérant 200

Plus en détail

Informatique et Internet

Informatique 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étail

{less} Guide de démarrage

{less} Guide de démarrage {less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site

Plus en détail

mon site web via WordPress

mon 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étail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

Les outils de création de sites web

Les 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étail

Tutoriel de démarrage rapide destiné aux EDITEURS

Tutoriel de démarrage rapide destiné aux EDITEURS Tutoriel de démarrage rapide destiné aux EDITEURS 2007 Joseph Beeson josephbeeson@gmail.com Sous une licence Creative Commons : Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales.

Plus en détail

CAHIER DES CHARGES DU SITE WEB POUR LA RÉALISATION. Nom du commanditaire : Dossier suivi par : Date de réalisation : Date de mise à jour :

CAHIER DES CHARGES DU SITE WEB POUR LA RÉALISATION. Nom du commanditaire : Dossier suivi par : Date de réalisation : Date de mise à jour : CAHIER DES CHARGES POUR LA RÉALISATION DU SITE WEB Nom du commanditaire :... Dossier suivi par :......... Date de réalisation : Date de mise à jour : Référence du dossier :......... Ce document est distribué

Plus en détail

Introduction aux concepts d ez Publish

Introduction aux concepts d ez Publish Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de

Plus en détail

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Web Designer Durée 90 jours (630 h) Public Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Objectifs La formation Web designer

Plus en détail

Manuel d utilisation du site web de l ONRN

Manuel d utilisation du site web de l ONRN Manuel d utilisation du site web de l ONRN Introduction Le but premier de ce document est d expliquer comment contribuer sur le site ONRN. Le site ONRN est un site dont le contenu est géré par un outil

Plus en détail

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles

Plus en détail

Optimiser pour les appareils mobiles

Optimiser 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étail

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur)

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Publication par FTP FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Logiciels FTP nombreux (FileZilla, CuteFTP, WinSCP, FTP Expert).

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : réaliser un site web WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu

Plus en détail

Formation Créateur de site web e-commerce Certifiant

Formation Créateur de site web e-commerce Certifiant Formation Créateur de site web e-commerce Certifiant La formation «Créateur de site web et e-commerce» vous permet sur une période courte, en stage intensif, de vous initier aux fondamentaux de la communication

Plus en détail

Travaux dirigés n 10

Travaux 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étail

Bernard Lecomte. Débuter avec HTML

Bernard 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étail

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net

Plus en détail

Formation Site Web. Menu du jour. Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite?

Formation Site Web. Menu du jour. Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite? Menu du jour Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite? Le web comment ça marche? - Internet le réseau des réseaux. Un peu d'histoire. - adresse IP : numéro

Plus en détail

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)

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) 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étail

Table des matières. Première partie Découvrir, installer et apprivoiser WordPress

Table des matières. Première partie Découvrir, installer et apprivoiser WordPress Table des matières Avant-propos... Remerciements.... Les fichiers téléchargeables... XIII XVII XVIII Première partie Découvrir, installer et apprivoiser WordPress Chapitre 1 Découvrir WordPress.... 3 1.1

Plus en détail

Maîtrisez votre Navigateur

Maîtrisez votre Navigateur Qu est-ce que Surfer ou Naviguer sur Internet? C est l action, à l aide d un navigateur internet, de suivre les liens hypertexte qui relient les pages Web les unes aux autres. La navigation Web C est une

Plus en détail

ENVOI EN NOMBRE DE Mails PERSONNALISES

ENVOI EN NOMBRE DE Mails PERSONNALISES MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel

Plus en détail

Animation. Flash Egde animate. Vidéo. After Effects Adobe Première Suite ilife. Son. Logic cubase MAO 2009-2011 2006-2011 2003-2005.

Animation. Flash Egde animate. Vidéo. After Effects Adobe Première Suite ilife. Son. Logic cubase MAO 2009-2011 2006-2011 2003-2005. Graphiste concepteur 4 rue des mesanges 60540 Bornel Mobile : 06 64 36 21 29 Site web : www.stephanequentin.fr Courriel : contact@stephanequentin.fr 31 ans, marié, un enfant, Permis B Print/Web/3D Photoshop

Plus en détail

Utiliser un CMS: Wordpress

Utiliser 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étail

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube Content Management System bluecube V4.3 1 SOMMAIRE Avant-propos Découvrir le CMS Blue Cube Les modules Les clients BLUE CUBE CMS V4.3 par Digitalcube 2 CMS sans bugs 3 Avant-propos Facile à prendre en

Plus en détail

Questionnaire préalable Site Internet

Questionnaire préalable Site Internet Benjamin Caigny Communication & Web Questionnaire préalable Site Internet Véritable outil de communication, de commercialisation et d information pour vos clients et prospects, un site Internet nécessite

Plus en détail

Le piratage informatique. Rapport de projet. Spécialité Informatique 1 re année. DEJOUR Kévin SOUVILLE Jean-François. Suivi : Mokhtari-Brun Myriam

Le piratage informatique. Rapport de projet. Spécialité Informatique 1 re année. DEJOUR Kévin SOUVILLE Jean-François. Suivi : Mokhtari-Brun Myriam 6, bd maréchal Juin F-14050 Caen cedex 4 Spécialité Informatique 1 re année Rapport de projet Le piratage informatique DEJOUR Kévin SOUVILLE Jean-François Suivi : Mokhtari-Brun Myriam 2 e semestre 2005-2006

Plus en détail

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE

E-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

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site

Plus en détail

PEPSITE EST COMPATIBLE UNIQUEMENT SUR IE10+

PEPSITE EST COMPATIBLE UNIQUEMENT SUR IE10+ 1 Avertissements Ce document a pour but de fournir à tous les moyens pour bien débuter avec PEPSITE. Nous utiliserons donc volontairement un vocabulaire et une méthode de travail accessibles à un public

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

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

Plus en détail

Intégrateur Web HTML5 CSS3

Intégrateur Web HTML5 CSS3 Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou

Plus en détail

Un 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 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étail

2010-2011 Master 2 Professionnel «Contenus et projets internet», Université Paul Verlaine (Metz, 57)

2010-2011 Master 2 Professionnel «Contenus et projets internet», Université Paul Verlaine (Metz, 57) Juhel Alexandre 14 Octobre 1986 - FRANCE E-mail: juhel.alexandre@gmail.com Site: http://www.juhel-alexandre.com Cité Universitaire «Saulcy» Pavillon 6, Chambre 106, Île du Saulcy, BP 60587 57010 Metz cedex

Plus en détail

Pack Fifty+ Normes Techniques 2013

Pack 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étail

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement

Principales 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étail

En date du 11 décembre 2008

En date du 11 décembre 2008 R E F O N T E S I T E W E B G F I E CAHIER DES CHARGES ET DEVIS En date du 11 décembre 2008 ADITEL - WEB AGENCY 4 RUE CAROLINE 75017 PARIS Tel 01 44 70 02 77 SARL AU CAPITAL DE 20 000 EUROS R.C.S BOBIGNY

Plus en détail

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Index 404 Notifier (erreurs 404) 62 A Adwords 148

Plus en détail

HTML. Notions générales

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

Plus en détail

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce

Plus en détail

10 points clés pour bien démarrer votre projet web

10 points clés pour bien démarrer votre projet web 10 points clés pour bien démarrer votre projet web Un cahier des charges pour cerner votre projet Afin de vous aider dans la réflexion de votre futur site Internet, ADVEO a conçu une check-list avec les

Plus en détail

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x WysiUpStudio CMS professionnel pour la création et la maintenance évolutive de sites et applications Internet V. 6.x UNE SOLUTION DE GESTION DE CONTENUS D UNE SOUPLESSE INÉGALÉE POUR CRÉER, MAINTENIR ET

Plus en détail

Dans cette Unité, nous allons examiner

Dans 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étail

Note 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

Note 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étail

ASTER et ses modules

ASTER 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étail

RESPONSIVE WEB DESIGN

RESPONSIVE 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étail

TP 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) 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étail

Léa Dumas Développeuse front-end Intégratrice //

Léa Dumas Développeuse front-end Intégratrice // Compétences HTML / CSS / Javascript /JQuery Bootstraps / SASS / LESS Angular.js / Node.js PHP / Symfony2 / Zend Wordpress / Prestashop / Magento /CQ Git / Sublim Text2 Photoshop / Illustrator / Indesign

Plus en détail