Dans l Unité 3, nous avons parlé de la
|
|
- Agnès Vinet
- il y a 8 ans
- Total affichages :
Transcription
1 11.0 Pour commencer Dans l Unité 3, nous avons parlé de la manière dont les designs sont créés dans des programmes graphiques tels que Photoshop sont plus semblables à des aperçus de ce qui va venir, n étant pas encore fonctionnels. Lorsque nous commençons à optimiser et à exporter les images, la maquette devrait être complète et tous les aspects devraient être dimensionnés de manière appropriée. Ce qui signifie que si nous prévoyons d utiliser une image de page web de 300px par 300px, elle devrait faire cette taille dans le document de conception (dans Photoshop ou un autre programme graphique). Par exemple, la Figure 11-1 montre une image de titre pour le site d une école construit avec Wordpress. Le modèle Wordpress nécessite une image de titre de 920 pixels de largeur par 175 pixels de hauteur. Nous avons utilisé Photoshop pour créer l image, nous assurons de placer les dimensions correctes dès le début (comme le montre la Figure 11-2). Figure 11-1:: Image de titre de site web sous Photoshop Figure 11-2: Image de titre de site web sous Photoshp > Redimensionner (Resize). Tirer les bords de la boîte de transformation jusqu à être satisfait de la nouvelle taille. Pour conserver les proportions de l image originale, maintenez la touche Shift enfoncée tout en tirant. Pressez Entrée/Retour pour terminer la transformation. Pour redimensionner une image entière sans Photoshop, rendez-vous sur et suivez les invites de commande. Pièces du puzzle Pour traduire vos conceptions parfaitement dimensionnées en des pages web totalement fonctionnelles, nous devons prendre des décisions supplémentaires en ce qui concerne la manière dont elles sont optimisées et exportées. Mais si vous aviez, par mégarde, créé une image à la mauvaise taille? Toutes les options suivantes vous permettront de redimensionner l image avant de l exporter : Pour redimensionner l image entière sous Photoshop, choisissez Image > Taille d image (Image Size) et suivrez les fenêtres d invite. Pour redimensionner une partie d une image sous Photoshop, naviguer vers la couche appropriée, puis pressez Control-t (Command-t sur un Mac) ou choisissez Édition (Edit) > Transformation (Transform) Figure 11-3: Le site web du Hershey Park Excel With Business
2 Les pages web sont comme des puzzles non terminés : lorsque vous visualisez une page dans un navigateur, il n est habituellement que trop évident où se trouvent les bords des pièces individuelles. Pour voir ce que nous voulons dire, comparez les Figures 11-1 et Examinez le site du Hershey Park (Figure 11-3). Pouvez-vous facilement identifier les images individuelles utilisées pour créer toute la page? Si nous regardons de nouveau le site avec les images désactivées (Figure 11-4), nous avons quelques indices. Même si vous pouviez avoir déjà deviné que les photographies étaient des images et que la majorité du texte n en était pas, aviez-vous identifié le pied de page comme basé image? Et la boîte de recherche dans le coin en haut à droite? (Notez que les deux ont disparus dans la Figure 11-4.) Souvent, certains éléments de page tels que les textures, les arrièreplans et les modèles doivent également être sauvés en tant que petites images, puis incorporées dans la page via le HTML et/ou CSS. Avec ceci à l esprit, notre première étape pour déterminer comment produire un design de page consiste à identifier les pièces individuelles devant être exportées Slices or 11.1 Tranches (Slices) ou objets-images (Sprites)? Si nous créons tous les éléments d une page dans un document de conception unique comme le font de nombreux concepteurs nous possédons quelques options en termes de livraison des images finales à l utilisateur. La méthode avérée et testée consiste à sauver chaque élément de la page en tant que sa propre tranche (slice) du puzzle. Chaque tranche est ensuite sauvée dans un format d image adapté à la toile et référencée depuis code. Figure 11-4: Le site du Hershey Park avec les images désactivées Figure 11-5: Un bloc d objetsimages utilisés sur Facebook Mais de nombreux concepteurs modernes suivent une approche légèrement différente en stockant des groupes de tranches liées à l intérieur d une image unique. Cette image plus grosse est référencée depuis le code, avec des morceaux d informations supplémentaires : coordonnées de la partie que nous voulons montrer à n importe quel moment Excel With Business
3 Vous avez probablement rencontré cela sans le réaliser, spécialement si vous êtes un utilisateur de Facebook. Facebook possède de nombreuses icônes dans la barre de navigation et partout ailleurs sur le site. Au lieu de toutes les sauver en tant que petites images individuelles, les développeurs du site les ont sauvées en block, appelés objets-images (sprites). La Figure 11-5 monte un exemple d un bloc d objetsimages, tous contenus à l intérieur d un fichier image unique. Dès qu un de ces objets-images est référencé dans une page, les coordonnées de cette pièce particulière de l image sont spécifiées dans la feuille de style, en utilisant la propriété d arrière-plan. Les dimensions de l objet-image sont déterminées par les propriétés de largeur et de hauteur, le navigateur sait donc exactement combien afficher de l image totale pour chaque cas. Voici un exemple de ce à quoi le code peut ressembler dans une feuille de style: #likebutton { } width: 18px; height: 17px; background:url( icons- sprites.png ) ; Dans ce cas, les propriétés de largeur et de hauteur déterminent la taille de l ouverture de la fenêtre, pour ainsi dire, et les dimensions à la fin de la propriété d arrière-plan (background) identifient l emplacement des points de départ sur les axes x et y. La Figure 11-6 montre quelle partie de l image-objet de Facebook serait affichée avec ce code. Si la pensée d avoir à déterminer toutes les dimensions et toutes les coordonnées pour chaque image-objet individuel est décourageante, détendez-vous. Il existe une application qui fait ça pour vous! Spritebox ( est un outil gratuit en ligne qui génère rapidement et facilement le code nécessaire. Conceptions en tranches Une alternative à l utilisation d objets-images consiste à sauver chaque pièce individuelle du puzzle en tant que sa propre image. Avant que Photoshop ajoute l outil Tranches (Slice), les concepteurs devaient rogner les parties individuelles d un design puis sauver ces pièces en tant que fichiers uniques. Le processus était non seulement fastidieux et chronophage, mais il rendait difficile la maintenance ultérieure des images. Heureusement, l outil Tranche accélère le processus entier tout en laissant intact le design général pour une maintenance facile. En fait, Photoshop possède plusieurs outils intégrés pour rendre les processus de découpage et de quadrillage plutôt indolores. Au final, l outil que nous utilisons dépend de la manière dont nous construisons notre conception. Si chaque image à venir individuelle se trouve sur sa propre couche, nous choisissons Couche (Layer) > Nouvelle tranche d après un calque (New Layer Based Slice) et Photoshop crée une tranche basée sur les contenus de la couche actuellement choisie. Si notre design est plutôt basé sur une grille, nous pouvons dessiner quelques repères, choisir l outil Tranche et cliquer sur «Tranches d après les repères» dans la barre d option, comme montré dans la Figure Figure 11-6: Le cercle rouge identifie la portion de l image affichée avec l exemple de code précédent Si aucune de ces méthodes automatisées ne convient pour une conception, nous pouvons dessiner nos propres tranches. Choisissez simplement l outil Tranche, puis cliquez et glissez autour le contour de chaque image que vous souhaitez trancher. Dans la Figure 11-8, nous dessinons des tranches autour de Excel With Business
4 chacun des éléments que nous souhaitons sauver en tant qu images individuelles. (L unique exception est l image d arrière-plan, qui doit être sauvée séparément puisque Photoshop n autorise pas le chevauchement des tranches) Choisir le meilleur format de fichier pour le travail Une fois que la conception est tranchée, il est temps de déterminer le meilleur format de fichier pour chaque image. Pour ce faire, examinons les trois formats de fichier image adaptés au web les plus communs. Figure 11-7: Tranches créées depuis des repères GIF GIF, qui signifie Graphic Interchange Format, pour Format d échange d image (et qui est principalement Figure 11-8: Tranches créées avec l outil Tranche Excel With Business
5 Caractéristiques GIF JPG PNG Mode de couleur 8-bit (pas plus de 256 couleurs) 24-bit (des millions de couleurs) Peut être 8-bit, 24-bit ou 32-bit Méthode de compression Sans perte (lossless) Avec perte, lossy (plus le niveau de compression est grand, plus la qualité de l image est basse) Sans perte Support d animation Oui Non Non Support de transparence Oui (couleur unique seulement) Non Oui (Options multiples disponibles) Support d entrelacement Oui (unidimensionnel) Oui (unidimensionnel) Oui (bidimensionnel) Convient le mieux pour : Des graphismes simples avec des couleurs limitées, où la version GIF est d une taille de fichier plus petite que la version PNG Images photographiques avec des millions de couleurs, où la version JPG d une taille de fichier plus petite que la version PNG N importe quelle image web pour laquelle la version GIF ou JPG n est pas plus petite en taille de fichier ; toute image ayant besoin d options de transparence multiples Table 11-1: Comparaison des formats web de fichiers image prononcé avec un son j), a été introduit en 1987 en tant que nouveau format de fichier image conçu pour les graphismes web. Ses caractéristiques le rendent compatibles pour la sauvegarde d images basées texte, dessiner des lignes, des bandes dessinées et dessins animés ainsi que les graphismes en aplat. Le Tableau 11-1 expose les caractéristiques du GIF et les compare à celles des deux autres formats de fichiers évoqués ici. JPG Le format de fichier JPEG a été créé par le Joint Photographic Experts Group (d où l acronyme) qui avait pour tâche de développer un jeu de normes pour un format de fichier web photographique. La première sortie publique de la norme JPEG date de (Note : parce que de nombreux ordinateurs ne pouvaient gérer que des extensions de fichier à trois lettres, le format JPEG a reçu le suffixe raccourci JPG.) Les images de nature photographique, telles que celles possédant d importantes variations de couleur, conviennent bien au format de fichier JPG. Voir le Tableau 11-1 pour des détails additionnels à propos de ses caractéristiques. PNG Portable Network Graphics, ou PNG, signifiant Graphique réseau portable, est le plus récent des trois formats discutés ici. Il a été développé, à l origine, pour remplacer le format GIF extrêmement désuet, mais a pris plus longtemps que prévu à devenir largement adopté. Il reçoit désormais le support total de tous les navigateurs modernes et il n y a aucune raison de ne pas tirer parti de ce format de fichier versatile. Le Tableau 11-1 compare ses caractéristiques avec celles du JPG et du GIF Exporter des fichiers prêts pour la toile Peu importe le type de fichier de conception créé une simple planche de tendances, une tuile de style ou une maquette complète ou le fait que nous ayons, au final, sauvé les images individuellement ou en groupes, l image (ou les images) doit être exportée lorsque nous sommes prêt à commencer la construction de la fonctionnalité de la page Excel With Business
6 La fonction Enregistrer pour le web (Save for Web) de Photoshop permet d en faire une formalité. Lorsque vous êtes prêt à exporter vos images depuis Photoshop, choisissez Fichier (File) > Enregistrer pour le web et les périphériques (Save for Web & Devices). Ceci ouvre une fenêtre similaire à celle montrée dans la Figure Dans cet exemple, nous avons choisi la première tranche sous le logo (entourée de jaune sur la capture d écran). Ensuite, nous avons choisi l option JPEG Élevé (High) depuis Figure 11-9 : Fonction Enregistrer pour le web de Photoshop Figure 11-10: La fonction Enregistrer pour le web de Photoshop, utilisant la vue à 4 images Excel With Business
7 le menu Prédéfini (Preset) situé dans le coin en haut à droite, pour voir à quoi ressemblera le résultat. En utilisant cette option préétablie, la taille de l image finale dépassera juste 10k (comme montré dans le coin en bas à gauche de la fenêtre). En utilisant PNG, la taille du fichier grimpe à plus de 38k! Parce que l objectif consiste à obtenir l image la plus belle possible pour une taille de fichier la plus petite possible, nous restons avec la version JPEG de cette image. Pour exporter des tranches multiples, nous choisissons simplement chaque tranche dans la fenêtre Enregistrer pour le web et les périphériques, nous personnalisons les options en utilisant les menus sur la droite. Lorsque nous avons terminé de personnaliser les tranches, nous pressons le bouton Enregistrer du bas. (Note : si vous choisissez d exporter toutes les tranches de l image, il n est pas besoin de choisir aucune d entre elle auparavant en cliquant sur le bouton de sauvegarde. Mais si vous ne voulez exporter que quelques-unes des tranches, assurez-vous de choisir ces tranches avec Shift-Sélectionner avant de cliquer sur Enregistrer. Choisissez ensuite «Tranches sélectionnées» (Selected Slices) depuis le menu Tranche dans la fenêtre de sauvegarde.) Vous pouvez également tirer parti des options 2-Up ou 4-Up pour obtenir une comparaison côte-àcôte de la manière dont les réglages d optimisation affectent une image. La Figure montre la vue 4-Up des parties de trois tranches d une maquette. Ici, nous avons Shift-sélectionné trois tranches, puis choisi différents critères préétablis dans les menus de droite. La section en haut à gauche vous montre les résultats de l utilisation du réglage PNG-24, alors que celle en bas à gauche utilise PNG-8. L image en bas à droite utilise un JPEG de basse qualité et l image en haut à droite affiche les options que nous avons choisies la qualité JPEG à 60%. Cette option est optimum pour ces images parce qu elle nous offre la plus petite taille de fichier avec la meilleure qualité. PROCHAINE L UNITÉ 12 Publication (FTP & Tests) Excel With Business
Chapitre 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étailCréation de maquette web
Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte
Plus en détailAdobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7
M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Photoshop Bonnes pratiques pour une utilisation professionelle CHAPITRE 7 Sommaire 1. Les scripts a. Qu est-ce qu un script? b. La fenêtre script c. Créer
Plus en détailDans cette Unité, nous allons examiner
13.0 Introduction Dans cette Unité, nous allons examiner les fonctionnements internes d une des plateformes de publication web les plus largement utilisées de nos jours sur l Internet, WordPress. C est
Plus en dé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é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étailManuel de dessin Floorplanner. Floorplanner. Manuel de dessin. Page. Sujet. Sujet. Page 3-4. 4. Floorplanner Avancé. 1.
Floorplanner Manuel de dessin Floorplanner Manuel de dessin Floorplanner vous laisse facilement créer des plans d aménagement interactifs ainsi que de pouvoir les publier en ligne. Ce guide explique l
Plus en détailwww.imprimermonlivre.com
0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word
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étailLES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
Plus en détailLes calques : techniques avancées
Les calques : techniques avancées 9 Au cours de cette leçon, vous apprendrez à : importer un calque d un autre fichier ; créer un masque d écrêtage ; créer et modifier un calque de réglage ; employer les
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é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étailComment optimiser dans ImageReady?
L optimisation des éléments graphiques et la création de la page Web 243 Comment optimiser dans ImageReady? Avec ImageReady, l optimisation d un fichier pour le Web est plus performante qu avec Photoshop.
Plus en détailTravaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Plus en dé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étailGuide d utilisation et d administration
Guide d utilisation et d administration Guide d utilisation et d administration l Sommaire Logo Vtiger...1 Chapitre 1. Premières étapes...5 Devenir un utilisateur...5 Installation sur PC et autres conditions...5
Plus en détailCréation WEB avec DreamweaverMX
Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans
Plus en détailINFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE
INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5
Plus en détailRéalisation d un diaporama en haute définition avec. Adobe Premiere Elements 3.0 ou Adobe Premiere Pro 2.0. Encodage pour Internet
Réalisation d un diaporama en haute définition avec Adobe Premiere Elements 3.0 ou Adobe Premiere Pro 2.0 Encodage pour Internet Principe...2 1. Diaporama HD avec Adobe Premiere Elements 3.0...3 1.1. Placement
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é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étail"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"
"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS" BONNES FEUILLES OFFERTES PAR MA-EDITIONS : "OPTIMISER" - pages à 1 OPTIMISER Partir d'un modèle existant très bien... Mais c'est encore mieux quand on
Plus en détailOptimiser les images pour l affichage sur votre site
Optimiser les images pour l affichage sur votre site Table des matières Introduction : Pourquoi compresser une image?...1 I/ Les différents types de compression d images...1 I.I / Le format GIF...2 I.2
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é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é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étailMANUEL TBI - INTERWRITE
MANUEL TBI - INTERWRITE TBIIW TITRE Manuel InterWrite WorkSpace INTITULE Manuel d'utilisation du logiciel InterWrite accompagnant le tableau blanc interactif CALCOMP OBJECTIF Aide mémoire sur les fonctionnalités
Plus en détailFORMATS DE FICHIERS. Quels sont les différents types d informations numériques dans un document multimédia?
FORMATS DE FICHIERS Choisir et justifier un format de fichier pour réaliser un document multimédia 1 ) Le problème d Amélie Amélie et Léa ont publié leur premier article sur leur propre blog. Amélie constate
Plus en détailMANUEL D UTILISATION ORBITVU EDITOR V.3
MANUEL D UTILISATION ORBITVU EDITOR V.3 1 INFORMATIONS GENERALES : Logiciel Orbitvu Editor V 3 Le logiciel accepte les systèmes d exploitation suivants : - Microsoft Vista avec service pack 2 et les dernières
Plus en détailThe Grid 2: Manuel d utilisation
The Grid 2: Manuel d utilisation Bienvenue dans The Grid 2 Merci d avoir choisi The Grid 2! Ce guide va vous apprendre tout ce que vous devez savoir à propos de The Grid 2. Il vous guidera pas à pas pour
Plus en détailIntégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com
demo.minisites.encharentemaritime.com Insérer des photos Illustrez vos contenus en intégrant Depuis la barre d administration Vous pouvez télécharger des fichiers depuis votre ordinateur ou choisir des
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étailCatégories de format d'optimisation
Catégories de format d'optimisation On distingue 3 formats principaux pour les images destinées au Web: JPG GIF PNG Le format JPG est le format idéal pour les photographies et ses paramètres d'optimisation
Plus en détail«Petit guide d utilisation Prezi» par Marc Nolet
«Petit guide d utilisation Prezi» par Marc Nolet Étape 1 : INSCRIPTiON : S inscrire à Prezi en suivant les étapes à l aide du tutoriel suivant : cliquez ici Étape 2 : OUVRIR UNE NOUVELLE PRÉSENTATION :
Plus en détailCré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
Plus en détailModules 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,
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étailFiches d aide à l utilisation
alece.amd92.fr Un service proposé et géré par Liste des fiches d aide Fiche A. Se connecter à la plateforme... p. 3 Fiche B. Obtenir un code d accès pour la plateforme... p. 4 Fiche C. Rechercher des informations
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étailPop-Art façon Roy Liechtenstein
1 sur 6 22/01/2010 22:35 Pop-Art façon Roy Liechtenstein Ce tutoriel peut paraître loin de la photographie, mais il contient des techniques très utiles, voire indispensables en matière de retouche. 1 -
Plus en détailTransférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor
Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor Pierre Drouin Conseiller pédagogique en TIC Service local du RECIT Commission scolaire de la
Plus en détailMy Poker Manager Guide Utilisateur. Guide Utilisateur
«My Poker Manager» Guide Utilisateur Sommaire My Poker Manager Guide Utilisateur Sommaire... 2 My Poker Manager... 3 Tous les outils... 4 1 Système d alerte... 5 2 Composant de stacking ou pile de tables...
Plus en détailCré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
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é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étailINTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Plus en détailGUIDE D UTILISATION DU BROWSER DE BEYOND 20/20
GUIDE D UTILISATION DU BROWSER DE BEYOND 20/20 Le browser Beyond 20/20 permet de visualiser, manipuler, présenter sous forme graphique, imprimer et sauvegarder des tableaux de données. Il s agit d un logiciel
Plus en détailSupport 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
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étailManuel d'utilisation de l'administration du site Japo.ch - 1
Manuel d'utilisation de l'administration du site Japo.ch 1. Identification L'administration est protégée par une identification. Veuillez saisir ici votre nom d'utilisateur et votre mot de passe. Manuel
Plus en détailiphoto Premiers contacts Découvrez iphoto et apprenez à importer et organiser vos photos et à créer un diaporama ou un livre.
iphoto Premiers contacts Découvrez iphoto et apprenez à importer et organiser vos photos et à créer un diaporama ou un livre. 1 Table des matières Chapitre 1 3 Bienvenue dans iphoto 3 Ce que vous apprendrez
Plus en détailGuide de l utilisateur Mikogo Version Windows
Guide de l utilisateur Mikogo Version Windows Table des matières Création d un compte utilisateur 3 Téléchargement et installation 4 Démarrer une session 4 Joindre une session 5 Fonctionnalités 6 Liste
Plus en détailCréation d une SIGNATURE ANIMÉE avec PHOTOFILTRE 7
Création d une SIGNATURE ANIMÉE avec PHOTOFILTRE 7 L animation est obtenue par défilement des images décomposant le mouvement de traçage de la signature. Les étapes successives seront : 1. Choix de la
Plus en détailComment utiliser FileMaker Pro avec Microsoft Office
Guide d utilisation Comment utiliser FileMaker Pro avec Microsoft Office Comment utiliser FileMaker Pro et Microsoft Office page 1 Table des matières Introduction... 3 Avant de commencer... 4 Partage de
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étailPR OC E D U RE S D E B A S E
Photofiltre Préparé par Philipe Lampron, auxiliaire du cours FPE 7650 en 2004-2005. *** Pour optimiser une image : enregistrer sous et augmenter la compression PR OC E D U RE S D E B A S E PhotoFiltre
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étailPréparation d un post (article) pour idweblogs
Préparation d un post (article) pour idweblogs 30/09/2013 Préparation des documents... 2 Le texte... 2 Les images... 2 Les vidéos... 3 Transmission des documents à idweblogs... 4 Par mail... 4 Via notre
Plus en détailAteliers Bureautique et Internet
Ateliers Bureautique et Internet Utiliser les fonctionnalités de l outil bureautique Débutants et personnes souhaitant approfondir leurs connaissances > Acquérir les fonctions de base et avancées des principaux
Plus en détailMANUEL TBI - STARBOARD
MANUEL TBI - STARBOARD TBIH MOD2 TITRE Manuel STARBOARD (Module 2) Trucs et astuces INTITULE Manuel d'utilisation du logiciel STARBOARD accompagnant le tableau blanc interactif HITACHI F-Series et FX-Series
Plus en détailL EFFET PARALLAXE N EST
50 3 Objets L EFFET PARALLAXE N EST PAS SPÉCIFIQUEMENT UN TRUCAGE D AFTER EFFECTS. C est un principe que vous devriez avoir à l esprit quand vous travaillez en 3D. En raison de la nature de la 3D dans
Plus en détailTD : Codage des images
TD : Codage des images Les navigateurs Web (Netscape, IE, Mozilla ) prennent en charge les contenus textuels (au format HTML) ainsi que les images fixes (GIF, JPG, PNG) ou animée (GIF animée). Comment
Plus en détailÀ propos de cette page... 27. Recommandations pour le mot de passe... 26
Rebit 5 Help Table des matières Apprentissage... 1 Création du premier point de restauration... 1 Que fait le disque de sauvegarde Rebit 5?... 1 Fonctions de Rebit 5... 1 Création du premier point de restauration...
Plus en détailCorrection 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étailAdministration du site
Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition
Plus en détailLeçon N 5 PICASA Généralités
Leçon N 5 PICASA Généralités Avec cette leçon N 5, nous allons commencer l étude du traitement de vos photos avec le logiciel de GOOGLE, PICASA, que vous avez téléchargé dans la leçon N 3. 1 Présentation
Plus en détailAperture Premiers contacts
Aperture Premiers contacts K Apple Computer, Inc. 2006 Apple Computer, Inc. Tous droits réservés. Le propriétaire ou l utilisateur autorisé d un exemplaire valide de Aperture est autorisé à reproduire
Plus en détailVOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET
VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off
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é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étailMÉDICLICK! STUDIO 3 GESTION DES IMAGES ET PIÈCES JOINTES SOMMAIRE
MÉDICLICK! STUDIO 3 GESTION DES IMAGES ET PIÈCES JOINTES SOMMAIRE COMMENT AJOUTER DES IMAGES OU DES PIECES JOINTES? COMMENT SUPPRIMER DES IMAGES OU DES PIECES JOINTES? COMMENT CHANGER L APPARENCE DE LA
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étail+33 (0)4 92 21 33 79 contact@social-box.fr www.social-box.fr. Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France
Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France SCHÉMA FONCTIONNEL * Projection vers smartphones et tablettes de votre interface en Appli par Wifi (10 à 100 mètres autour de la borne)
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étailCours de numérisation sur Epson Perfection
Cours de numérisation sur Epson Perfection 1- Vérifiez la propreté de la vitre, placez l original sur celle-ci. À savoir, on peut numériser des transparents avec ce scanner ; il a un capteur CCD dans le
Plus en détailPRESENTATION DU LOGICIEL
Calibrage du Tableau Interactif (TBI) Mise en route du Logiciel Interwrite Workspace Ouverture du logiciel : La barre d outils apparaît sur le bureau de l ordinateur Clic Droit sur l icône einstruction
Plus en détailqwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcvbnmq
qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjklzx Guide pratique cvbnmqwertyuiopasdfghjklzxcvbnmq WINDOWS SEVEN wertyuiopasdfghjklzxcvbnmqwertyui Année
Plus en détailAvant-propos Keith Martin Senior Lecturer London College of Communication
Manuel Freeway 6 Avant-propos Félicitations pour avoir choisi Freeway, l application la plus orientée vers le design des sites Web. Avant de commencer il est important de comprendre comment Freeway travaille
Plus en détailAvant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES
Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES
Plus en détailEditeur html Guide de l'utilisateur
Ti nymce Editeur html Guide de l'utilisateur Date : février 2012 Version 2.0 Doc ref. tinymce-userguide-2.0 1 Aperçu général Cette documentation est composée de deux documents : Une représentation graphique
Plus en détailGuide d utilisation. Version 1.1
Guide d utilisation Version 1.1 Guide d utilisation Version 1.1 OBJECTIF LUNE Inc. 2030 boulevard Pie-IX, bureau 500 Montréal (QC) Canada H1V 2C8 +1 514-875-5863 sales@ca.objectiflune.com http://captureonthego.objectiflune.com
Plus en détailCA CA T T AL AL O O GUE GUE CATALO FORMATIONS 2 0 1 4-2 0 1 5 t n s c o p. f r / / / / / / c o n t a c t @ t n s c o p. f r / / / / / # t r o c n u m
CATALOGUE CATALOGUE FORMATIONS 2014-2015 t n s c o p. f r / / / / / / c o n t a c t @ t n s c o p. f r / / / / / # t r o c n u m Sommaire Nous proposons des formations à la carte, n hésitez pas à nous
Plus en détailL environnement de travail de Windows 8
4 L environnement de travail de Windows 8 Mais où est donc passé le bouton Démarrer? L écran d accueil joue le rôle de l ancien bouton Démarrer. Si l icône de l application que vous voulez lancer n est
Plus en détail12 Tableaux croisés dynamiques
12 Le tableau croisé dynamique est l un des meilleurs outils de synthèse que propose Excel. Ne vous laissez pas intimidé par ce nom barbare et surtout, oubliez les inconvénients et les lourdeurs des précédentes
Plus en détailDécouvrez Windows NetMeeting
Découvrez Windows NetMeeting Conférence Internet 2001 Université de Moncton. Tous droits réservés. Table des matières 1. Comment puis-je télécharger, installer et démarrer NetMeeting?... 3 2. Quelles sont
Plus en détailQu est ce qu une bibliothèque?
Qu est ce qu une bibliothèque? Les bibliothèques sont les endroits où vous allez pour gérer vos documents, votre musique, vos images et vos autres fichiers. Vous pouvez parcourir vos fichiers de la même
Plus en détailFactures jointes par le travailleur indépendant Guide de l utilisateur pour les feuilles de temps en ligne
Guide de l utilisateur pour les feuilles de temps en ligne Table des matières Les étapes pour envoyer une feuille de temps et une facture... 3 Joindre l image de facturation... 3 Convertir un fichier en
Plus en détailGUIDE D UTILISATION DU CENTRE DE DONNÉES DE L ISU
GUIDE D UTILISATION DU CENTRE DE DONNÉES DE L ISU Table des matières Page I. DÉMARRER... 4 1. Comment accéder au Centre de données de l ISU?... 4 2. Quels sont les types de tableaux statistiques disponibles
Plus en détailOn trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)
Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles
Plus en détailL alternative, c est malin 1. Comment faire plein de choses pour pas cher sur MacIntosh
L alternative, c est malin 1 ou Comment faire plein de choses pour pas cher sur MacIntosh (Les logiciels : Pages et Keynote de la suite iwork) (Jean Aboudarham 2006) 1 Merci à François Béranger pour qui
Plus en détailEXEMPLE DE PAGE : FORMAT A4 (210X297)
EXEMPLE DE PAGE : FORMAT A4 (210X297) 220 210 Filet noir format réel du document soit 210x297mm Zone Rose Marge intérieure de 5 milimètres ou zone d exclusion qui doit être, si possible vierge de tout
Plus en détail1. Introduction... 2. 2. Avantages, fonctionnalités, limitations et configuration requise... 2. Avantages... 2
Guide de démarrage rapide : moteur Zip Sommaire 1. Introduction... 2 2. Avantages, fonctionnalités, limitations et configuration requise... 2 Avantages... 2 Fonctionnalités spécifiques au moteur Zip de
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étailModule d introduction Comment réaliser vos propres cartes avec ArcGIS Online
Module d introduction Comment réaliser vos propres cartes avec ArcGIS Online Table des matières 1 Commencer avec ArcGis Online... 2 2 Créer des cartes I (utiliser les cartes disponibles /les services de
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étailLes PowerToys pour Windows XP
43-45 rue CHARLOT 75003 PARIS. Benoît HAMET FRANCE : benoit.hamet@hametbenoit.fr.st Les PowerToys pour Windows XP......... Les PowerToys pour Windows XP Introduction...3 PowerToys disponibles au mois de
Plus en détailGuide Utilisateur ArkadinAnywhere
Les arkadin services services arkadin Les services arkadin ArkadinAnywhere est une solution de webconférence économique et simple d utilisation, plus spécifiquement pour les applications de webinars, au
Plus en détailpcon.planner 6 Préparer et présenter une implantation en toute simplicité
pcon.planner 6 Préparer et présenter une implantation en toute simplicité Sommaire 1. Installation :... 3 2. Démarrer le logiciel :... 3 3. Interface :... 3 4. Naviguer :... 4 5. Réaliser une implantation
Plus en détail