COPIE. Webmaster pour la société Eco-Action-Plus. Création du site web vitrine et produits communicants annexes. SARL Eco-Action-Plus
|
|
- Jérôme Ricard
- il y a 8 ans
- Total affichages :
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 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étailUn 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étailJOOMLA 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é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é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é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é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é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é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é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é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é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é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étailSOUTENANCE 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é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étailnovatis 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é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é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é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étailAgence 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étail101 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é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é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étailKompoZer. 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é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é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é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é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étailConstruction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.
Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur
Plus en détailDé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étailCMS 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é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étailIntroduction à 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étailJoomla! Création et administration d'un site web - Version numérique
Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique
Plus en détailCré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étailFormation 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étailFormations 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étailCAHIER 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étailUN 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étailRESUME 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étailSYSTÈ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étailPortfolio 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é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étailNous 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étailCelui 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étailRapport 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é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étail{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é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étailFormation 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é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étailTutoriel 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étailCAHIER 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étailIntroduction 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étailToute 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étailManuel 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étailSupport 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é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étailFTP : 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étailWORDPRESS : 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étailFormation 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étailTravaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Plus en dé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étailOptimiser 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étailFormation 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é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étailTable 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étailMaî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étailENVOI 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étailAnimation. 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é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étailOptimiser 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étailContent 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étailQuestionnaire 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étailLe 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é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étailSARL 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étailPEPSITE 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é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étailInté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é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étail2010-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é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é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étailEn 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étailWordPress 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é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étailWordPress 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étail10 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étailWysiUpStudio. 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é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é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é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étailRESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
Plus en détailTP 5 Les CMS, la forme et le fond Internet et Outils (IO2)
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,
Plus en détailLé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