DE LA CONCEPTION À LA PUBLICATION
|
|
- Jean-Jacques Michaud
- il y a 8 ans
- Total affichages :
Transcription
1 CHAPITRE 1 DE LA CONCEPTION À LA PUBLICATION Réussir l ergonomie générale d un site Créer la charte graphique Les clés d un bon site web
2
3 Avant de vous lancer sur votre souris et votre clavier pour créer votre page web, il est important de réfléchir à la conception de votre futur site pour éviter les aléas du webmaster trop pressé et obligé de recommencer indéfiniment la même page Réussir l ergonomie générale d un site Combien de pages composeront votre site web? Quelles seront les fréquences des mises à our? Menu simple ou menu hiérarchique? Quel type de navigation choisir? Autant de questions à se poser avant de foncer tête baissée dans un logiciel de création de site web. Pour définir la structure de votre site, rien ne vaut la page blanche et le crayon. Même s il s agit d un site simple réunissant une dizaine de pages tout au plus, cette étape préparatoire vous aidera à anticiper les problèmes éventuels et vous fera gagner un temps précieux. Les qualités d un bon site web Après une mûre réflexion, vous serez à même de créer un site web ergonomique, respectant plusieurs critères de qualité. Parmi les éléments les plus importants, on peut notamment citer : La sobriété : le site doit être épuré, avec une navigation simple. Le débutant est tenté de mettre immédiatement en pratique tous les artifices technologiques appris, des boutons animés et images clignotantes. Mais mieux vaut les réserver à un usage bien précis, pour mettre en valeur un logo ou une nouveauté notamment, pour ne pas noyer le regard de l internaute qui ne saura plus distinguer les informations importantes des autres. La clarté, c est-à-dire la bonne organisation des informations, structurées et mises en forme de façon lisible par tous. Lors de l insertion de texte, il faut donc veiller à créer des paragraphes distincts, à utiliser titres et sous-titres et à faire appel aux styles de caractères (gras, italique..) pour mettre en valeur les éléments qui doivent ressortir. La facilité de navigation, point essentiel qui sera détaillé plus loin dans ce chapitre. On entend par navigation le passage d une page à l autre d un site à l aide de liens hypertextes, symbolisés généralement par un ou plusieurs mots de couleur bleue et soulignés. Pour une navigation efficace, il faut respecter la règle des trois clics, 1.1. Réussir l ergonomie générale d un site 17
4 ce qui signifie que toute information du site doit être accessible en moins de trois clics. Le temps de chargement doit être rapide et inférieur à une vingtaine de secondes, quelle que soit la vitesse de connexion de l internaute. Au-delà, il yadefortes chances qu il quitte votre site avant même que la première page soit affichée. Même si parler "de poids maximum" pour une page web n a plus le même sens qu il y a quelques années, en raison de l explosion des connexions haut débit, il est important d éviter d alourdir inutilement les pages d un site. L interactivité, qui correspond aux interactions mises en place entre l internaute et le site web : de contact, forum, formulaire. Il est important de recueillir les impressions et critiques de vos visiteurs pour améliorer et adapter votre site web. L accessibilité, c est-à-dire la possibilité de visualiser le site web sur le plus grand nombre d ordinateurs par tout type de public, quelle que soit la configuration. Navigateurs, résolutions d écran, systèmes d exploitation, plug-ins éventuels sont autant de paramètres qu il vous faudra prendre en compte avant de publier une page web pour vous assurer que votre site sera visible par tous. Une navigation simple et efficace La navigation est le cœur de votre site. Une navigation mal pensée et un site peu accessible peuvent remettre totalement en cause le succès de vos pages web, même si elles sont esthétiques et riches en informations. Rien de pire en effet qu un site brouillon avec de longues pages sans liens et l impossibilité de revenir facilement à la page d accueil. Dès la conception du site web, il est primordial de le structurer en menus et sous-menus pour s assurer de la logique de la navigation utilisée. Voici quelques conseils pour une navigation réussie : À tout moment, l internaute doit pouvoir revenir à la page d accueil et aux principales rubriques grâce à une barre de navigation. Les pages d introduction, avec animations en Flash ou images animées, préambules à la page d accueil, sont inutiles et ont tendance à énerver l internaute, qui perdra inutilement du temps lors du chargement, sans accéder aux informations souhaitées De la conception à la publication
5 Afin que l internaute puisse se repérer facilement, il est conseillé de placer systématiquement la barre de navigation au même endroit sur chacune des pages du site, avec une présentation identique. Si votre site comporte un logo, celui-ci doit être placé au même endroit sur chaque page. Il est courant de placer sur le logo un lien vers la page d accueil du site. Pour un repérage aisé, vous pouvez créer au sein de votre site web un plan qui le décrit. Il s agit de mettre à plat, sur une page HTML, toutes les rubriques et sous-rubriques de votre site avec des liens HTML. Le plan permettra à l internaute éventuellement perdu d accéder rapidement à la page choisie Créer la charte graphique On appelle charte graphique le "look" des pages d un site. Couleur, mise en page, choix de la police, styles, sont autant de paramètres importants qui donneront immédiatement à l internaute l envie, ou non, d aller plus loin dans sa visite. Kits graphiques ou création personnelle? Si vous n êtes pas expert en HTML et que l idée de vous plonger dans un éditeur web vous donne envie d abandonner votre proet, les kits graphiques sont sans nul doute la solution qu il vous faut. Les kits graphiques sont des interfaces web, payantes ou gratuites, qui permettent de proposer rapidement un site esthétique généralement réalisé par un graphiste professionnel pour un moindre coût. Selon le kit graphique choisi, il pourra être utilisé à des fins personnelles ou commerciales. Cadres, tableaux HTML ou CSS? Au début de l ère Internet, les cadres HTML (également appelés "frames") insérés dans les sites web étaient très à la mode. On divisait la page principale en trois ou quatre sections au maximum, chacune correspondant à une page HTML distincte. Ainsi, une page d accueil divisée en trois colonnes incluait un cadre HTML pour le menu, un autre pour la zone centrale et un dernier pour l en-tête. Le découpage en cadres est auourd hui fortement déconseillé. On lui préfère une structure en tableau HTML. Le principal inconvénient des 1.2. Créer la charte graphique 19
6 cadres est l aspect "page perso", qui enlève toute crédibilité au site, même si son contenu est de qualité. À cela s aoutent des problèmes de référencement, qui constituent un gros frein à la visibilité des pages web. Contrairement aux cadres, les tableaux offrent une entière liberté dans la mise en page d un site et ne posent aucun souci de référencement. Ils permettent de structurer précisément l information et sont fiables quel que soit le navigateur. Ainsi, vous évitez les mauvaises surprises de mise en page selon les versions utilisées par les internautes. Auourd hui, de plus en plus de webmasters privilégient les feuilles de styles dont l utilisation s avère toute aussi efficace que les tableaux. Les outils de mise en page tels que Dreamweaver proposent pour la plupart un panneau dédié aux feuilles de styles afin de faciliter leur intégration au sein d une page web. Pour plus d informations sur la création de tableaux, reportezvous au chapitre 4 Aller plus loin avec Dreamweaver. La mise en forme du texte Pour proposer un site compatible avec la plupart des plateformes, il est important de sélectionner des polices visibles par tous et de respecter quelques principes de mise en page pour une lecture aisée : Il est conseillé de privilégier une police prise en charge par défaut par tous les navigateurs. Parmi les plus courantes, Arial, Tahoma ou Verdana sont adaptées à la lecture sur Internet. N hésitez pas à traquer les fautes d orthographe, qui enlèvent toute crédibilité à un site si celles-ci se répètent trop souvent. Faites attention aux tailles de texte élevées. Utilisez la mise en forme (gras, italique ) uniquement si nécessaire, sans exagération. De préférence, n utilisez que trois polices différentes au maximum pour conserver une mise en page homogène. Conservez une présentation identique sur toutes les pages. Appliquez les couleurs de façon harmonieuse pour ne pas agresser l œil de l internaute. Par exemple, évitez un texte bleu sur un fond noir, qui risque de gêner la lecture De la conception à la publication
7 Évitez également les couleurs criardes ou fluorescentes, ainsi que les couleurs sombres sur fonds foncés pour conserver une lisibilité optimale. Un affichage optimisé pour tous Il est important d optimiser vos pages web pour qu elles soient affichées correctement sur le plus grand nombre d écrans, quelle que soit leur résolution. Celle-ci varie selon la carte graphique et la taille de l écran utilisé. Résolution d écran La résolution d écran correspond au nombre de points ou pixels que peut afficher une carte graphique. Elle est définie par la multiplication du nombre de points sur l axe horizontal par le nombre de points sur l axe vertical. La plus courante actuellement est , présente sur les écrans 19 pouces. Compte tenu du parc informatique actuel, optimisez votre site pour une résolution de pixels ou plus. Cette valeur représente la maorité des écrans utilisés auourd hui. Veillez à ce que la largeur de vos pages et de vos tableaux ne dépassent pas pixels afin que l internaute n ait pas besoin d utiliser les barres de défilement. Si vous souhaitez que votre site soit accessible facilement depuis des terminaux mobiles, vous devrez proposer une version qui s adaptera à une taille d écran plus petite pour éviter la multiplication des barres de défilement. Si votre site fait appel à la technologie Flash, intègre vidéos ou contenus audio, proposez un lien vers le site de l éditeur afin que l internaute puisse télécharger au besoin le plug-in nécessaire à une bonne visualisation Les clés d un bon site web Si vous suivez les conseils d ergonomie énoncés précédemment, vous éviterez bon nombre des erreurs les plus courantes. Pour faire la différence, il reste maintenant à s attacher au fond. Vous devez proposer un contenu riche, apportant une réelle plus-value par rapport aux autres sites, et régulièrement actualiser vos pages pour donner aux internautes l envie d y revenir Les clés d un bon site web 21
8 Aouter de l interactivité Pour les diaporamas photo, les ournaux en ligne, les forums, les sites d actualité, HTML reste indispensable mais n est pas touours suffisant. Il est facile d insérer un script JavaScript prêt à l emploi et disponible sur Internet, pour afficher la date, ou encore une applet Java, pour intégrer un eu en ligne, voire un forum fondé sur une base de données et le langage PHP, sans pour autant maîtriser ces différents langages. Pour être moins perdu face aux nombreux termes que vous ne manquerez pas de croiser lors de la création de votre site web, voici un petit point sur les principales technologies utilisées et leurs applications pratiques : JavaScript : langage souvent utilisé dans les pages web pour créer de petits scripts qui insèrent l heure et la date, ouvrent une nouvelle fenêtre, introduisent des effets spéciaux sur des images, etc. Applet Java : également appelées "appliquettes". Il s agit de petits programmes (principalement des eux ou des modules de chat) utilisés dans les pages web et qui peuvent être téléchargés et interprétés par un navigateur Internet tel que Firefox ou Internet Explorer. PHP : langage exécuté par le serveur web, qui permet d aouter des fonctions avancées à un site Internet, de créer des applications plus ou moins complexes, telles que forums, modules de newsletter ou livres d or. Pour utiliser PHP, il est indispensable que cette technologie soit reconnue par le serveur web. Figure 1.1 : Le site Commentcamarche définit simplement de nombreux termes informatiques De la conception à la publication
9 Décrypter le argon Internet Si vous êtes perdu face aux multiples termes qui alonnent la création de sites web, consultez le site Web Commentcamarche, à l adresse Ce site dispose d une section consacrée aux débutants en informatique afin de les aider à décrypter les principaux termes que vous serez susceptible de rencontrer sur Internet. Le vocabulaire est accessible à tous. Choisir un bon hébergeur L hébergeur est la société chargée d administrer les serveurs sur lesquels seront publiées vos pages web pour être visibles sur Internet. Après avoir travaillé sur votre site depuis votre ordinateur, vous devrez l envoyer sur un serveur. Pour choisir un hébergeur, prenez en compte plusieurs critères : Adresse web : certains hébergeurs proposent la réservation de noms de domaines, d autres offrent des adresses plus difficiles à retenir, du type Avant tout, réfléchissez à l adresse que vous souhaitez donner à votre site web. Pour une image sérieuse et professionnelle, une adresse du type est conseillée et sera également plus facile à mémoriser. Espace disque disponible : exprimé généralement en mégaoctets ou gigaoctets. Pour vous donner un point de repère, sachez qu une vidéo pèse entre 1 et 5 Mo et qu une dizaine d images nécessitent un espace disque d environ 1 Mo. Si vous souhaitez privilégier le texte, vous n aurez pas besoin d un espace disque important, et inversement si vous comptez proposer beaucoup de contenu multimédia. Scripts et technologie : PHP, CGI, ASP, etc. Si vous souhaitez utiliser des scripts, il est important d être attentif aux technologies supportées par votre hébergeur. Même si vous ne connaissez pas ces langages, vous serez susceptible de les utiliser via de nombreux scripts prêts à l emploi. Privilégiez les serveurs web prenant en charge PHP et éventuellement la base de données MySQL pour intégrer facilement, par la suite, de nouvelles fonctions à vos pages web Les clés d un bon site web 23
10 Pour plus d informations sur le choix d un hébergement, reportezvous au chapitre 8 Publier et promouvoir son site web. Adresse certains hébergeurs fournissent une adresse et stockent les messages au sein du serveur web, tandis que d autres proposent un simple renvoi vers votre adresse . Réserver un nom de domaine Un nom de domaine correspond à l adresse d un site Internet. Par exemple, dans yahoo.fr représente le nom de domaine. Il existe de multiples extensions (.com,.fr,.net,.biz ) que vous pourrez choisir selon la nature de votre site (personnel, associatif, commercial ). S il s agit d un site commercial,.com et.fr s imposent. Pour un site associatif, vous pourrez opter pour.org (diminutif d "organisation"). De plus, selon l extension souhaitée, le prix peut être plus ou moins élevé. Actuellement, les extensions.com et.fr sont les plus demandées donc les plus chères. Néanmoins, acheter un nom de domaine est simple et reste à la portée de toutes les bourses (à partir de 6 euros par an). De plus, il s agit d un achat qui sera vite rentabilisé si vous avez choisi la bonne adresse, courte, facile à orthographier et à retenir. Pour acheter un nom de domaine, il n existe aucune règle particulière, si ce n est que le premier arrivé est touours le premier servi. Ainsi, si vous souhaitez créer un site web consacré à James Dean, rien ne vous empêche d acheter le nom JamesDean.com dans la mesure où celui-ci est touours disponible, ou de tenter votre chance avec d autres extensions le cas échéant (.net,.org ). Notez qu un nom de domaine ne contient amais d espace. Auourd hui, de nombreux hébergeurs proposent également un pack incluant l achat d un nom de domaine. Les formalités de mise en service en sont facilitées. Aussi n hésitez pas à profiter d un pack hébergement + nom de domaine, accessible à un prix plus intéressant. Pour plus d informations sur la réservation de noms de domaines, reportez-vous au chapitre 8 Publier et promouvoir son site web De la conception à la publication
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
Plus en détailAudit 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
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étailHTML5, 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
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é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é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étailDiffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
Plus en dé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é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étailI - Pour créer un site web
I - Pour créer un site web Un nom de domaine, Un hébergement, Un éditeur de pages web, Un logiciel «graphique», Un logiciel de transfert par FTP 1 site = 1 nom de domaine et 1 hébergeur 1 site = 1 nom
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étailThème : Création, Hébergement et référencement d un site Web
Formation au profit des enseignants de l'université Ibn Zohr Thème : Création, Hébergement et référencement d un site Web Omar El Kharki & Jamila Mechbouh http://perso.menara.ma/~elkharki/ Ou bien http://www.elkharki.africa-web.org/
Plus en détail... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE
@... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN
Plus en détailCAHIER DES CHARGES DE REALISATION DE SITE INTERNET
CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom de l entreprise : Adresse : Tel : Fax : Email : Personne à contacter dans l entreprise : 1 SOMMAIRE 1 PRESENTATION DE L ENTREPRISE...3 2 PRESENTATION
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é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étail2 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é
Plus en détailSyfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 20/06/2007 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
Plus en détailGuide de démarrage rapide
Comment démarrer rapidement votre Box e-commerce. Guide de démarrage rapide Autres supports : Vidéos démos disponibles sur le portail. Contactez notre service client : 0 969 366 636 Guide de démarrage
Plus en détailCréer du contenu en ligne avec WordPress
Créer du contenu en ligne avec WordPress La création d un blog ne demande pas de compétences particulières en informatique ou en développement. Wordpress vous permet de créer un blog via un compte en ligne
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étailGUIDE DE DEMARRAGE RAPIDE:
GUIDE DE DEMARRAGE RAPIDE: COMMENT CREER VOTRE BOUTIQUE EN LIGNE Vous voulez créer votre propre boutique en ligne? C est désormais plus simple que jamais. Suivez simplement les instructions de ce guide
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é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étailWEB & 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,
Plus en détailMes documents Sauvegardés
Mes documents Sauvegardés Guide d installation et Manuel d utilisation du logiciel Edition 13.12 Photos et illustrations : Copyright 2013 NordNet S.A. Tous droits réservés. Toutes les marques commerciales
Plus en détailAide Webmail. L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels.
Aide Webmail 1. Découverte de l environnement : L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels. 1. La barre d application (1) Les
Plus en détailPoint 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2
Point 3.7 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 INTEGRER DES DOCUMENTS (TEXTES, VIDEOS, IMAGES) SUR UN PORTAIL E-SIDOC... 2 Savoir utiliser l éditeur wysiwyg
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étailDans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.
1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,
Plus en détailSoyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Plus en détailet de la feuille de styles.
Feuilles de style / mars 2007 Manuel d'utilisation du modèle enssib et de la feuille de styles. Writer Open Office Service des produits documentaires Contact : Richard Grenier 2e étage enssib Tél : 04
Plus en détailLes sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
Plus en dé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étailAvanquest Software présente la nouvelle gamme WebEasy 8
La Garenne Colombes, le 22 Juin 2009 Avanquest Software présente la nouvelle gamme WebEasy 8 Des logiciels pour créer simplement des sites internet de qualité professionnelle sans aucune connaissance en
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é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étailANNEXE 2 : CHARTE DE COMMUNICATION
ANNEXE 2 : CHARTE DE COMMUNICATION L Editeur respecte les lois et règlements en vigueur, le cas échéant les recommandations d instances telles que celles du Conseil Supérieur de l Audiovisuel, de l Autorité
Plus en détailRédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web
Rédiger pour le web Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web Sommaire 1. Rédiger des contenus... 2 Lire à l écran : une lecture contraignante... 2 Ecrire des phrases
Plus en détailTutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/
Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce
Plus en détailComité 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
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étailLes 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
Plus en détailComment utiliser RoundCube?
Comment utiliser RoundCube? La messagerie RoundCube est très intuitive et fonctionne comme la plupart des logiciels de messagerie traditionnels. A. Découverte de l'environnement 1/ La barre d application
Plus en détailTutoriel. Votre site web en 30 minutes
Tutoriel Votre site web en 30 minutes But du tutoriel Nous allons vous présenter comment réaliser rapidement votre site avec Web Creator Pro 6 en vous basant sur l utilisation des modèles fournis avec
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étailRéférencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?
9 Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? Le trafic d un site internet Le référencement naturel Les freins
Plus en détailUtilisation de Sarbacane 3 Sarbacane Software
Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur
Plus en détailJAHIA 6. Création et modification de sites web UniNE
JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES
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étailMon aide mémoire traitement de texte (Microsoft Word)
. Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux
Plus en détailPrise en main rapide
Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un
Plus en détailRelever le défi du Web mobile
Relever le défi du Web mobile Bonnes pratiques de conception et développement François Daoust Dominique Hazaël-Massieux Groupe Eyrolles, 2011, ISBN : 978-2-212-12828-4 4 Les bases d un bon site web mobile
Plus en détailGuide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de
Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre
Plus en détailSite internet. Vous voulez faire réaliser votre site internet par une agence web? 21 points à passer en revue pour rédiger votre cahier des charges
Site internet Vous voulez faire réaliser votre site internet par une agence web? 21 points à passer en revue pour rédiger votre cahier des charges Présenté sous forme de questionnaire, ce document vous
Plus en détailUne ergonomie intuitive
Une ergonomie intuitive Les solutions de la ligne PME offrent une interface de travail proche des usages quotidiens en informatique. Leur ergonomie intuitive facilite la prise en main du logiciel. Une
Plus en détailCréer son questionnaire en ligne avec Google Documents
Créer son questionnaire en ligne avec Google Documents (actualisation et précision de l article paru sur http://www.marketing- etudiant.fr/actualites/collecte-donnees.php) Se connecter avec son compte
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étailAméliorez vos taux de transformation grâce à la vidéo! Le videomarketing, la PLV pour le Web
Améliorez vos taux de transformation grâce à la vidéo! Le videomarketing, la PLV pour le Web La vidéo en ligne et le e-commerce s imposent en France 25 millions de français ont vu 2 milliards de vidéos
Plus en détailWebsite Express Créer un site professionnel avec Orange
Website Express Créer un site professionnel avec Orange mars 2015 Safiétou Ndao Ndiaye Sommaire Présentation... 3 Description du service... 3 Configuration requise... 4 Consignes... 4 Pour bien démarrer...
Plus en détailServices bancaires par Internet aux entreprises. Guide pratique pour : Rapports de solde Version 8.05.22
Services bancaires par Internet aux entreprises Guide pratique pour : Rapports de solde Version 8.05.22 Table des matières Avez-vous besoin d aide?... 3 Exigences informatiques... 4 Navigateurs acceptés...
Plus en détailConférence. Comment améliorer le taux de conversion de votre boutique en ligne grâce au design sous Prestashop? Réalisé par ECOMIZ
Conférence Comment améliorer le taux de conversion de votre boutique en ligne grâce au design sous Prestashop? Réalisé par ECOMIZ Table des matières Présentation d'ecomiz...2 Pré-requis...2 Visibilité
Plus en détailEspace Client Aide au démarrage
Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...
Plus en détailPartie publique / Partie privée. Site statique site dynamique. Base de données.
Partie publique / Partie privée. Partie publique - Front office / Partie privée - Back office. Utiliser l analogie avec une émission de télévision. Un journal télévisé = 1 journaliste + des reportages.
Plus en détailCOMMENT METTRE A JOUR SON SITE WEB?
Un site web est d autant plus intéressant pour l internaute qu il est actualisé. A contrario, une information obsolète peut ternir l image de l entreprise (manque de dynamisme, manque de rigueur ). Différentes
Plus en détailCréation outil multimédia de restitution du projet «l intergénérationnel : un levier pour un levier pour créer du lien social en milieu rural
CAHIER DES CHARGES Création outil multimédia de restitution du projet «l intergénérationnel : un levier pour un levier pour créer du lien social en milieu rural Juillet 2013 Sarah Pecas I - PRESENTATION
Plus en détailSOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5
SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale
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étailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Plus en détailAIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET
AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET 30670 Aigues-Vives info@co-medias.com http://www.co-medias.com Tèl. : 04.66.80.21.25 Port : 06.69.30.72.57 Nom de l entreprise : Adresse
Plus en détailLa messagerie électronique avec La Poste
La messagerie électronique avec La Poste En novembre 2000, le ministère de l Education Nationale a conclu avec La Poste un accord pour la mise à disposition des enseignants et élèves d un service de courrier
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étailGUIDE Excel (version débutante) Version 2013
Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte
Plus en détailGuide d usage pour Word 2007
Formation TIC Septembre 2012 florian.jacques@etsup.com Guide d usage pour Word 2007 ETSUP 8 villa du Parc Montsouris 75014 PARIS SOMMAIRE Interface... 2 Organiser son espace de travail... 3 La barre d
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é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étailPublication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
Plus en détailPRISE EN MAIN D ILLUSTRATOR
CHAPITRE 1 PRISE EN MAIN D ILLUSTRATOR Présentation... 13 Contenu du livre... 13 Les nouveautés... 14 Composants de l interface... 15 Afficher les documents... 20 Organiser son espace de travail... 21
Plus en détaild un site web universitas friburgensis Objectifs de l atelier
Conception d un site web Objectifs de l atelier 1. 2. 3. 4. Analyser ses besoins et créer un cahier des charges Structurer un site pour optimiser sa navigation Rédiger pour le web Optimiser pour les moteurs
Plus en détailSITE 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
Plus en détailSauvegarde et protection des documents
Sauvegarde et protection des documents 16 avril 2013 p 1 Sauvegarde et protection des documents Sauvegarder un document consiste à en conserver une copie, pour le mettre à l abri ou pour y revenir ultérieurement.
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étailIndiquer l'espace libre sur le disque dur
ordinateur les plus Indiquer l'espace libre sur le disque dur - Nettoyer le disque dur - Défragmenter le disque dur Graver un CD ou un DVD - Installer un antivirus - Désinstaller un programme Copier des
Plus en détailGuide d utilisation 2012
Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu
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étailCONDITIONS D UTILISATION VERSION NOMADE
CONDITIONS D UTILISATION VERSION NOMADE Les Editions Francis Lefebvre déclarent détenir sur le produit et sa documentation technique la totalité des droits prévus par le Code de la propriété intellectuelle
Plus en détailCréation d un site Internet
Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter
Plus en détailManuel de mise en page de l intérieur de votre ouvrage
Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est
Plus en détailClub informatique Mont-Bruno Séances du 05 octobre et du 24 octobre 2012 Présentateurs : Réjean Côté
Contenu de la rencontre Club informatique Mont-Bruno Séances du 05 octobre et du 24 octobre 2012 Présentateurs : Réjean Côté Les fonctions de base de Windows Live Mail, Windows Mail et Outlook Express
Plus en détailAccess 2007 FF Access FR FR Base
ACCESS Basic Albertlaan 88 Avenue Albert Brussel B-1190 Bruxelles T +32 2 340 05 70 F +32 2 340 05 75 E-mail info@keyjob-training.com Website www.keyjob-training.com BTW TVA BE 0425 439 228 Access 2007
Plus en détailpas à pas prise en main du service sur le web Le Cloud
pas à pas prise en main du service sur le web Le Cloud sommaire présentation générale de l interface 4-12 ajouter un fichier 13-16 sélectionner un ou plusieurs fichiers 17-19 ouvrir un fichier ou un dossier
Plus en détailSaisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont
I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle
Plus en détailManuel d utilisation du web mail Zimbra 7.1
Manuel d utilisation du web mail Zimbra 7.1 ma solution de communication intelligente Sommaire 1 Connexion à la messagerie Zimbra p.4 1.1 Prérequis p.4 1.1.1 Ecran de connexion à la messagerie p.4 2 Presentation
Plus en détailKIELA CONSULTING. Microsoft Office Open Office Windows - Internet. Formation sur mesure
KIELA CONSULTING Microsoft Office Open Office Windows - Internet Formation sur mesure Bureautique L outil informatique et la bureautique sont devenus quasiment incontournables quelque soit votre métier
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étailLogiciel SuiviProspect Version Utilisateur
Logiciel SuiviProspect Version Utilisateur 1 Le logiciel SuiviProspect permet le suivi des prospects, mais aussi des clients et fournisseurs; il s agit des contacts. Le logiciel permet l envoi de courrier,
Plus en détailAfin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :
1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%
Plus en détailPoint 3.1. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2
Point 3.1 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 CHOIX EDITORIAUX ET ORGANISATION DE L INFORMATION D E-SIDOC... 2 LA PROCEDURE D'INITIALISATION ET DE PUBLICATION
Plus en détail