DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran
|
|
- Charlotte Petit
- il y a 8 ans
- Total affichages :
Transcription
1 DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran dossier par Clochar SOMMAIRE 1. LES RESOLUTIONS d'ecran RESOLUTION de l écran et choix de la TAILLE DE LA PAGE AGRANDISSEMENT OU DIMINUTION DU CHAMP VISIBLE A L'ECRAN PAR LE VISITEUR... 3 La construction d'un site suppose le choix de la largeur de page et donc en fait de la résolution d'écran pour laquelle on veut optimiser le site 1. LES RESOLUTIONS d'ecran Ne pas confondre la hauteur physique en cms d un écran et sa hauteur de résolution en pixels Un écran plus grand physiquement a généralement un réglage de résolution en pixels aussi plus élevée ; mais ce n est pas obligatoire. Si 2 écrans de hauteurs physiques différentes, ont la même résolution en pixels, les pixels seront physiquement plus gros sur l écran le plus haut, mais ce qui sera vu sera strictement identique. La résolution d'écran la plus utilisée est (largeur*hauteur) 1280*1024 pixels en format 4/3 En dessous on a les résolutions 1024*768 et 800*600 (cette dernière, n'est pratiquement plus utilisée) toujours en format 4/3 Avec l'apparition des écrans wide les résolutions utilisées augmentent rapidement et la convergence avec les écrans de télévision fait qu'on s'oriente à terme vers la résolution dite "haute définition" de 1980*1080 sur des écrans de 22 à 24 pouces. Donc à bientôt pour des pages 2 fois plus larges! Un site se présente différemment selon la résolution de l écran utilisé par l internaute. Les deux largeurs d'écran standards sont : ou plus grand utilisé pratiquement par 3 internautes sur 4 (75%) utilisé pratiquement par 20% des internautes - résolutions plus basses utilisés par le reste soit environ 5% chiffres au 31/12/2009 On peut donc dire qu'au début de 2010 prés de 95% des écrans ont une largeur égale ou supérieure à 1024 pixels et cela quelle que soit leur taille physique du 17 pouces au 24 pouces C'est pourquoi afin que les pages ne soient pas tronquées en largeur ce qui est très agaçant pour les internautes qui visitent un site, c'est cette résolution qui est prise, en 2010, comme référence et non plus l'ancienne résolution de 800*600 qui est maintenant devenue obsolète, Par ailleurs selon le navigateur utilisé les sites écrits en langage HTLM présentent le défaut majeur d'avoir une mise en page qui diffère. les navigateurs utilisés par les Internautes sont : Internet Explorer pour 60 % et pourtant, celui qui répond le moins aux normes Firefox pour 30% Chrome. pour 10% avec les suivants Opéra Safari chiffres au 31/12/2009 Dossier: Largeur de page et résolution d'écran 1
2 C'est pourquoi les pages des sites écrits en HTLM, le langage de base, sont souvent "clichées " (c'est à dire transformées en images) pour éviter cet inconvénient mais alors leurs modifications sont difficiles. 2. RESOLUTION de l écran et choix de la TAILLE DE LA PAGE Largeur de page : Si on construit le site sur une largeur de 1024 pixels (c-a*d pour une résolution 1024*768), la page sera tronquée latéralement sur un écran de résolution 800*600 (1 machine sur 20) et laissera au contraire deux bandes latérales vides sur 3 machines sur 4 en resolution supérieure. Sur un écran wide ces bandes latérales seront plus importantes (Remarque : Si on met une couleur en fond de page ces bandes pourront être aussi colorées à l identique, ce qui atténuera l'effet de bande latérale) Quand une page est tronquée sur les cotés, il apparait un ascenseur HORIZONTAL en bas de l'écran, pour permettre de visualiser toute la largeur de la page, ce qui nuit à la présentation du site. Il est par contre difficile d éviter l ascenseur vertical, car sinon les pages sont très courtes et ne renferment pas suffisamment d information. Cependant, on conseille souvent que la première page d'accueil, que l'internaute voit quand il appelle le site, soit "pleine page" et donc limitée dans sa hauteur. Voyons quelle doit être la taille d une page pour être entièrement visible à l écran sans aucun ascenseur horizontal ou vertical. Comme le cadre réel d une page vue dans un navigateur dépend de la résolution de l écran de l utilisateur, nous prendrons dans notre exemple une résolution de 1024*768 Théoriquement si on voulait qu une page du site s affiche en plein écran, il faudrait lui donner comme taille celle de la résolution de l écran de l utilisateur. Pour une résolution de 1024*768 on devrait donc choisir une page de 1024*768 pixels. Mais dans un navigateur une partie en haut et une plus petite partie en bas de l écran sont utilisées par les barres du navigateur lui-même, donc la hauteur visible pour notre image est moins haute. Pour en tenir compte il est donc nécessaire de réduire sa hauteur Ainsi pour un écran dont la hauteur de résolution est de 768 pixels on la réduit à 560 pour tenir compte de la place utilisée au maximum par les barres d'un navigateur chargé. Quant à la largeur elle serait tout simplement de 1024 Mais si maintenant on choisit d avoir un ascenseur vertical, la hauteur de la page pourra très bien être plus grande quoique pour des questions d ergonomie et de maniement du site on essaye de ne pas dépasser 4 fois la hauteur standard de l écran (cette hauteur apparaissant alors relativement plus faible avec une résolution verticale plus grande; le maxi est de 2880 pixels avec WA publié en Flash et pixels avec WA publié en HTML (50 fois la hauteur de l'écran!) Cependant maintenant dans la largeur de page, il faudra tenir compte de la largeur de l ascenseur vertical situé à droite de l'écran et qui diminue donc la largeur d'écran utile; ainsi au lieu de 1024 on choisira une largeur de 1000 le choix d'une largeur de page de 1000 pixels, au 1er janvier 2010, est semble-t-il l'optimal. Une autre idée intéressante pour choisir la largeur est de se baser sur la résolution d'écran de 1280*1024, qui est valable, quand même maintenant, pour près de 75% des écrans des utilisateurs L'image aura dans ce cas une largeur de 1250 pixels On construira la maquette de façon à avoir deux bandes latérales de même largeur avec les à-côtés du site (menus, news etc ) et une partie principale du texte située au milieu qui ne dépasse pas en largeur les 1000 pixels. Ainsi, si l'image est centrée sur son écran (ce qui est programmable au départ de la construction du site), l utilisateur en résolution plus basse 1024*768, n'est pas obligé d utiliser l ascenseur horizontal pour lire le texte principal, à son aise Hauteur de la page La hauteur du champ du site est généralement plus longue que la hauteur de l'écran et on utilise un ascenseur latéral pour se déplacer. Dossier: Largeur de page et résolution d'écran 2
3 La surface visible est souvent "mangée" par des barres variées que l'internaute a installées sur son écran; on peut nettoyer l'écran du visiteur de toutes ses barres pour améliorer le champ visuel en lui proposant un bouton Voir SCRIPTS Si on met un texte est dans un cadre qui a lui-même un ascenseur vertical, il plus ergonomique de ne pas avoir a utiliser les 2 ascenseurs, celui du texte et celui de la page, en alternance; donc si le cadre du texte est flanqué un ascenseur vertical, on a intérêt a ce que la hauteur du cadre ne dépasse pas la hauteur visible de l'écran. Si on se base sur un écran de 1204x1024, on prendra une hauteur maxi d'environ 850 pixels pour la zone de texte.(maxi 600 pour 104x768) Extension de la couleur de fond à tout l'écran Même si le champ du site ne remplit pas tout l'écran on peut pour atténuer l'importance des bandes latérales faire que ces bandes soient de la même couleur que le fond du site En effet la couleur de fond du champ du site peut être étendue automatiquement sur tout l'écran si paramètre cette option pendant la construction de la page CHOIX des COULEURS Les couleurs utilisées pour le site, peuvent ne pas exister sur l'écran du visiteur. Si on est loin des écrans en 16 couleurs, tous les écrans actuels ne sont pas réglés en True Color. Par ailleurs les couleurs qui ne sont pas de base sont parfois moins bien rendues selon le réglage colorimétrique de l'écran du visiteur. C'est la raison pour laquelle la palette basique de proposition de couleurs comprend 360 couleurs Dans l'emplacement encerclé, il n'y a pas moyen de taper un code d'une couleur connue,. Vous devez cliquer sur le bouton multicolore, devant la pipette, qui vous renvoie vers la fenêtre standard de Windows pour le choix d'une autre couleur. 3. AGRANDISSEMENT OU DIMINUTION DU CHAMP VISIBLE A L'ECRAN PAR LE VISITEUR Sur un site publié en HTML l'internaute peut utiliser les combinaisons de touches " Ctrl ", " + " et " - " pour zoomer rapidement sur l'image vue à l'écran Avec Ctrl et +, il agrandit l'image Avec Ctrl et -, il rétrécit l'image ou mieux encore la touche Ctrl associée à la roulette de la souris On voit donc que la résolution choisie pour créer un site qui sera publié en HTML, ne doit pas gêner un internaute, s'il sait se servir de ces touches pour adapter le site au mieux de la resolution de son écran. Par expérience, je sais que ce n'est pas le cas et il pourrait être intéressant d'indiquer, à l'internaute, cette possibilité de zoom, dans la page d'accueil du site Dossier: Largeur de page et résolution d'écran 3
4 Remarque: Pour chaque navigateur l'augmentation ou la diminution de l'image du site, par Ctrl+ et Ctrl-, est légèrement différente. Malheureusement, les touches Ctrl+ et Ctrl- qui permettent de zoomer sur l'image vue à l'écran ne fonctionnent pas sur un site publié en Flash Remarque Souvent les constructeurs de site se demandent s'il n'y aurait la possibilité de faire un site qui s adapte automatiquement à la résolution de l écran La réponse est : Oui, mais pas avec le logiciel Web Acappella; il faut utiliser alors des logiciels plus complexes et connaitre un minimum de programmation Il y a plusieurs techniques pour construire de tels sites. Voir une discussion à ce sujet sur: Vous trouverez ici et là des scripts appelés " votre site en plein écran" ; il s'agit en fait de scripts qui comme nous l'avons vu plus haut nettoient l'écran du navigateur des barres superflues, mais qui ne modifient pas la taille du champ du site pour l'adapter à la largeur d'écran. Rappelons que Web Acappella est un logiciel facile à utiliser et qu'il a les inconvénients de ses avantages. La possibilité de publier son site en HTML, alors qu'on utilise la technique Flash pour sa construction, s'améliore au fil des versions et nous pouvons espérer que, d'ici quelques temps, la publication en HTML des sites Web Acappella sera aussi nette que lors de leur publication en Flash Dossier: Largeur de page et résolution d'écran 4
5 OPTIMISATION pour PETITE RESOLUTION page en 1000 pixels de large Sur un écran en resolution1024*768 Le champ du site va couvrir toute la largeur de ²l'écran Sur un écran en résolution 1240*1024 : le champ du site ne remplit pas l'écran; laissant des parties vides sur les côtés Sur un écran wide très haute définition panoramique 1900*1090 l'image est encore plus petite avec de grandes bandes sur le côté et une bande en dessous Cependant dans ces 2 derniers cas, la couleur de fond du champ du site peut être étendue automatiquement sur tout l'écran si on le paramètre pendant la construction de la page Dossier: Largeur de page et résolution d'écran 5
6 OPTIMISATION pour GRANDE RESOLUTION Page de 1220 pixels de large et 750 pixels de haut Sur un écran en résolution de 1240*1024 le champ couvre l ensemble de l'écran. Sur un écran en résolution 1024*768 le champ du site ne rentrera pas dans la totalité de l'écran et demandera pour en voir la totalité.. l utilisation des ascenseurs vertical mais surtout horizontal Sur un écran wide très haute définition 1900*1090 l'image couvrira bien la hauteur mais aura 2 bandes larges sur le côté Dossier: Largeur de page et résolution d'écran 6
7 Remarque Je connais un site publié en Flash (de quelques pages il est vrai) qui a été dédoublé et construit 2 fois pour les 2 définitions; 1027*768 et 1240*1024. Dans la page d'accueil commune aux 2 sites l'internaute est amené à choisir sa résolution d'écran (comme on pourrait le faire pour la langue sur un site multilingue) grâce au fait qu'il voit ou ne voit pas à l'écran une petite image située dans un coin ( ce qui évite qu'il se demande : "Mais qu'est que c'est que la résolution d'écran") Ici un petit script HTML pour à partir de la page d'accueil aller directement sur l'un des sites dont la largeur correspond le mieux à la résolution de l'écran du visiteur Il faut développer un page index par résolution et y accéder ainsi par la page d'entrée (index de base) : <script language="javascript"> if (screen.width < 1200) { document.location="index1024.htm"; } else { document.location="index1240.htm"; } </script> Dossier: Largeur de page et résolution d'écran 7
Correction des Travaux Pratiques Organiser son espace de travail
Module 01 Correction des Travaux Pratiques Organiser son espace de travail Correction de l exercice N 1 Organiser son espace de travail Objectif de l exercice : 1. Comprendre le dock 2. Afficher les règles
Plus en détailBien travailler sur plusieurs écrans
Bien travailler sur plusieurs écrans Pour améliorer votre confort sur votre ordinateur et travailler plus efficacement, vous pouvez lui ajouter un second voire un troisième écran. En étendant la surface
Plus en détailTRUCS & ASTUCES SYSTEME. 1-Raccourcis Programme sur le Bureau (7)
TRUCS & ASTUCES SYSTEME 1-Raccourcis Programme sur le Bureau (7) 2- Mettre la souris sur Tous les programmes 3- Clic DROIT sur le programme dont on veut créer un raccourcis 4- Dans le menu contextuel Clic
Plus en détailPHPWEBSITE -Tutoriel image
PHPWEBSITE -Tutoriel image La capture des images depuis le web pour mon site. L optimisation d images pour le web, 1 Préparer des images pour le Web A. Généralités 1. Les trois formats d'images sur le
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étailInterface PC Vivago Ultra. Pro. Guide d'utilisation
Interface PC Vivago Ultra Pro Guide d'utilisation Version 1.03 Configuration de l'interface PC Vivago Ultra Configuration requise Avant d'installer Vivago Ultra sur votre ordinateur assurez-vous que celui-ci
Plus en détailTable des matières. Module tablette
Module tablette Table des matières LA TABLETTE... 1. GÉNÉRALITÉS... 2 Fonctionnement... 2 Différents systèmes... 4 Le clavier... 6 gestes de base... 7 Paramétrages... 9 2. EN PRATIQUE... 10 Installer une
Plus en détailUn serveur web, difficile?
Un serveur web, difficile? Belle question, mais d'abord qu'est-ce qu'un serveur web et à quoi cela peut-il servir? C'est un ensemble de programmes qui sont installés sur un ordinateur et qui servent à
Plus en détailDesign adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH
Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...
Plus en détailVotre site Internet avec FrontPage Express en 1 heure chrono
1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,
Plus en détailApproche Design Méthodologie de conduite de sites web
Approche Design Méthodologie de conduite de sites web Phase 02 Concevoir le site (C) Conception visuelle N. Vanassche www.nathalievanassche.be Phase 2 (C) : Conception visuelle Facilité d utilisation:
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é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étailUtilisation de XnView
http://www.rakforgeron.fr 27/02/2015 Utilisation de XnView Les photos d'actes généalogiques, les scans de documents réalisés par vous, ou vos saisies d'écran de documents téléchargés sur Internet, au-delà
Plus en détailOptimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail.
Enterprise Email Marketing Solutions & Services 27% DES E-MAILS SONT OUVERTS SUR SUPPORTS MOBILES Optimisation des e-mails pour les supports mobiles Améliorez vos taux de clics sans augmenter votre charge
Plus en détailTBI-DIRECT. Bridgit. Pour le partage de votre bureau. Écrit par : TBI Direct. http://www.tbi-direct.fr
TBI-DIRECT Bridgit Pour le partage de votre bureau Écrit par : TBI Direct http://www.tbi-direct.fr Contenu Vue d'ensemble...4 Nom du serveur...5 Lancement du Bridgit...5 Installation du logiciel Bridgit
Plus en détailUtiliser 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
Plus en détailIntroduction à 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
Plus en détailTransférer et enregistrer les photos sur l'ordinateur
BML INFORMATIQUE Perfectionnement Séance N 4 Approche de la photo numérique Daniel Drux 15 Oct. 2014 Cette séance a pour but de vous aider à aborder la photo numérique en assimilant les notions de base.
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étailPrise en main du logiciel. Smart BOARD Notebook 10
Prise en main du logiciel Smart BOARD Notebook 10 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir
Plus en détailAdministration du site (Back Office)
Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface
Plus en détailGUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e
GUIDE DE DÉMARRAGE SitagriPro Infinite Un service FINANCEAGRI c o r p o r a t e SOMMAIRE ÉTAPE 1 : Installation... p.3 1. Introduction 2. Connexion à SitagriPro Infinite ÉTAPE 2 : Identification... p.5
Plus en détailGESTION DU LOGO. 1. Comment gérer votre logo? 2. 2.1. Format de l image 7 2.2. Dimensions de l image 8 2.3. Taille de l image 9
GESTION DU LOGO 1. Comment gérer votre logo? 2 1.1. Insérer un logo 3 1.1.1. Insérer un logo dans le bandeau 3 1.1.2. Insérer un logo dans les éditions 4 1.2. Supprimer un logo 6 1.2.1. Supprimer un logo
Plus en détailSommaire. Avertissement :
Sommaire 1. Page d'accueil... 3 2. carte... 4 A. création ou modification d'un trajet... 7 B. création ou modification d'une balise... 8 3. le projet... 10 4. La page contact... 10 5. les liens utiles...
Plus en détailMaîtrisez votre Navigateur
Qu est-ce que Surfer ou Naviguer sur Internet? C est l action, à l aide d un navigateur internet, de suivre les liens hypertexte qui relient les pages Web les unes aux autres. La navigation Web C est une
Plus en détailWebConférence SCOPIA
WebConférence SCOPIA Présentation du logiciel, installation. Rédigé par SERIA T / Adapté par DAAC Page 1 sur 8 Octobre 2011 Description du service La solution de visioconférence Scopia permet la communication
Plus en détailTutoriel Inscription et utilisation basique d'un blog hébergé chez Blogger.com
Tutoriel Inscription et utilisation basique d'un blog hébergé chez Blogger.com Contenu I.Validation (ou inscription) de son adresse chez Google...2 II.Utilisation des fonctionnalités du blog...5 1.Accès
Plus en détailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en dé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é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étailParamétrage des navigateurs
Paramétrage des navigateurs 1 Procédure d'accès aux ressources électroniques nationales suivant le script de configuration automatique de proxy revelec.pac Document mis à jour en avril 201 Configuration
Plus en détailAnimation Shop PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3
Jasc Software Animation Shop Sommaire : PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3 AJOUTER DE L'EFFET... 5 TRANSISSIONS D'IMAGE... 5
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étailLe 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étailPrise en main du logiciel Smart BOARD
Prise en main du logiciel Smart BOARD 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir un tbi
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étailLES TABLETTES : GÉNÉRALITÉS
LES TABLETTES : GÉNÉRALITÉS Fonctionnement Qu est-ce qu une tablette tactile? Une tablette tactile est un appareil doté d'un écran qui permet d'interagir simplement en touchant l'écran ou à l'aide d'un
Plus en détailL informatique pour débutants
L informatique pour débutants Etre à l aise face à son ordinateur Découvrir les clefs de l informatique Devenir un internaute averti Espace Public Numérique http://bibliotheque.nimes.fr bibliotheque.ecm@ville-nimes.fr
Plus en détailManuel utilisateur Netviewer one2one
Manuel utilisateur Netviewer one2one INDEX 1. Etablissement de la connexion...2 1.1. Client... 2 2. Travailler avec Netviewer en mode Show...3 2.1. Vue écran... 3 2.2. Le panneau Netviewer... 3 2.3. Caractéristiques...
Plus en détailTraitement de texte : Quelques rappels de quelques notions de base
Traitement de texte : Quelques rappels de quelques notions de base 1 Quelques rappels sur le fonctionnement du clavier Voici quelques rappels, ou quelques appels (selon un de mes profs, quelque chose qui
Plus en détailModifier les paramètres
Ça y est vous avez craqué pour une tablette! Et vous ne pourrez bientôt plus vous en passer Mais avant ça, vous avez besoin d'un peu d'aide pour débuter avec votre ipad ou votre tablette Android? Lors
Plus en détailE-Remises Paramétrage des navigateurs
E-Remises Paramétrage des navigateurs P-1651-DCI0015-9.00-Navigateurs Windows.doc Sommaire 1 UNE ERREUR JAVA APPARAIT : PROBLEME DE PARAMETRES DE SECURITE... 3 1.1 AVEC INTERNET EXPLORER... 3 1.2 AVEC
Plus en détail«Cimetières de France en ligne»
AIDE UTILISATEURS Logiciel de gestion de cimetière sur internet «Cimetières de France en ligne» INFORMATIONS ET MISES A JOUR DU DOCUMENT : www.cimetieres-de-france.fr ASSISTANCE TECHNIQUE - HOTLINE : 03.80.50.81.95
Plus en détailMicrosoft Application Center Test
Microsoft Application Center Test L'outil de Test de performance des Sites Web Avec Visual Studio.NET, il est fourni une petite application qui permet de valider la performance de son site Internet ou
Plus en détailGuide plateforme FOAD ESJ Lille
Guide plateforme FOAD ESJ Lille v. 1.2 «étudiants» septembre 2014 Réalisé par Maxime Duthoit Ingénieur pédagogique multimédia à l ESJ Lille Sommaire Introduction... 1 1. Accueil et connexion... 2 2. Accueil
Plus en détailComment accéder à d Internet Explorer
Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application
Plus en détailLes formats de la publicité en ligne
INTRODUCTION Internet, une valeur sûre dans le mix-média L'intégration d'internet dans une stratégie média est quelque chose d'irréversible. Le site web de l'entv est là pour vous permettre d'accroître
Plus en détailDémarrage des solutions Yourcegid On Demand avec Citrix
Démarrage des solutions Yourcegid On Demand avec Citrix NT-YCOD-2.4-06/2013 1. Table des matières 1. Table des matières 2 2. Préambule 3 3. Installation des postes clients 4 4. Paramétrage du client Citrix
Plus en détailCréer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX
Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Logiciels nécessaires : - - - Google Chrome comme navigateur internet FireShot qui est un add-on qui se greffe sur
Plus en détailTable des matières A. Introduction... 4 B. Principes généraux... 5 C. Exemple de formule (à réaliser) :... 7 D. Exercice pour réaliser une facture
Excel 2007 -2- Avertissement Ce document accompagne le cours qui a été conçu spécialement pour les stagiaires des cours de Denis Belot. Le cours a été réalisé en réponse aux diverses questions posées par
Plus en détailComment optimiser les encodages financiers?
Comment optimiser les encodages financiers? Comptabilité & Finance Gestion des encodages Financiers Sage BOB 50 propose de nouvelles possibilités de recherche dans l encodage des financiers. Ainsi, en
Plus en détailCréation de site Internet avec Jimdo
Création de site Internet avec Jimdo Ouvrez votre navigateur internet ou Internet Explorer ou Mozilla Firefox Rendez vous sur la page http://fr.jimdo.com/ voici ce que vous voyez. 1=> 2=> 1. Le nom que
Plus en détailCRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE
CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE 3. ème partie : RAPPORTS MENU D'ACCUEIL - MIGRATION Table des matières 1. Les RAPPORTS...2 1.1 Création d'un rapport basé sur une Requête...3 1.2 Imprimer,
Plus en détailDes outils numériques simples et conviviaux!
Des outils numériques simples et conviviaux! 1 La clé USB en bref La clé USB vous permet : n De projeter, avec ou sans tableau blanc interactif (TBI), les pages du livre numérique. n De naviguer facilement
Plus en détailFreeway 7. Nouvelles fonctionnalités
! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer
Plus en détailTable des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires...
Manuel utilisateur Table des matières 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5 1.2 Public visé... 5 1.3 Commentaires... 5 2 Généralités sur les applications web... 7 3 Module
Plus en détailL 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
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é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étailSCM Fournisseurs de services et délégués Matériel de formation à l intention des utilisateurs Nouveau-Brunswick, Canada
SCM Fournisseurs de services et délégués Matériel de formation à l intention des utilisateurs Nouveau-Brunswick, Canada MINISTÈRE DE LA SANTÉ 1 Table des matières 1 INTRODUCTION... 3 2 EXIGENCES PC/SYSTÈME...
Plus en détailSéquence de découverte de SparkAngels Logiciel d entraide numérique
Contributeurs : GUILLEZ Frédéric BANDINI Gérard DENIGOT Michaël FOLCH Janine PERILLAUD Stéphanie PLATEL Carl REANT Franck I. Matériel et préparation Pré requis matériel et logiciel : Ordinateur avec connexion
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étailTable des matières. F. Saint-Germain / S. Carasco Document réalisé avec OpenOffice.org Page 1/13
Voici un petit tutoriel d'utilisation du tableau numérique de la marque promethean. Ce tutoriel est loin d'être complet, il permet juste une première approche simple des outils de base du logiciel ACTIVstudio.
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étailEdutab. gestion centralisée de tablettes Android
Edutab gestion centralisée de tablettes Android Résumé Ce document présente le logiciel Edutab : utilisation en mode enseignant (applications, documents) utilisation en mode administrateur (configuration,
Plus en détailhttp://www.jdl68160.com/informatique/yawcam.htm
Date de publication: le 11/05/2013 Date de modification le : 19/05/2013-20:45 Edition de la version PDF le 20/05/2013 Yawcam est un petit logiciel gratuit, mais très complet, permettant de diffuser/d'enregistrer
Plus en détailPARTAGER VOTRE ECRAN AVEC DES ETUDIANTS CONNECTES A PARTIR D'UN NAVIGATEUR OU DE L'APPLICATION NETOP VISION STUDENT
PARTAGER VOTRE ECRAN AVEC DES ETUDIANTS CONNECTES A PARTIR D'UN NAVIGATEUR OU DE L'APPLICATION NETOP VISION STUDENT Les enseignants de Vision peuvent maintenant créer une classe en mélangeant des étudiants
Plus en détailSommaire. 2. Utiliser la télécommande... 8 2.1 Télécommande Administrateur... 8 2.2 Télécommande Utilisateur... 10 2.3 Échanger une télécommande...
Sommaire 1. utilisateur... 4 1.1 Choisir le questionnaire... 4 1.2 Créer une nouvelle session... 5 1.3 Importer des sessions... 5 1.4 Exporter des sessions... 6 1.5 Rechercher une session... 6 1.6 Supprimer
Plus en détaill'ordinateur les bases
l'ordinateur les bases Démarrage de l'ordinateur - Le bureau, mon espace de travail - J'utilise la souris - Ouvertes ou fermées, les fenêtres - Dans l'ordinateur, tout est fichier - Le clavier : écrire,
Plus en détailModes Opératoires WinTrans Mai 13 ~ 1 ~
Modes Opératoires WinTrans Mai 13 ~ 1 ~ Table des matières Facturation... 2 Tri Filtre... 2 Procédures facturation... 3 Transfert Compta... 8 Création d un profil utilisateur... Erreur! Signet non défini.
Plus en détailCréation d un formulaire de contact Procédure
Création d un formulaire de contact Procédure Description : Cette procédure explique en détail la création d un formulaire de contact sur TYPO3. Outil Procédure CMS: TYPO3 Auteur : hemmer.ch SA Extension:
Plus en détailDans la série. présentés par le site FRAMASOFT
Dans la série Les tutoriels libres présentés par le site FRAMASOFT CRÉER DES EXERCICES AVEC JCLIC-AUTHOR Logiciel: JClic-author Plate-forme(s): Linux, Windows, Mac OS X Version: 0.1.1.9 Licence: GNU General
Plus en détailDesigner d escalier GUIDE DE L UTILISATEUR. Stair Designer-1
Designer d escalier GUIDE DE L UTILISATEUR Stair Designer-1 Stair Designer-2 Designer d escalier Le Designer d escalier rend facile la réalisation et la mise en place d escaliers sur mesure dans votre
Plus en détailFascicule 1. www.dynasites.info
Fascicule 1!" #$ %&'()* +," -'&$ www.dynasites.info Cours théoriques et pratiques par la Société : www.arbo.com Hébergement permanent sur internet par la Société ARBO.COM Courriel : secretariat@arbo-com.fr
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étailDU Endoscopie. Guide d utilisation. chirurgicale. Diplôme Universitaire d Endoscopie Chirurgicale
DU Endoscopie chirurgicale Guide d utilisation Bienvenue sur le site d E-learning spécialisé dans l Endoscopie Chirurgicale www.master-surgical-endoscopy.eu SOMMAIRE L inscription...3 Création des identifiants...
Plus en détailIntroduction à Windows 8
Introduction à Windows 8 Windows 8 est aujourd hui le dernier Système d exploitation de Microsoft. Ce système n étant pas destiner exclusivement au Oridnateur (il est également installé sur certaines tablettes
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étailMANUEL ACHAT à DISTANCE
MANUEL ACHAT à DISTANCE NV VLAAMSE VISVEILING STEDELIJKE VISMIJN NIEUWPOORT Mars - 2013 Version 1.1 Auteur Mark SMET Aucxis Trading Solutions cvba Zavelstraat 40, 9190 Stekene, België Tel +32 (0)3 790
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étailInitiation à linfographie
Ce support de cours de l Agence universitaire de la Francophonie est distribué sous licence GNU FDL. Permission vous est donnée de copier, distribuer et/ou modifier ce document selon les termes de la Licence
Plus en détailSpétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4
Spétechs Mobile D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail
Plus en détailTroisième projet Scribus
Sommaire 1. Réponse à la question du deuxième projet... 2 2. Présentation du projet... 2 2.1. Organiser son travail... 2 3. Réalisation... 2 3.1. Préparation du texte... 2 3.1.1. Les styles «Dys»... 3
Plus en détailManuel de formation Spaceman 1 ère journée
Manuel de formation Spaceman 1 ère journée Table des Matières Présentation des barres d outils et des icônes...4 Présentation de l espace de travail...10 1 ère PARTIE : CONSTRUIRE LE MOBILIER...11 La gondole
Plus en détailInternet Marketing Manager
L Internet Marketing Manager est un outil informatique facile à utiliser et moderne pour la conception et la gestion des processus marketing en-ligne et l optimisation de la présence sur Internet des entreprises.
Plus en détailModule 1 : Tableau de bord Excel * 2010 incl.*
Module 1 : Tableau de bord Excel * 2010 incl.* 1.0 Introduction Excel nous aide à mieux comprendre les données en les plaçant dans des cellules (réparties en lignes et en colonnes) et au moyen de formules
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é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étailPrésentation de GnuCash
Par Jean-Marc St-Hilaire De JMS Informatique Enr. Jean-Marc St-Hilaire a une formation en programmation et en comptabilité (H.E.C.) Cette présentation est disponible à www.jmsinformatique.com/ateliers
Plus en détailSpétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014
Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact
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étailCLASSE VIRTUELLE UTILISATION DE CENTRA
rectorat mission formation division de la formation CLASSE VIRTUELLE UTILISATION DE CENTRA L objet de ce document est de présenter la démarche pour la mise en place d une formation à distance utilisant
Plus en détailL espace de travail de Photoshop
L espace de travail de Photoshop 1 Au cours de cette leçon, vous apprendrez à : ouvrir les fichiers Photoshop ; sélectionner et employer certains des outils dans le panneau Outils ; définir les options
Plus en détailChapitre 22 Optimisation pour diffusion à l'écran, pour le web
1 1 9 9 7 7 Optimisation pour diffusion à l'écran, pour le web Diffusion pour le web........................ 31 Les paramètres avant l exportation................. 31 Optimisation pour le web......................
Plus en détailYAPBA M. Logiciel libre de suivi de vos comptes
YAPBA M Logiciel libre de suivi de vos comptes Premières opérations A l'ouverture la première fois, on obtient cet écran. La première opération va être la création d'un compte. Comme aucun compte n'est
Plus en détailRef : Résolution problème d'accès aux supports de cours
PLATE FORME e-learning LLMS Pôle national de compétences FOAD (Formation Ouverte et A Distance) Ref : Résolution problème d'accès Pôle compétences FOAD SIGAT http://foad.ac-toulouse.fr/ Page 2 SOMMAIRE
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étailFAQ Mobiclic/ Toboclic
FAQ Mobiclic/ Toboclic 1. Configurations requises... 2 2. Problèmes connus... 2 Ecran noir... 2 Lenteur anormale... 3 Plein écran... 3 Pas de sons... 3 Mobiclic n 115 et Toboclic n 90... 3 Mobiclic n 120
Plus en détail