Personnaliser vos écrans
|
|
- Jean-Paul Morel
- il y a 8 ans
- Total affichages :
Transcription
1 Personnaliser vos écrans Sommaire 1 Présentation 2 Mécanisme 3 Création du custom 3.1 Note 4 Création du dossier contenant les images personnalisées 4.1 Note 5 Création du dossier contenant le fichier css 6 Changer les logos : modification du logo de la page de connexion (default_maarch.gif) 7 Changer les logos : modification du logo de la page d'accueil (default_maarch.gif) 8 Changer les couleurs d'icônes des raccourcis 9 Changer la police des liens 10 Changer les couleurs des bandeaux pleins 11 Changer les couleurs du menu 12 Changer les couleurs des listes des corbeilles 13 Changer les couleurs de la page d'indexation Présentation Ce tutoriel présente comment personnaliser vos écrans Maarch Courrier avec des images de votre choix. La personnalisation de l'écran peut se faire par des images ou par un champ lexical adapté à votre structure. Vous pouvez ainsi modifier certains libellés au profit d'un vocabulaire métier qui faciliterait le travail des utilisateurs. L'application personnalisée suscite l'adhésion des utilisateurs. Mécanisme Personnaliser l'application revient à ajouter une surcouche au socle de base. Dans cette surcouche sont présents tous les éléments qu'on souhaite personnaliser : les images, les textes, les fonctionnalités. Maarch Courrier vérifie avant chaque affichage, si une surcouche n'est pas présente dans le répertoire. Les éléments surcouchés sont affichés en priorité. S'il n'y a pas de surcouche, le socle de base est affiché. La personnalisation se fait en plusieurs étapes :. La création du répertoire custom. La création des dossiers à surcoucher. L'insertion des fichiers personnalisés. Création du custom Placer le dossier custom à la racine de Maarch Courrier. Sous ubuntu mkdir custom Note Attention : aux droits du répertoire : chown -R www-data:www-data custom/ chmod -R 775 custom/ --> Fichier custom.xml Ce fichier permet de faire le lien entre le dossier custom qu'on crée et le socle standard de Maarch Courrier. Placer le à la racine du dossier custom. <?xml version="1.0" encoding="utf-8"?> <root> <custom> <custom_id>custom_blois</custom_id> --nom du répertoire contenu dans le custom--> <ip></ip> --Adresse ip du serveur --> <external_domain></external_domain> <domain></domain> -- Domaine--> <path>maarch_courrier</path> -- Nom de dossier socle de base, celui dans le répertoire web--> </custom> </root>
2 Création du dossier contenant les images personnalisées Placer le dossier img dans le custom tout en respectant l'arborescence. Créer le dossier parent des fichiers customisés dans le répertoire custom. custom/custom_blois/apps/maarch_entreprise/img/ Importer ensuite les images dans le dossier img. Note Attention : Les images doivent posséder le même nom que celle des fichiers standard Création du dossier contenant le fichier css Le fichier css permet de travailler sur la taille des images, la couleur du texte ou la position. Le fichier css styles.css de l'application maarch se situe dans apps/maarch_entreprise/css/styles.css copiez-le. Creez un répertoire css à coté du répertoire img que vous avez précédemment créé dans le répertoire custom. custom/custom_blois/apps/maarch_entreprise/css/ Puis collez le fichier styles.css dans ce répertoire. Changer les logos : modification du logo de la page de connexion (default_maarch.gif) Dans le répertoire situé : custom/custom_blois/apps/maarch_entreprise/img/ Ajouter votre logo que vous aurez renommé : "default_maarch.gif". Votre image doit faire en taille environ 340x220 pixels. Pour régler le positionnement et la taille de votre image, vous devez configurer le fichier style.css : #loginpage { width: 300px; height: 350px; margin-left: -150px; margin-top: -175px; left: 50%; top: 50%;
3 Changer les logos : modification du logo de la page d'accueil (default_maarch.gif) Dans la page d'accueil, il y a le logo de l'application Maarch situé en haut à droite. Ce logo est personnalisable. Pour ce faire, vous devez ouvrir le fichier styles.css. Recherchez la balise #nav #logo{ float: right; right: 0px; margin: 0px; padding-right: 0px; padding-top: 0px; height: 70px; width: 236px; background: url(static.php?filename=default_maarch.gif) #f2f2f2; background-size: 90%; background-position: center; background-repeat: no-repeat; puis modifiez la ligne background en indiquant le nom de votre image que vous aurez préalablement installée dans le répertoire des images du custom. Changer les couleurs d'icônes des raccourcis.mcdarkgrey{ color: #58585A;. Changer la police des liens Il est possible de configurer la police des liens. 1. Permet de donner une autre couleur aux liens non focus. a, a:link, a:visited, a:hover { color: #666; text-decoration: none; 2. Code permettant de configurer la police des liens lorsque l'on focus le champs. a:hover { color: #1B99C4; Changer les couleurs des bandeaux pleins L'application maarch possède plusieurs bandeaux. Ces bandeaux sont personnalisables. Dans le fichier styles.css : 1. Code permettant de configurer le bandeau situé tout en haut de l'application. #nav {
4 clear: both; position: relative; width: 99.8%; margin-bottom: 0px; margin-left: 1px; height: 70px; margin-top: 3px; min-width: 1000px; border:solid 2px rgb(0,55,80); background: rgb(0,55,80); Modifiez la ligne contenant border et background. 2. Code permettant de configurer le message contenu dans le bandeau. #content h1 { color: rgb(0,55,80); font-weight: bold; font-size: 1.3em; text-align: left; letter-spacing: 0.1em; height: 1.6em; top: 38px; left: 280px; width: 80%; Modifiez la ligne contenant color. 3. Code permettant de configurer les panels (Recherche rapide, Mes corbeilles, Raccourcis, mes derniers courriers).block h2 { background-color: rgb(0,55,80); Change la couleur de la frise du panel padding: 0.5em; margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: 10px; color:#ffffff;.block { color: #666; background-color: #CEE9F1; Permet de changer le fond du panel border-top: solid 2px #FDD16C; Permet de changer la bordure haute du panel border-bottom: solid 2px #FDD16C; Permet de changer la bordure basse du panel padding:10px; Modifiez la ligne contenant background-color du.block h2 et backgroun-color, border-top et border-bottom de.block 4. Code permettant de configurer la couleur du contour de collection des courriers select{ background: white; border: solid 1px rgb(0,55,80); Modifiez la ligne contenant border. 5. Code permettant de changer la couleur du bouton rechercher input.button { border: 1px solid #FDD16C; Permet de changer la couleur du contour du bouton. color: #756666; Permet de changer la couleur de l'écriture du bouton. background-color: #FDD16C; Permet de changer la couleur du fond du bouton. border-radius: 3px; cursor: pointer; width: auto; padding: 0.2em 0.5em; text-align: left; Changer les couleurs du menu 1. Code permettant de configurer la police du menu #menunav li a { padding-right: 3px; color: rgb(0,160,225); display: block; position: relative; 2. Code permettant de paramétrer la couleur du champs que l'on sélectionne lorsqu'on passe la souris dans le menu #menunav li.on span { background-image: url(static.php?filename=bg_menu_span_on.gif); Modifiez le champs background-image 3. Code permettant de paramétrer la couleur des boutons du menu quand on focus/defocus
5 a:hover { color: #1B99C4; couleur de l'écriture lorsque la souris n'est pas dessus #menunav li.on a { color: white; couleur de l'écriture lorsqu'on passe la souris dessus text-decoration: none; Modifiez les champs color 4. Code permettant de paramétrer la couleur du fond du menu #menunav { overflow: hidden; width: 260px; background: #CEE9F1; left: -12px; z-index: 10; margin: 0px; border: 2px solid rgb(0,55,80); top: 28px; border-bottom: none; border-top: solid 3px rgb(0,55,80); Modifiez le champs background Changer les couleurs des listes des corbeilles 1. Changer la couleur de la police des courriers body { color: rgb(120,30,13); /*background: white url(static.php?filename=bg_body.gif) top center repeat-y;*/ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 0.02em; margin: 0; padding: 0; text-align: left; width: 99.9%; height: 99%; 2. Changer la couleur du fond des listes des corbeilles.listing.col td { background-color: #DEEDF3;.listing.white td { background-color: #FFFFFF; Modifiez les champs background-color 3. Changer la couleur des filtres.listing th { color: #16ADEB; 4. Changer les couleurs du filtre.block { color: #666; background-color: #CEE9F1; permet de changer le fond du filtre border-top: solid 2px #FDD16C; permet de changer la barre supérieur du filtre border-bottom: solid 2px #FDD16C; permet de changer la barre inférieur du filtre padding: 10px; 5. Changer les séprateurs du filtre.separator1 { color: #999999;.separator2 { border-top: 1px solid #999999; 6. Changer la couleur du tri.listing th { color: #16ADEB; permet de changer la couleur des noms des tris.mcdarkorange { color: #FFC200; permet de changer la couleur de la flèche du tri activé
6 .mcdarkblue { color: #0487C1; permet de changer la couleur des flèches du tri Changer les couleurs de la page d'indexation 1. Modifier la barre supérieur de la page d'indexation.modal h2 { background-color: #009DC5; Permet de changer la couleur barre supérieur de la page d'indexation padding: 0.5em; color: #ffffff; Permet de changer la couleur du nom de la page margin-top: -10px; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; 2. Modifier le fond de la page d'indexation.modal { display: block; padding: 10px; margin-left: auto; margin-right: auto; background-color: #DEEDF3; Permet de changer la couleur du fond de la page d'indexation border-top: solid 2px #FDD16C; Permet de changer la bordure supérieur de la page d'indexation border-bottom: solid 2px #FDD16C; Permet de changer la bordure inférieur de la page d'indexation overflow: auto; -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75); filter: progid:dximagetransform.microsoft.shadow(color=#656565,direction=nan,strength=5); 3. Modifier le block supérieur du parapheur.block { color: #666; Permet de changer la couleur des noms des champs déroulants du block background-color: #CEE9F1; permet de changer le fond du block border-top: solid 2px #FDD16C; permet de changer la barre supérieur du block border-bottom: solid 2px #FDD16C; permet de changer la barre inférieur du block padding: 10px;
.. 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é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é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é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é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é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é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é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étailMedia queries : gérer différentes zones de visualisation
2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d
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étailGrille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design
Grilles Fluides CSS CREATION D UNE GRILLE FLUIDE Grille fluide Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design WWW.SUTTERLITY.FR
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étailResponsive Design. Technologies du web. Stéphane Bouvry, 2014
Responsive Design Technologies du web Stéphane Bouvry, 2014 1. Objectif Utilisation de CSS pour la mise en page 2. Diapos Le responsive design : http://goo.gl/dmh8is 3. Grille fluide Dans cette partie,
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étail1. La notion de cascade
HTML 5 et CSS 3 (partie 2) Objectifs Connaître quelques notions avancées de CSS 3, Appréhender l affichage, Introduction au Responsive Web Design. 1. La notion de cascade On constate que l on peut avoir
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étail3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML
Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises
Plus en dé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é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étailIntroduction... 3. 1 Pourquoi Slax?... 4. 2 Formatage... 5. 3 Rendre la clé bootable sous linux... 6. 4 Slax... 7. 5 Installshield...
6, bd maréchal Juin F-14050 Caen cedex 4 Spécialité Informatique 1 re année Rapport de mini-projet Slax sur clé USB PAITEL Arnaud Montouchet Yohann Responsable : François Lecellier 2 e semestre 2006-2007
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étailClient / Serveur. Rémy Courdier. Normes et Standards. C/S et l Internetl
Client / Serveur Rémy Courdier Normes et Standards C/S et l Internetl Normes et Standards du Client-Serveur de l Internetl Introduction L immense force d un vrai standard Site, Système et Application Web
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é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étailZen, SASS, responsive design
, SASS, responsive design Felip Manyer i Ballester Res Telæ 21 mai 2013 Felip Manyer i Ballester, SASS, responsive design 1/36 Plan 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie
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é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é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é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étailTP création et publication d'un site web statique
TP création et publication d'un site web statique Ce TP va se décomposer en trois parties. Dans un premier temps nous créerons un site web statique. Le site sera créé avec l'éditeur Amaya pour respecter
Plus en détailNormes graphiques / Sigma Assistel / Site Internet version 1.0 / 12.11.03
version 1.0 / 12.11.03 CHOIX DE LANGUE / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 131 pixels La largeur totale du gabarit est de, 2 A ENTÊTE ET MENUS / MESURES & GABARIT NORMES GRAPHIQUES &
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étailStage «Créer et animer un site Web en équipe»
Stage «Créer et animer un site Web en équipe» EREA Jean Isoard - Montgeron Jour 1 21/12/2012 Réaliser un site web Pour quoi faire? Publier sur le Web réaliser un journal en ligne (blog) écrire une ou plusieurs
Plus en détailCSS : on reprend tout à zéro! Par Joe Gillespie
1 sur 31 CSS : on reprend tout à zéro! Par Joe Gillespie Document original : http://www.pompage.net/pompe/cssdezero-1/ Pompage de Copyright 1996-2007 WPDFD, LTD : http://www.wpdfd.com/issues/70/css_from_the_ground_up/
Plus en détailLuc Brun. Création de pages Web Dynamiques p.1/75
Création de pages Web Dynamiques Luc Brun Création de pages Web Dynamiques p.1/75 Place du HTML GET http://www. monssite.com HTTP 1.0 Content type: text/html ... Création de pages Web Dynamiques
Plus en détailPréambule. Sommaire. Ouverture de votre Service Client. Configuration de La Solution Crypto. Activation. Paramètres PagesIMMO
Préambule La Solution Crypto offre en standard la possibilité de publier vos annonces et de les diffuser sur Internet, sur votre site Web ou sur différents serveurs d annonces, comme le décrit en détail
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é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étailMAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4
MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...
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étailUn mini-site internet en une après-midi
Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,
Plus en détailComparaison entre les applications natives et les web apps dans le domaine des Smartphones
Comparaison entre les applications natives et les web apps dans le domaine des Smartphones Chris De Roeck Janvier 2012 Introduction Le smartphone a la cote ces dernières années et les chires concernant
Plus en détailResponsive Web Design. Responsive Design avec HTML 5.0 et CSS3
Ivan MADJAROV Responsive Design avec HTML 5.0 et CSS3 HTML5 CSS3 IvMad - 2013 2 La spécification CSS3 Media Queries (requêtes de media) définit les techniques pour adapter de feuilles de styles en fonction
Plus en détailGoogle Drive, le cloud de Google
Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détailSOMMAIRE. Accéder à votre espace client. Les Fichiers communs. Visualiser les documents. Accéder à votre espace client. Changer de Workspace
SOMMAIRE Accéder à votre espace client Les Fichiers communs Visualiser les documents Accéder à votre espace client Changer de Workspace Visualiser VOS documents Vous déconnecter ou revenir au tableau de
Plus en détailCONCEPTION D E-MAILS ADAPTATIFS
CONCEPTION D E-MAILS ADAPTATIFS SELLIGENT Le contenu de ce manuel porte sur du matériel protégé par les droits d auteurs appartenant à Selligent. Ce manuel ne peut être ni reproduit, en tout ou en partie,
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étailB&C PRIVATE ROOM GUIDE D UTILISATION. B&C COLLECTION // BE INSPIRED www.bc-privateroom.com // www.bc-fashion.com
B&C PRIVATE ROOM GUIDE D UTILISATION FR www.bc-privateroom.com // www.bc-fashion.com Bienvenue dans la Private Room de B&C À la recherche d informations marketing et d outils de communication pour montrer
Plus en détailSommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs
Sommaire 1/ Grille 2/ Specs globales 3/ Specs HP 4/ Specs Questions 5/ Specs Offre 6/ Specs Faq 7/ Comportements interactifs 1/ Grille et breakpoints Desktop :
Plus en détailManuel d'utilisation: Gestion commerciale - CRM
Manuel d'utilisation: Gestion commerciale - CRM Partie: Plan de vente Version : 1.1 Structure du document 1 Introduction...2 2 Glossaire...2 3 Plan de vente...3 3.1 Plan de vente...4 3.1.1 Gestion...4
Plus en détailUtilisation du visualiseur Avermedia
Collèges Numériques Utilisation du visualiseur Avermedia Un visualiseur est aussi appelé caméra de table et ce nom rend mieux compte de sa fonction première à savoir filmer un document (revue,carte, dissection,
Plus en détailGesTab. Gestion centralisée de tablettes Android
GesTab Gestion centralisée de tablettes Android Résumé Ce document présente le logiciel GesTab : la procédure d'installation la description rapide des fonctionnalités Table des matières 1. Installation
Plus en détailWEB DESIGNER CMS CONTENT MANAGEMENT SYSTEM NIVEAU 2
BES WEBDESIGNER Content Management System niveau 2 5YCM2 1 WEB DESIGNER CMS CONTENT MANAGEMENT SYSTEM NIVEAU 2 L'étudiant sera capable : face à une structure informatique opérationnelle connectée à Internet,
Plus en détailUtilisateur. Auteurs. Laurent project engineer
Guide Utilisateur Maarch LetterBox v2 Auteurs : Jean-Louis Ercolani Maarch project manager Laurent Giovannoni Maarch project engineer Claire Figueras Maarch project engineer Loïc Vinet Maarch project engineer
Plus en détailRESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?
RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels
Plus en détailManuel d utilisation du module Liste de cadeaux PRO par Alize Web
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer
Plus en détailUTILISATION DE L'APPLICATION «PARTAGE DE FICHIERS EN LIGNE»
UTILISATION DE L'APPLICATION «PARTAGE DE FICHIERS EN LIGNE» url : http://colleges.ac-rouen.fr/cahingt/partages/ UN PRINCIPE : le stockage est privé, le partage est public > tant que l'on ne partage pas,
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étail15-3 Positionnement fixe 308 16-1 Mise en pages avec flottements
INDEX Symboles & (esperluette) 90 (apostrophe) 90 * (CSS 2.1 sélecteur universel) 451 *, sélecteur universel 220../ notation 102 < (inférieur à, symbole) 90 > (supérieur à, symbole) 90 @import, règle 256,
Plus en détailWINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires :
WINDOWS 8 Windows 8 : généralités Windows 8 est la dernière version du système d'exploitation de Windows, sortie en octobre 2012. Si vous possédez un ordinateur récent, il y a de fortes chances que votre
Plus en détailGUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS
GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création
Plus en détailManuel d utilisation email NETexcom
Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La
Plus en détailJahia Modules DOCUMENTATION
DOCUMENTATION Jahia Modules Jahia, le CMS open source de nouvelle génération apportant à vos projets la convergence applicative (web, document, social, recherche et portail) unifiée par la simplicité d
Plus en détailPour en expliquer le principe, on se limitera à deux exemples :
Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation Pour en expliquer le principe, on se limitera
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étailUtilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Plus en détailNavigation dans Windows
Cours 03 Navigation dans Windows Comme je le disais en introduction, notre souris se révèle plus maligne qu'elle n'en a l'air. À tel point qu'il faut apprendre à la dompter (mais c'est très simple, ce
Plus en détailMANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005
MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par
Plus en détailSPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES
SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés
Plus en détailDOSSIER PROJET ISN. PARTIE 1 : Présentation de l équipe projet. PARTIE 2 : Présentation du projet
DOSSIER PROJET ISN PARTIE 1 : Présentation de l équipe projet Le groupe que nous avons décidé de composer pour réaliser notre projet d ISN cette année 2014-2015 est composé de 3 élèves : Lev POZNIAKOV,
Plus en détailGestion des documents avec ALFRESCO
Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à
Plus en détailI Pourquoi une messagerie?
I Pourquoi une messagerie? Outlook express est un logiciel de messagerie de windows. Il est installé par défaut sur un grand nombre d ordinateurs de la planète, ceux tournant sous Windows, et proposé par
Plus en détailAffectation standard Affectation modifiée (exemple)
1 sur 5 13/02/2005 11:44 Les fonctions qui vont être abordées vont vous apprendre à : comprendre l'arborescence Poste de travail, disque Répertoire ou dossier Chemin absolu, relatif utiliser l'explorateur
Plus en détailTutoriel d utilisation du Back-Office du site de la ligue
Tutoriel d utilisation du Back-Office du site de la ligue Sommaire 1) Accès au back office 2) Espace de gestion 3) Menu «Administration» 4) Menu «Publications» 5) Menu «Widgets» 6) Menu «Newsletters» 7)
Plus en détailManuel d'utilisation: Gestion commerciale - CRM
Manuel d'utilisation: Gestion commerciale - CRM Partie: Administration Version : 1.1 Structure du document 1 Introduction...3 2 Glossaire...3 3 Administration...4 3.1 Mon entreprise...5 3.1.1 Gestion...5
Plus en détailDans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS:
1 La taille et la résolution de l'écran des ordinateurs portables, des ordinateurs de bureau, des tablettes et des smartphones peuvent considérablement varier. C'est pour cette raison, que les sites Web
Plus en détailResponsive Web Design. La Rochelle, Avril 2014
Responsive Web Design La Rochelle, Avril 2014 Mohamed Belmokhtar Université de La Rochelle Germain Souquet Université de La Rochelle Sommaire Qu est-ce que le responsive web design? Les différentes approches
Plus en détailLes Enseignants de l Ere Technologique - Tunisie. Niveau 1
Les Enseignants De l Ere Technologique - Tunisie - LE CLOUD COMPUTING TAT Tunisie 2014 Le Cloud Computing 1. Définition Les Enseignants de l Ere Technologique - Tunisie Le cloud computing (en français
Plus en détailLes sites web avec NVU
Les sites web avec NVU Table Des Matières Les sites web avec NVU Les bases du web Les protocoles réseaux Le Web Uniform Resource Locator Recherche d'informations Création et gestion d un site Web Utiliser
Plus en détailMANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:
MANUEL WORDPRESS Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: A/ Traitement de la base de données: Pour cette étape, vous aurez besoin au préalable
Plus en détailPrésentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Plus en détailUltraVNC, UltraVNC SC réglages et configurations
UltraVNC, UltraVNC SC réglages et configurations UltraVNC Serveur (réglages des paramètres d administration du module Serveur) L option «Accepte les connexions» est validée par défaut et toutes les autres
Plus en détailGUIDE D UTILISATION DU BACKOFFICE
GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la
Plus en détailFlex. Lire les données de manière contrôlée. Programmation Flex 4 Aurélien VANNIEUWENHUYZE
Flex Lire les données de manière contrôlée 1 Plan Lier les données Stocker les données Valider les données 2 Gérer des données Lier des données La notion de DataBinding est l une des plus importantes du
Plus en détailLES BIBLIOTHEQUES DE WINDOWS 7
LES BIBLIOTHEQUES DE WINDOWS 7 1 PRINCIPE Elles permettent de mieux trier et de retrouver ses fichiers, sans tenir compte de leur emplacement réel sur le disque dur. Ainsi, une Bibliothèque est un dossier
Plus en détailMODULES 3D TAG CLOUD. Par GENIUS AOM
MODULES 3D TAG CLOUD Par GENIUS AOM 1 Sommaire I. INTRODUCTIONS :... 3 II. INSTALLATION MANUELLE D UN MODULE PRESTASHOP... 3 III. CONFIGURATION DU MODULE... 7 3.1. Préférences... 7 3.2. Options... 8 3.3.
Plus en détailGérer ses fichiers et ses dossiers avec l'explorateur Windows. Février 2013
Gérer ses fichiers et ses dossiers avec l'explorateur Windows Février 2013 SOMMAIRE 1. Premiers repères : l'explorateur Windows (Vista et Windows 7) 2. Les dossiers : création, déplacement, suppression
Plus en détailChapitre IX. L intégration de données. Les entrepôts de données (Data Warehouses) Motivation. Le problème
Chapitre IX L intégration de données Le problème De façon très générale, le problème de l intégration de données (data integration) est de permettre un accès cohérent à des données d origine, de structuration
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 informatique et la formation en direction des élus
L informatique et la formation en direction des élus ICE version 2.30 Edité le 30 juillet 2011 Référence Client :............ Votre Contact :............... INOVA3 Sarl au capital de 9200 Euros Siret 441761798
Plus en détailPARAMETRER LA MESSAGERIE SOUS THUNDERBIRD
PARAMETRER LA MESSAGERIE SOUS THUNDERBIRD Ref : FP. P763 V 5.0 Résumé Ce document vous indique comment paramétrer votre messagerie sous Thunderbird. Vous pourrez notamment, créer, modifier ou supprimer
Plus en détailQu'est ce que le Cloud?
Qu'est ce que le Cloud? Le Cloud computing (informatique dans les nuages) consiste en l'utilisation de données à distance. Les fichiers de l utilisateur se trouve non pas dans son ordinateur personnel
Plus en détailPRODUITS Utiliser la messagerie intégrée dans VisualQie
Rappel de l existant Par défaut, VisualQie utilise la messagerie qui est déclarée dans Windows, bien souvent OUTLOOK EXPRESS ou encore OUTLOOK. Pour connaître le programme de messagerie actuellement associé,
Plus en détailCréation d une connexion VPN dans Windows XP pour accéder au réseau local de l UQO. Document préparé par le Service des technologies de l information
..... Création d une connexion VPN dans Windows XP pour accéder au réseau local de l UQO.............. Document préparé par le Service des technologies de l information Université du Québec en Outaouais
Plus en détailCette fonctionnalité est paramétrable et accessible dans le module administration via le menu "Dossier / Administration".
Gestion du multilingues Cette nouveauté est disponible en édition Entreprise L'extension WaveSoft Customisation vous permet sur l'édition Entreprise de rendre les modules Gestion Commerciale, GRC, Comptabilité,
Plus en détail