Bonnes pratiques du Webdesign
|
|
|
- Marcel Pinette
- il y a 7 ans
- Total affichages :
Transcription
1 Bonnes pratiques du Webdesign Rencontre Tisserands 17 mars 2012 Aldric de Villartay
2 Présentation Aldric de Villartay Responsable des développements web à la CEF depuis le 1 er mars. Membre de Technologiae Porfolio : Parcours : : Master I Chef de projet multimédia en alternance : Licence Pro Concepteur Intégrateur Web et Multimédia : IUT Services et Réseaux de Communication
3 Plan Introduction Les 3 règles du webdesign Hiérarchie visuelle Personnalité du site Les bonnes pratiques Quelques détails supplémentaires
4 Introduction Un site web = du code + un design + du contenu
5 Une alchimie Fonctionnalités * graphisme * Un bon site
6 Allégorie de la maison
7 Un site web attrayant
8 Un autre moins!
9 Les 3 règles du webdesign
10 3 Règles 1.Rendez votre site facile à lire : Considérez les couleurs des textes et les arrières plan avec attention. Ne pas utiliser de fonds flashy. Utilisez des bons contrastes de couleurs. Certaines polices sont plus lisibles que d autres.
11 3 Règles 2.Rendez votre site facile à naviguer Pensez à votre public cible. Les liens doivent être clairs et faciles à trouver. Savoir où l on est et où l on va.
12 3 Règles 3.Rendez votre site cohérent Garder un cohérence entre les polices, images et couleurs utilisées. Uniformité.
13 Hiérarchie visuelle
14 Hiérarchie visuelle Voilà ce que l on croit...
15 Hiérarchie visuelle Et la réalité...
16 Hiérarchie visuelle Créez un centre d intérêt qui attire l attention. Créez ordre et équilibre. Attention à la quantité d informations.
17 Personnalité du site
18 Créer une personnalité Pour? Être reconnu Faire la différence Donner de l unité à votre site Donner envie d engager le dialogue
19 Créer une personnalité Comment? Couleurs Typo (espaces, style, taille) Images Formes Textures (sensation tactile)
20 Les bonnes pratiques Niveau 1 à vérifier en premier Niveau 2 à vérifier ensuite
21 Bonnes pratiques Graphisme La charte graphique est cohérente sur l'ensemble du site. (n1) Les contenus sont présentés avec un contraste suffisant par rapport à leur arrière-plan. (n1) Le site propose une ou plusieurs feuilles de style dédiées (web, print, mobile) (n2) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
22 Bonnes pratiques Typographie On privilégiera des familles de polices standards (n1) Le nombre de polices utilisées sur le site doit être inférieur ou égal à trois (n1) Pour utiliser des polices spéciales, on aura recours à Google webfont (n2) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
23 Bonnes pratiques Contenus Le titre de chaque page permet d'identifier son contenu. (n1) Le titre de chaque page permet d'identifier le site. (n1) Le contenu de chaque page du site ne comporte pas de faute d'orthographe. (n1) Un lexique ou un glossaire adapté au public visé explique le vocabulaire sectoriel ou technique. (n2) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
24 Bonnes pratiques Liens hypertexte Le soulignement est réservé aux liens. (n1) Ou : Les liens sont visuellement différenciés du reste du contenu. (n1) Dans le cas d un menu déroulant, on fera attention à la forme du curseur (text vs pointer). (n2) Chaque lien est doté d'un intitulé dans le code source (balise title). (n2) Les liens consécutifs sont séparés visuellement. (n2) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
25 Bonnes pratiques Navigation Un plan du site est accessible depuis chaque page. (n1) Chaque page affiche une information permettant de connaître son emplacement dans l'arborescence du site (fil d Ariane). (n1) Les icônes de navigation sont accompagnées d'une légende. (n2) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
26 Bonnes pratiques Images Les dimensions réelles des images sont indiquées dans le code source. (n1) On prêtera une attention particulière à la qualité des photos. (n1) Les vignettes ne sont pas des images de taille supérieure redimensionnées côté client. (n2) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
27 Bonnes pratiques Multimédia Les sons et vidéos sont déclenchés par l'utilisateur. (n1) Les animations, sons et clignotements peuvent être mis en pause. (n1) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
28 Bonnes pratiques Formulaires L'étiquette de chaque champ de formulaire indique si la saisie est obligatoire. (n1) Dans certains champs on précisera bien le format de saisie. (n1) Les processus complexes sont accompagnés de la liste de leurs étapes. (n2) L'étape en cours d'un processus complexe est indiquée. (n2) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
29 Bonnes pratiques Identification L'identité de l'auteur, de la société ou de l'organisation est indiquée. (n1) Le nom du site et/ou le nom de l'auteur sont indiqués sur chaque page. (n1) La page d'accueil expose la nature des contenus et services proposés. (n1) graphisme > typographie > contenus > liens > navigation > images > multimedia > formulaires > identification
30 Quelques détails
31 Le graphisme Layout Squelette du site Pourcentages ou taille fixe? Compatibilité des résolutions : 980px! layout > fonds > couleurs > html/css >JavaScript
32 Le graphisme Layout layout > fonds > couleurs > html/css >JavaScript
33 Le graphisme Les fonds Fond uni Dégradé Texture Images layout > fonds > couleurs > html/css >JavaScript
34 Le graphisme Les couleurs layout > fonds > couleurs > html/css >JavaScript
35 Technos web Html / CSS Séparer le fond de la forme Mises en pages précises et soignées Standard web Adapté aux différents médias layout > fonds > couleurs > html/css >JavaScript
36 Technos web JavaScript Améliore l expérience utilisateur : Effets de transitions et de fondu Actions sur les champs de texte Applications web avancées Librairies : jquery (70%) MooTools (15%) layout > fonds > couleurs > html/css >JavaScript
37 Merci
Pré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...
Cahier des charges pour la création du site http://jrmasters.univ-toulouse.fr sous DRUPAL
Document à diffusion restreinte Date : janvier 2010, MAJ février 2010 Rédacteurs : CAPLAN Emmanuelle, RAFENOMANJATO Jean Service Communication et Département Formation et Vie Étudiante Établissement :
Webmaster / Webdesigner / Wordpress
Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un
Audit de site web. Accessibilité
Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes
Formation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Montage vidéo avec Windows Live Movie Maker 1 Présentation de Windows Live Movie Maker Windows Live Movie Maker est le logiciel de
Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST
Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST jacques.bapst@hefr.ch Gestion de l'espace à disposition IHM-1 ID05 Jacques BAPST 2 Organisation
HTML5 et CSS3 pour des sites Responsive Web Design
Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur
Optimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Publier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE
@... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN
Support de formation Notebook
Support de formation Notebook Guide de l utilisateur du tableau interactif SMART Board Table des matières Le Tableau Blanc Interactif... 1 Comprendre le fonctionnement du TBI... 1 Utiliser le plumier
Diffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
orlanofanis.com/design/
orlanofanis.com/design/ ADRESSE ÉLECTRONIQUE orlano.fanis@gmail.com SITE WEB orlanofanis.com/design/ ORLANO FANIS Motion Designer / Web Designer Profil ADRESSE 9 rue Gounod bât. A1, appt 26 92210 Saint-Cloud,
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation
Cahier des charges Site Web Page 1 sur 9
Page 1 sur 9 I Présentation de votre structure A Nom et type de la structure Veuillez insérer le nom de votre établissement B Taille de l'entreprise Veuillez insérer le nombre de salariés C Description
Keynote 08 Guide de l utilisateur
Keynote 08 Guide de l utilisateur K Apple Inc. 2008 Apple Inc. Tous droits réservés. Ce manuel est soumis aux lois sur le droit d auteur et ne peut être copié, totalement ou partiellement, sans le consentement
WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22
SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané
Introduction aux concepts d ez Publish
Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de
Programmation Web TP1 - HTML
Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML
!" #$%&'(&)'*'+,--./&0'1&23,+2.)$4$%52'&%'6.%&2'
Évaluer un site web, cours de descriptions de controverses i Dans le cadre du cours Description des controverses, le repérage des acteurs et la connaissance de leurs positions passent largement par l identification
SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants
PREMIERE ANALYSE Nom du site web : Url du site : Objectif du site / description (balise description) : Mots-clés du site (balise keywords) : Cible du site : o Entreprises o Public spécialisé o
Exemple de charte d intégration web
Exemple de charte d intégration web Ce document est un exemple de charte d'intégration. Il est à adapter en fonction des contraintes, des choix, des objectifs de l'équipe, la société qui l'utilise. Il
Formation : WEbMaster
Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins
NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Introduction à HTML5, CSS3 et au responsive web design
1 Introduction à HTML5, CSS3 et au responsive web design Jusqu à une période récente, les sites web étaient conçus avec une largeur fixe de l ordre de 960 pixels, en espérant que les visiteurs en tirent
GUIDE ÉDITORIAL SITES INTERNET. Auteur Version Motif de mise à jour A. Aubry 1.0 Création
GUIDE ÉDITORIAL SITES INTERNET Auteur Version Motif de mise à jour A. Aubry 1.0 Création SOMMAIRE 1 AVANT PROPOS... 5 2 SPECIFICATIONS EDITORIALES... 6 2.1 Rubrique «Employeur»... 7 2.2 Rubrique «Salarié»...
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
Chapitre 2 Créer son site et ses pages avec Google Site
Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail
Packs Graphiques. Comparez nos offres! Chrome Silver Gold Platinum. 04 86 26 26 26 Appel non surtaxé. Comment choisir votre pack? Design.
Packs Graphiques Comparez nos offres! Chrome Silver Gold Platinum Design - Design général du site - Boutons dans l en-tête - Champ recherche dans l en-tête - Blocks marketing stylisés - Optimisation de
CONTEXTE OBJECTIFS PUBLIC VISE PROGRAMME LES MODULES CONTACT
PARCOURS DE FORMATION WEBMARKETING Devenir autonome pour animer une marque, gérer un site internet et développer sa visibilité sur le Web Déclaration d activité enregistrée sous le numéro 93.13.14965.13
Notes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5
Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5 I. Général II. Affichage : taille icônes et écran III. Le menu «Options d accessibilité» : contraste, curseur IV. Le clavier V.
Créer vos données sources avec OpenOffice, adieu Excel
Créer vos données sources avec OpenOffice, adieu Excel Par Benoît Sauvé, enseignant CFP de Verdun Vous pouvez créer vos données sources manuellements en les saisissant dans un programme comme OpenOffice
Nouveautés joomla 3 1/14
Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes
PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel
PAGE L écran du logiciel d Open Office Draw Nom du document : Nom d enregistrement Barre de mise forme: Ligne, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de
L optimisation d une PowerBoutique pour le référencement
L optimisation d une PowerBoutique pour le référencement page 1/11 Tables des matières 1 Les balises de référencement...4 2 La hiérarchisation de l information...7 3 La mise en exergue des mots clés...7
Dopez votre site Joomla! Les meilleures extensions pour les versions 2.5 et 3.0
Introduction : Avant de commencer A. Ne me lisez pas! 10 B. Qu allez-vous trouver dans ce livre? 10 1. Mais au fait, précisément, une extension c est quoi? 10 2. Comment installer une extension? 11 3.
Le CMS Content Manager
Le Avec Content Manager, prenez le contrôle de votre site web! Version 3.12 / 2010 Content Manager est un système de gestion de contenus (CMS), qui vous permet de gérer des sites web hautement personnalisés.
Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
Publier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
Les Ateliers Info Tonic
Les Ateliers Info Tonic L accessibilité des sites web : mettre le web à disposition de tous Mardi 12 mars 2013 1 L'accessibilité des sites : mettre le web à disposition de tous Sébastien Huillet Expert
Table des matières ENVIRONNEMENT
ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17
Support de formation pour l'installation d'un logiciel gratuit de retouche d'images et gestion de la qualité, taille et format des images :
Support de formation pour l'installation d'un logiciel gratuit de retouche d'images et gestion de la qualité, taille et format des images : l architecte de votre image 01 - O uvrir votre navigateur, nous
Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
Introduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Formation Site Web. Menu du jour. Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite?
Menu du jour Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite? Le web comment ça marche? - Internet le réseau des réseaux. Un peu d'histoire. - adresse IP : numéro
EXTENSION WORDPRESS. Contact Form 7. Proposé par :
Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)
Créer des documents interactifs
Créer des documents interactifs 14 Au cours de cette leçon, vous apprendrez à : créer un document en ligne de base ; ajouter des boutons, des transitions de page et des hyperliens ; exporter au format
Marie-eve TREMBLAY GROUPE B. Rapport de synthèse : Le responsive web design, CSS3 et HTML5. Apprentissage autonome 582-FXA-06
Marie-eve TREMBLAY GROUPE B Rapport de synthèse : Le responsive web design, CSS3 et HTML5 Apprentissage autonome 582-FXA-06 Département des Techniques de communication Programme des Techniques d'intégration
Optimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
COMMENT PUBLIER SUR ARIANE?
COMMENT PUBLIER SUR ARIANE? Rédacteur : Dr Michel Arnould 1. SOMMAIRE 1.Sommaire...1 2.Connexion...1 3.Gestion des pages du wiki...1 Ajouter une nouvelle page...1 Supprimer, renommer, protéger une page...1
Devenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
Portfolio Sites internet :
Portfolio Sites internet : 2010 ARA architecture www.ara-architecture.com Type : Portfolio d architecte Fonctionnalités principales : Galerie de projet d architecture, Actualités, Textes sur l agence,
Modules Multimédia PAO (Adobe)
Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,
Maîtriser Concevoir Réaliser Diffuser
Cette formation a pour vocation de reconvertir ou de professionnaliser dans le secteur du design numérique, et plus particulièrement dans la conception et la réalisation de sites Web et mobiles, des adultes
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Rédigez efficacement vos rapports et thèses avec Word (2ième édition)
Introduction A. Introduction 11 B. Structure de l ouvrage 12 C. Le vocabulaire indispensable 13 1. La fenêtre de travail 13 2. Les boîtes de dialogue 15 3. Le mode connecté et le cloud computing 17 4.
Maîtriser l'utilisation des outils bureautiques. Maîtriser le logiciel de traitement de texte - Word. Maitriser le logiciel tableur - Excel
Itinéraire de formation LES OUTILS BUREAUTIQUES Domaine ITINERAIRE THEMATIQUE But Maîtriser l'utilisation des outils bureautiques Maîtriser le logiciel de traitement de texte - Word Word 2003 niveau I
Analyse Sectorielle de site e-commerce
Analyse Sectorielle de site e-commerce - Caillet Mélissa Groupe E La Redoute - Gobillard Sébastien Groupe E - Cdiscount - Bourbon Adrien Groupe E - Amazon Site analysé La Redoute http://laredoute.fr/ 1
Les 10 étapes incontournables pour réaliser un site internet performant et accessible
COMITÉ DE COMMUNICATION DE L AOMF FICHE-CONSEIL N 2 Les 10 étapes incontournables pour réaliser un site internet performant et accessible Les 10 étapes que vous retrouvez ci-dessous peuvent faire partie
PROGRAMME DE LA 1ERE JOURNEE DE FORMATION : QUALITE WEB ET REFERENCEMENT NATUREL
DEVELOPPEMENT LOGICIEL QUALITE WEB LES BONNES PRATIQUES FRONT-END REF : WEER001 DUREE : 3 JOURS TARIF : 1 625 HT Public Chef de projet, webmestre, intégrateur, développeur, et toute personne liée au développement
creer votre site internet en html/css
3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour
Pas-à-pas. Créer une newsletter avec Outlook
Pas-à-pas Créer une newsletter avec Outlook Objectif : mettre en forme des messages électroniques afin de pouvoir avoir des images dans le corps du message et une mise en page agréable à l œil et efficace.
KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
il est mettre en valeur vos classe, de Modifiez de l arrière-plan images.
Fonctionnalités et avantages d Office 20100 Exprimer vos idées et créer un impact visuel Grâce aux fonctionnalités améliorées de retouche photo et de traitement des médias, il est facile d être créatif
SAP BusinessObjects Web Intelligence (WebI) BI 4
Présentation de la Business Intelligence 1. Outils de Business Intelligence 15 2. Historique des logiciels décisionnels 16 3. La suite de logiciels SAP BusinessObjects Business Intelligence Platform 18
Comité départemental du tourisme de Haute Bretagne Ille et Vilaine
Comité départemental du tourisme de Haute Bretagne Ille et Vilaine Newsletters : Benchmark & Recommandations RESCAN Christophe crescan@mediaveille.com 02.99.14.80.93 1. Graphisme / Ergonomie Soignez la
Présentation. Référenciel : textes officiels
Présentation BO n 42 du 23 novembre 2000 BO n 13 du 29 mars 2001 Compétences requises pour le niveau 2 Référenciel : textes officiels Feuille de position niveau 2 (collège) - Culture informatique. - Organiser
Je sais utiliser. Création d une galerie photo pour un site Web. Picasa crée les documents. HTML pour insérer une galerie de photos dans un site web
Je sais utiliser Création d une galerie photo pour un site Web Picasa crée les documents HTML pour insérer une galerie de photos dans un site web Club Informatique Éducatif Laurentin 1 Picasa offre une
Concevoir la déclinaison d un site Internet pour Smartphone et tablette tactile.
L E S A T E L I E R S «COM Pratik» «Gestion de la relation adhérents/prospects» P A C K «COM Web» P A C K «COM Web» Création de 8 pages Internet d information sur l association à visualiser sur téléphone
HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles
46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes
Questionnaire préalable Site Internet
Benjamin Caigny Communication & Web Questionnaire préalable Site Internet Véritable outil de communication, de commercialisation et d information pour vos clients et prospects, un site Internet nécessite
webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09
AISL - Architecture et Intégration des Systèmes Logiciels - 2011-2012 webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09 Administrer un serveur et
Tour d horizon des CMS. Content Management System
Tour d horizon des CMS Content Management System Qu est ce qu un CMS? C est un Sytème de gestion de contenus Gestion dynamique de contenus en ligne Contenus suivant les standards du web Séparation du contenu,
Intégrateur Web HTML5 CSS3
Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou
Chapitre 1. Prise en main
Guide de référence Guide de référence Chapitre 1. Prise en main Le processus d'enquête Le processus d'enquête comporte 5 étapes toutes prises en charge par le logiciel : Conception des formulaires Cette
INTEGRATEUR WEB/WEBDESIGNER
Ludovic LOUBET 37 ans Célibataire 3 rue James Watt F 93200 Saint Denis Permis B 06 63 67 67 25 Email : ludovic.loubet@gmail.com INTEGRATEUR WEB/WEBDESIGNER Portfolio : http://ludovic-loubet-portfolio.com/
Créer une Newsletter. Les étapes LE MARKETING PRAGMATIQUE DES ENTREPRISES HIGH TECH
Créer une Newsletter Les étapes LE MARKETING PRAGMATIQUE DES ENTREPRISES HIGH TECH Les grandes étapes marketing rédactionnel web - Objectifs - Cibles - Messages - Gabarit html - Intégration web Best- practices
novatis Agence Web innovatrice
QUI SOMMES NOUS? 02 novatis La théorie c est quand on comprend tout et que rien ne marche La pratique c est quand tout marche mais on ne sait pas pourquoi! Chez Novatis, nous avons réussi les deux... tout
Utilisation de la Plateforme Office365 et d Oultlook Web App
Utilisation de la Plateforme Office365 et d Oultlook Web App 1. Sommaire 1. Sommaire... 1 2. Accéder à la messagerie Office 365 en passant par Internet... 2 3. La boîte de réception... 4 3.1. Présentation
Utiliser le logiciel Photofiltre Sommaire
Utiliser le logiciel Photofiltre Sommaire 1. Quelques mots sur l image 2. Obtenir des images numériques 3. Le tableau de bord de logiciel PhotoFiltre 4. Acquérir une image 5. Enregistrer une image 6. Redimensionner
INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09
INFORMATIQUE & WEB Code du diplôme : CP09 Passionné par l informatique et le web, vous souhaitez obtenir une certification dans un domaine porteur et enrichir votre CV? PARCOURS CERTIFICAT PROFESSIONNEL
Le service de création de site Internet : Mode d emploi. La Création de Site Internet
Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de
Association UNIFORES 23, Rue du Cercler 87000 LIMOGES
RAPPORT DE STAGE Association UNIFORES 23, Rue du Cercler 87000 LIMOGES LOHUES Théo BTS SIO 1 ère année Lycée suzanne valadon 2013-2014 Table des matières I. Présentation de l'entreprise...3 II. Description
145A, 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
ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2
Lorraine ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2 Attirer des visiteurs sur un site internet, c est bien ; les transformer en clients, c est mieux! Cette phrase semble
Les nouveaux comportements... 9
Sommaire Du téléphone portable au smartphone... 4 L apparition du smartphone... 4 Le marché français des smartphones... 6 Le smartphone vs. l ordinateur... 7 Les familles des périphériques... 8 Les nouveaux
Formation. Module WEB 4.1. Support de cours
Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,
Catalogue 2014-2015 Formations informatiques
Catalogue 2014-2015 Formations informatiques «L ordinateur parfait a été inventé : on entre un problème et il n en ressort jamais!» Benjamin ARNAUDET Formateur informatique - Coordonateur benjamin.arnaudet@educagri.fr
MODELE DE BRIEF AGENCE
MODELE DE BRIEF AGENCE MODELE DE BRIEF AGENCE Laurie GIACOBI www.my-marketing-manager.com Document à usage professionnel offert par My Marketing Manager. Reproduction et diffusion interdites. Ne peut être
L ORDINATEUR FACILE D ACCÈS!
L ORDINATEUR FACILE D ACCÈS! Préparé par Éric Roussel, enseignant spécialisé en informatique / École Jacques-Ouellette / 2009 Préambule Il est important de noter qu il n y a pas d adaptation parfaite des