Créer une maquette de site Internet

Dimension: px
Commencer à balayer dès la page:

Download "Créer une maquette de site Internet"

Transcription

1 Créer une maquette de site Internet La réalisation d une maquette de site Internet pour un projet nécessite une certaine rigueur, avec le souci du détail. Nous allons voir ici comment utiliser une grille comme point de repère pour aboutir à un Webdesign clair et détaillé. outils tech tendances Adobe Photoshop expert Julien Lavallée Ce tutoriel explique la réalisation de la page d accueil du site Internet de mon agence Web. Il s agit ici d un style plutôt simple, clair et aéré. Beaucoup de sites aujourd hui ont un esprit minimaliste, souvent basé sur une grille. J aime assez ce style, mais il faut savoir trouver le juste milieu pour réussir un webdesign minimaliste et sobre. Pour revenir à la grille, je pense qu elle reste un outil très utile, même si certains diront que cela limite la créativité. J utilise ici le 960 Grid System (http://960. gs), mais j aime aussi générer une grille avec un outil en ligne très pratique : Gridulator (gridulator.com). Au préalable, pensez à définir sur papier (utilisez le fichier DS1panel_w_notes.pdf ) le placement de vos éléments (menus, textes, photos, boutons), c est une première étape essentielle. Autre ressource qu il m arrive d utiliser, notamment pour 4w.fr, est le site IconFinder (www.iconfinder.net), qui regorge d icônes gratuites de toutes les tailles. Place maintenant aux étapes de ce tutoriel, où vous serez à même d utiliser Illustrator pour importer des éléments dans Photoshop. C est parti! NOTRE EXPERT Julien Lavallée est directeur artistique junior en agence depuis maintenant plus de trois ans. Son expérience l amène principalement à élaborer et à créer des sites Internet clairs et fonctionnels pour répondre à l attente de ses clients. Pour en savoir plus, visitez son portfolio : www. julienlavallee.com. Objectif du tutoriel Ap prendre à réaliser une maquette de site Internet corporate. Temps nécessaire 4-5 heures Eléments du tutoriel 960.psd grille.png logo.eps social.eps personnage.eps personnage.png Beaucoup de sites aujourd hui ont un esprit minimaliste, souvent basé sur une grille. 102 tutoriels

2 01 nouveau document Créez un nouveau document dans Photoshop de 1280 x 1600 pixels. Gardez en mémoire que le contenu du site sera approprié pour une résolution de 1024 pixels de largeur, la résolution la plus répandue chez les utilisateurs. Mais n oubliez pas d élargir le fond du site pour les résolutions d écran supérieures. 02 Grille et repères Importez le fichier grille.png, qui vous aidera dans la réalisation de la maquette. Ici, la grille fait 940 pixels de large, avec seize colonnes de 40 pixels de large et 20 pixels pour les gouttières. Affichez les règles en faisant Ctrl/Cmd+R et créez chaque repère en fonction de la grille. Vous pouvez aussi ouvrir directement le fichier 960.psd. 03 Header Créez un groupe de calques Header. Avec l outil Rectangle (U), tracez un rectangle blanc de 1280 x 118 pixels. Cela constituera le fond du Header. Importez le fichier logo.eps comme Objet dynamique, placez-le en haut à gauche selon les repères et redimensionnez-le comme vous le souhaitez (ici, 300 pixels de large). Ajoutez le numéro de téléphone (Police Walkway Rounded, Taille 30 points, Couleur #9D9D9D), aligné à droite du document. 04 dégradé de séparation 05 Ajoutez un nouveau calque en faisant Ctrl/Cmd+Maj+N, nommez-le Séparation. Avec l outil Ellipse (U), dessinez une ellipse de couleur noire (#000000). Ajoutez un Flou gaussien de 25 pixels (Filtre> Atténuation> Flou gaussien). Muni de l outil Rectangle de sélection (M), dessinez un rectangle ne sélectionnant que la moitié du flou. Cliquez ensuite sur la petite icône de masque vectoriel en bas du panneau Calques. Réglez l Opacité du calque à 10 %. menus Pour le fond du menu, tracez un rectangle de 1280 x 45 pixels. Double-cliquez sur le calque et ajoutez une Incrustation en dégradé (style Linéaire, Angle 90, Couleur du # vers le #2D2D2D). Dessinez une zone de texte (T), centrez-la sur la page et écrivez vos menus, séparés par des espaces. Distinguez les différents textes par des lignes verticales de 1 pixel ayant une Ombre portée (Couleur #FFFFFF, Opacité 10 %, Angle 180, Distance 1, Grossi 0, Taille 0) dans le Style de calque. 06 Bannière Tracez un rectangle de couleur #F6F6F6 en dessous de l image aplatie du Flash, pour créer un contraste avec le fond blanc. Ajoutez votre texte centré sur la page et le fond gris, ainsi qu une Ombre portée (Couleur #000000, Opacité 100 %, Angle 90, Distance 1, Grossi 0, Taille 0). Tracez un rectangle de sélection (1280 x 20 pixels) en dessous du fond gris et créez un calque de réglage Fond dégradé (Linéaire, 90, du #E3E4E4 100 % au #E3E4E4 0 %). Descendez ce calque de 1 pixel. Le contenu du site sera approprié pour une résolution de 1024 pixels de largeur mais n oubliez pas d élargir le fond du site pour les résolutions d écran supérieures. tutoriels 103

3 07 Placer le personnage Ouvrir le fichier personnage.eps sous Illustrator. Copiez d abord les mains, collez-les comme Objet dynamique et placez-les bien dans Photoshop. Faites la même chose avec la tête. Dupliquez votre Fond dégradé gris et inversez l angle, puis placez-le au niveau de la tête en mode de fusion Produit. Astuce : créez un masque d écrêtage en cliquant entre le calque Dégradé copie et Tête avec la touche Alt/Opt maintenue. Le dégradé ne sera visible que sur la tête, pour créer un effet de profondeur. 08 Footer/Social Nous allons créer la première partie foncée du footer. Tracez un rectangle de couleur # (97 pixels de hauteur). Ouvrez social.eps dans Illustrator. Copiez le logo de Facebook et collez-le comme calque de forme dans Photoshop, vous pourrez donc changer facilement sa couleur par la suite ; même chose pour Twitter. Modifiez leur couleur pour faire une version active et une version inactive. 09 Footer/menus Importez et placez personnage.png à gauche en fonction des repères. Ajoutez vos menus dans un calque texte, puis le texte de copyright et celui des mentions légales (30 pixels de marge entre les deux). Muni de l outil Rectangle (U), séparez-les maintenant avec une ligne foncée de 1 pixel et de couleur #1D1D1D. Dans le style de calque ajoutez une Ombre portée (Couleur #FFFFFF, Opacité 8 %, Distance 1, Grossi 0, Taille 0). 10 Footer/Contact 11 ombre portée Tracez un rectangle de couleur #F6F6D6 de 170 Sélectionnez le calque Contact et ajoutez une pixels de hauteur. Placez un titre appelé Contact Ombre portée (Couleur #000000, Opacité 100 %, (Couleur #2F9FE1, Police Museo 500, Taille 26 pts), Angle 90, Distance 1, Grossi 0, Taille 0) pour mettre en mettez en capitales (bouton TT dans le panneau valeur le texte, comme pour le texte de la bannière. Cela Caractère) et alignez à droite (dans le panneau permet de faire ressortir le texte sur le fond gris et sera, Paragraphe). Ajoutez le premier titre L agence et le par la suite, faisable aussi en CSS, avec la propriété texte en dessous (en Arial 11 pts, taille minimum text-shadow. conseillée pour la lisibilité). Même chose pour le titre, Projet, et pour Newsletter. Faites attention à bien vous aider des repères pour aligner ces textes. Organisez vos groupes, sous-groupes et calques, pourquoi pas avec des couleurs pour différencier les éléments du site. 12 Bouton inscription Tracez un rectangle de 110 x 23 pixels de couleur #18B3FB. Dans le style de calque, ajoutez un Contour intérieur de 1 pixel en #1097E9, une Incrustation en dégradé linéaire (Couleur #18B3FB 100 % vers #18B3FB 0 %) en mode de fusion Produit de 35 % d opacité puis une Ombre interne (Couleur #FFFFFF, mode de fusion Incrustation, Opacité 35 %, Angle 90, Distance 2, Maigri 0, Taille 0). Ajoutez le texte centré avec une Ombre portée de -90 en #1296D5, mode de fusion Normal à 100 %. 104 tutoriels

4 13 Vignette des projets 14 ombre des vignettes Après avoir ajouté le texte Nos Projets aligné à droite, créez un groupe (Ctrl/ Avec l outil Plume (P), dessinez un petit triangle large et noir sous la vignette. Cmd+G) nommé Projet1 et tracez un rectangle (U) de 178 x 100 pixels. Astuce : pour Appliquez Filtre> Atténuation> Flou gaussien de 5 pixels. Placez correctement le flou que vos formes soient nettes, dans les Options de rectangle (barre d outils en haut), en guise d ombre et réduisez l Opacité à 50 %. Ajoutez le titre du projet (en Arial bold, cochez la case Magnétisme des pixels. Appliquez un Contour intérieur blanc de 3 14 points, #3E3D40), centré par rapport à l image, et la description (Georgia Italic, 11 pixels au rectangle. Importez une image pour le projet, redimensionnez-la et créez un points, #A7A8AA). Dupliquez le groupe pour faire les deux autres projets, puis masque d écrêtage (Ctrl/Cmd+Alt ou Opt+G). Cela fonctionne comme un masque de modifiez l image et les textes. fusion. 15 Services Ajoutez une ligne de 3 pixels pour séparer les projets et les services. Il y aura trois colonnes de texte de 180 pixels de large. Ajoutez votre titre et vos textes en fonction des repères. Ajoutez la liste des services et importez une icône en guise de puce. Dupliquez-la quatre fois. Placez les cinq calques, puis sélectionnez-les et fusionnez-les (Ctrl/Cmd+E). Faites Calque> Nouveau calque> Teinte/Saturation et, pour modifier la couleur des puces, Ctrl/ Cmd+Alt/Opt+G. 16 Édito Ajoutez un fond pour l édito, avec l outil Rectangle arrondi (Couleur #9C9E9F, Rayon 10 pixels, Taille 170 x 460 pixels), puis une légère Incrustation en dégradé (mode Superposition, Opacité 5 %, Couleur du noir au blanc, Angle 90 ). Placez une photo en dessous du titre (Édito). Avec l outil Texte (T), tracez une zone de la même largeur que le fond. Réglez les marges à gauche et à droite à 18 points dans le panneau Paragraphe et ajoutez votre contenu. 17 Agence & news 18 Sur le même principe, faites trois colonnes : un texte de présentation, une partie Actualités et une partie Twitter, qui chargera vos derniers tweets avec l API de Twitter. Pour cette partie, ajoutez l icône Twitter d un oiseau puis, en dessous, deux tweets. Différenciez les liens en les passant dans la couleur #18B3FB. Enfin, rajoutez le texte Suivez-nous et, à côté, le logo version texte de Twitter que vous avez utilisé dans l étape 08. Finaliser le fichier Organisez correctement vos groupes, sous-groupes et calques, pourquoi pas avec des couleurs pour différencier les éléments du site. Faites un clic droit sur l œil à côté du calque et sélectionnez une couleur. Nettoyez votre fichier en supprimant les calques invisibles (Calques> Supprimer> Calques masqués). Et voilà : la page d accueil de votre PSD est prête à être intégrée! tutoriels 105

5 ITW Q uelle est votre formation? Après avoir obtenu mon DUT Services et réseaux de communication, j ai poursuivi avec une année de formation Spécialisation Graphiste PAO en alternance à Efficom à Paris. J ai étudié de près et de loin les logiciels de PAO avec des intervenants professionnels et entre autres la typographie, la communication... Julien Lavallée Quel matériel utilisez-vous? Je possède un imac 27 combiné à un disque externe LaCie 1 To. Rencontre avec un jeune Webdesigner de 26 ans. En agence, je travaille avec deux écrans, sous Windows 7. Je travaille donc sous deux environnements différents, ce qui a ses avantages et ses inconvénients. Sans oublier des wireframes pour élaborer les maquettes! Quels logiciels utilisez-vous le plus et pourquoi? Photoshop et Illustrator CS5 sont les logiciels principalement utilisés. Les outils dont ils disposent et les mises à jour d Adobe régulières permettent de travailler plus rapidement et plus efficacement. Les possibilités en matière de création restent aussi innombrables, on en apprend tous les jours! ITW Julien Lavallée Graphiste webdesigner Âge : 26 ans Parlez-nous de vos premiers travaux Cela remonte à mes années lycée, je m amusais à créer des fonds d écran, des bannières sur le thème du foot, pour des communautés. J ai découvert Photoshop de cette façon. Utiliser tous les outils, des techniques encore et encore, cela a été une bonne manière d explorer Photoshop. Suivre des tutoriels m a également aidé à progresser. Quels sont vos projets en cours? À venir? Outre les projets de mon agence, j aimerais lancer une boutique en ligne de T-shirts sur laquelle j ai commencé à travailler. J espère aboutir à quelque 106 interview

6 ITW À Vous De Jouer Pour le site de l association de théâtre À Vous De Jouer, les clients désiraient un site assez sobre, un peu décalé, axé sur les galeries de photos de spectacles et modifiable. Niveau fonctionnel, j ai pensé à utiliser Flickr pour gérer les galeries de photos simplement. Graphiquement, le slider avec un arrière-plan en diagonale changeait un peu de l ordinaire, tout comme la présentation textuelle de la page Spectacles. Il faudrait plus de lignes pour expliquer en détail, je vous invite à visiter le site pour juger la création! chose de concret rapidement, le design du site Internet est en cours! Êtes-vous freelance ou salarié? Je suis en poste en tant que DA Junior dans l agence Web 4w.fr et en parallèle j ai acquis le statut d autoentrepreneur. Quand avez-vous commencé à vous intéresser au Webdesign et pourquoi? Ma passion pour le Webdesign s est révélée après ma formation, où j étais plus orienté vers l infographie, puis j ai commencé à réaliser les maquettes de sites Internet en agence. Réfléchir à l ergonomie, la navigation, le style des sites m a plu. Le Web est aussi en perpétuelle évolution, ce qui nous permet de faire, d inventer de nouvelles choses sur chaque site sur lequel on travaille. Cette diversité me plaît beaucoup. Faites-vous uniquement du design ou aussi de la programmation? Je m attache uniquement à l aspect graphique, ergonomique des sites Internet réalisés, avec quand même des notions en CSS. Cela facilite la relation entre mon travail et celui des intégrateurs. Je prévois de me mettre au CSS3 et à HTML5 peut-être! Où puisez-vous vos idées, votre inspiration? Le Web est ma principale source d inspiration. Twitter notamment me permet de suivre le lancement de nouveaux sites. Les galeries de Behance sont aussi des références incontournables (Typography Served, Web Design Served...). Sans oublier la communauté mondiale de designers Dribbble, où inspiration et échange sont les mots d ordre! Quels sont vos coups de cœur du moment? J ai particulièrement apprécié le site Nike Better World et celui du studio norvégien Unfold avec un effet de scroll Parallax très innovant. Il y a aussi les réalisations de l agence HelloHikimori, des sites graphiquement superbes et interactifs, dont le dernier en date pour la série The Walking Dead. Dans un autre registre, j aime beaucoup la simplicité d un site comme celui du studio 80/20, en One Page. Si vous souhaitez ajouter quelque chose Je tiens à remercier mes collègues, avec qui travailler est un plaisir au quotidien, et mon amie pour qui ce n est sûrement pas tous les jours facile (mais qui a ses bons côtés!) de partager la vie d un graphiste un peu geek :). interview 107

Les calques : techniques avancées

Les 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étail

Présentation de Muse

Présentation de Muse Présentation de Muse J. ROMAGNY 1. CONSEILS... 4 2. INTERFACE... 5 A. CREATION DE SITE... 5 960 Grid System avec Muse... 6 B. PLAN DU SITE... 7 C. CONCEPTION (EDITION DES «MASTER PAGES» ET PAGES)... 8

Plus en détail

Création de maquette web

Cré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étail

Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP

Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP I. CONTENU DU COURS THÉORIQUE ET PRATIQUE CHAPITREIV : CREATION DE BOUTONS Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP OBJECTIF PEDAGOGIQUE OPERATIONNEL : A la fin de cette leçon, l élève doit

Plus en détail

2013 Pearson France Adobe Illustrator CC Adobe Press

2013 Pearson France Adobe Illustrator CC Adobe Press Au cours de cette démonstration d Adobe Illustrator CC, vous découvrirez les nouvelles fonctionnalités du logiciel, comme les outils de retouche et la sélection du texte, ainsi que d autres aspects fondamentaux

Plus en détail

Les effets high-tech. Étape 1. Étape 2

Les effets high-tech. Étape 1. Étape 2 Les effets high-tech Les affiches de films d action et de science-fiction intègrent généralement des éléments et des effets high-tech, comme des quadrillages ou des lignes de code informatique aléatoires.

Plus en détail

L espace de travail de Photoshop

L 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étail

Programme de formation Photoshop : Initiation 24 heures de formation (3 jours) 1/2

Programme de formation Photoshop : Initiation 24 heures de formation (3 jours) 1/2 Programme de formation Photoshop : Initiation 24 heures de formation (3 jours) 1/2 Graphistes, photographes, webmasters, ou toute autre personne en charge de la création de visuels pour le web ou le print.

Plus en détail

www.imprimermonlivre.com

www.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étail

Manuel d aide www.aixpoz.com

Manuel d aide www.aixpoz.com Manuel d aide www.aixpoz.com Introduction AIXPOZ est un système de création de sites Internet «galerie photo» à destination de toute personne souhaitant exposer des images sur Internet. Que vous soyez

Plus en détail

Réaliser une carte de vœux

Réaliser une carte de vœux Réaliser une carte de vœux - 6 janvier 2014 p 1 Réaliser une carte de vœux Un petit tutoriel de saison, qui utilisera les connaissances acquises autour de la gestion de vos photos, et le logiciel libre

Plus en détail

Choisir entre le détourage plume et le détourage par les couches.

Choisir entre le détourage plume et le détourage par les couches. Choisir entre le détourage plume et le détourage par les couches. QUEL CHOIX D OUTILS ET QUELLE METHODE, POUR QUEL OBJECTIF? Il existe différentes techniques de détourage. De la plus simple à la plus délicate,

Plus en détail

PRISE EN MAIN D ILLUSTRATOR

PRISE 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étail

PHOTOSHOP CALQUES NOTIONS DE BASE

PHOTOSHOP CALQUES NOTIONS DE BASE Niveau : Que tout le monde devrait avoir COURS PHOTOSHOP PHOTOSHOP CALQUES NOTIONS DE BASE INTRODUCTION Nous avons vu, jusqu à maintenant, des corrections et traitements de base qui sont appliqués sur

Plus en détail

Pop-Art façon Roy Liechtenstein

Pop-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étail

Adaptation visuelle d un ordinateur sous Windows 7

Adaptation visuelle d un ordinateur sous Windows 7 Adaptation visuelle d un ordinateur Document à utilisation interne Mis à jour le 04 mars 2013 Page 1 sur 3 Table des matières Compte utilisateur déficient visuel... 3 Curseur de souris... 5 Personnalisation

Plus en détail

RETOUCHE D IMAGES AVEC PHOTOFILTRE (V. 6)

RETOUCHE D IMAGES AVEC PHOTOFILTRE (V. 6) RETOUCHE D IMAGES AVEC PHOTOFILTRE (V. 6) PhotoFiltre est un logiciel gratuit qui permet d effectuer quelques retouches de base aux photos venant d appareils photo numériques ou scannées. On peut le télécharger

Plus en détail

REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE

REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE Que fait-on? On crée une carte géographique sur laquelle on n affiche que l information strictement nécessaire à la présentation d une oeuvre. Pourquoi le fait-on?

Plus en détail

Modules Multimédia PAO (Adobe)

Modules Multimédia PAO (Adobe) Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,

Plus en détail

MANUEL D UTILISATION DE VOTRE SITE INTERNET

MANUEL D UTILISATION DE VOTRE SITE INTERNET MANUEL D UTILISATION DE VOTRE SITE INTERNET SOMMAIRE PRESENTATION 3 IDENTIFICATION.. 4 LE MENU (paramètres, contenu, divers).... 5 MENU PARAMETRES (mes coordonnées, mes photos, mes menus, mon bandeau).

Plus en détail

Créative Cloud - Perfectionnement

Créative Cloud - Perfectionnement Créative Cloud - Perfectionnement Objectif : Permettre aux participants de voir et de comprendre les bases et les nouveautés des différents logiciels. Durée : à définir par rapport aux besoins Dans la

Plus en détail

PHOTOSHOP - L'AFFICHAGE

PHOTOSHOP - L'AFFICHAGE PHOTOSHOP - L'AFFICHAGE Maîtriser les différents types d'affichages Les modes d'affichages Agrandissement et réduction de l'espace de travail L'outil zoom et main / La palette de navigation Réorganisation

Plus en détail

Rise Together de Christian San Jose

Rise Together de Christian San Jose Guide pratique d Adobe Illustrator CS5 Rise Together de Christian San Jose Christian San Jose est un jeune graphiste et illustrateur de 20 ans basé à Pasig, aux Philippines. En 2007, il a travaillé pour

Plus en détail

Création d une newsletter

Création d une newsletter L objectif d une newsletter efficace est de séduire le lecteur et de l inciter à lire les informations qu elle contient. Choisissez soigneusement le style de mise en page, son intitulé, les polices et

Plus en détail

Utiliser le logiciel Photofiltre Sommaire

Utiliser le logiciel Photofiltre Sommaire Utiliser le logiciel Photofiltre Sommaire 1. Quelques mots sur l image 2. Obtenir des images numériques 3. Le tableau de bord de logiciel PhotoFiltre 4. Acquérir une image 5. Enregistrer une image 6. Redimensionner

Plus en détail

Manuel pour l utilisation de Gimp

Manuel pour l utilisation de Gimp Philippe Morlot Manuel pour l utilisation de Gimp notamment dans le cadre de l enseignement des arts plastiques Petite introduction Gimp est un puissant logiciel qui permet de retoucher, de manipuler ou

Plus en détail

Introduction. Principes généraux :

Introduction. Principes généraux : Introduction Bonjour, ce petit tutorial a pour objectif de répondre à la demande croissante de maquettistes talentueux qui cherchent à réaliser leurs propres planches de décalcomanies. Je reprends ci-après

Plus en détail

Correction des Travaux Pratiques Organiser son espace de travail

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étail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. 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étail

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte ÉTAPE 1 Créer un document Lancer l application Mettre l ordinateur en route. Double cliquer sur l icône ClarisWorks 5 qui se trouve sur le bureau ou cliquer sur Démarrer Programmes ClarisWorks5 Vous arrivez

Plus en détail

LES BASES DE FLASH CHAPITRE 1

LES BASES DE FLASH CHAPITRE 1 CHAPITRE 1 LES BASES DE FLASH Présentation... 15 Les nouveautés... 17 Le contenu du livre... 17 L interface... 19 L organisation de son espace de travail... 24 Le partage de son écran... 27 L affichage

Plus en détail

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences Formatrice Conceptions de logos Création de support de com : affiche, flyer... Création de plans, cartes Bien manipuler un ordinateur L interface Outils, palettes, règles, repères, grille Paramétrer les

Plus en détail

Initiation à la bureautique

Initiation à la bureautique Initiation à la bureautique i 1 17-18-19-20 mars 4 jours Ce stage doit permettre à des débutants de se familiariser avec l outil bureautique, d acquérir des connaissances de base autour de la micro-informatique.

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING 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étail

2013 Pearson France Photoshop Elements 12 pour les photographes du numérique Loïc Olive

2013 Pearson France Photoshop Elements 12 pour les photographes du numérique Loïc Olive améliorer les PhOtOs L amélioration d une photo passe quasiment toujours par les mêmes étapes. On commence par la redresser, puis on s attelle à corriger ses dominantes de couleurs et sa tonalité. Vient

Plus en détail

Tutorial Photoshop : Retouche Photo: Découvrir les calques

Tutorial Photoshop : Retouche Photo: Découvrir les calques Tutorial Photoshop 7.0 / Photoshop CS / Photoshop Elements 2.0 : Découvrir les calques Photoshop 7.0 et Photoshop Elements 2.0 permettent de travailler avec des calques. Une fonction très pratique et très

Plus en détail

iphone ipad Retouche photo et montage vidéo sur Travaux pratiques À jour de l ios 5 Karine WARBESSON TÉLÉCHARGEABLES GRATUITEMENT!

iphone ipad Retouche photo et montage vidéo sur Travaux pratiques À jour de l ios 5 Karine WARBESSON TÉLÉCHARGEABLES GRATUITEMENT! Karine WARBESSON AVEC CE LIVRE : TOUS LES FICHIERS TÉLÉCHARGEABLES GRATUITEMENT! Travaux pratiques Retouche photo et montage vidéo À jour de l ios 5 sur iphone ipad et @ Table des matières Avant-propos...1

Plus en détail

NCR-420-35 Hiver 2011

NCR-420-35 Hiver 2011 NCR-420-35 Hiver 2011 Enregistrer un fichier Mettre à jour un fichier Créer un nouveau fichier Ouvrir un fichier Imprimer un fichier Afficher les propriétés d un dossier/fichier Création de raccourcis

Plus en détail

Le Système d Exploitation Windows 8

Le Système d Exploitation Windows 8 Le Système d Exploitation Windows 8 La page d accueil... 1 Une Visite dans les angles de l écran.... 3 Le Menu Rechercher.... 4 Pour sortir d une page et revenir sur une autre.... 5 Depuis un site Internet....

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : 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étail

Numérisation de grands documents

Numérisation de grands documents Numérisation de grands documents Objectif Numériser plusieurs segments d image, les assembler en photoshop, puis harmoniser les couleurs. Nous partons d un document A3 numérisé en 2 fois. Pourquoi constatons-nous

Plus en détail

Prise en main rapide

Prise 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étail

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs Sommaire 1/ Grille 2/ Specs globales 3/ Specs HP 4/ Specs Questions 5/ Specs Offre 6/ Specs Faq 7/ Comportements interactifs 1/ Grille et breakpoints Desktop :

Plus en détail

Initiation à linfographie

Initiation à 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

indesign User Group Paris Creative Cloud (version 2014) Nouveautés Design

indesign User Group Paris Creative Cloud (version 2014) Nouveautés Design indesign User Group Paris Creative Cloud (version 2014) Nouveautés Design Franck Payen Jeudi 3 juillet 2014 19h00-21h00 indesign User Group Paris http://www.indesignusergroup.com/chapters/paris/ Sondage

Plus en détail

Parallels Panel. Guide de l utilisateur de Parallels Presence Builder 12.0. Révision 1.0

Parallels Panel. Guide de l utilisateur de Parallels Presence Builder 12.0. Révision 1.0 Parallels Panel Guide de l utilisateur de Parallels Presence Builder 12.0 Révision 1.0 Table des matières Introduction 3 Se familiariser avec Presence Builder... 4 Créer et éditer un site Web 6 Importer

Plus en détail

Office - Le menu Dessin La barre d'outil Dessin

Office - Le menu Dessin La barre d'outil Dessin Office - Le menu Dessin La barre d'outil Dessin Le module de dessin d'office est un logiciel de dessin vectoriel*. Il crée des figures géométriques en les transformant en équation dites courbes de Béziers*

Plus en détail

CHARTE GRAPHIQUE CHARTE GRAPHIQUE. Xxxxxxx. Xxxxxxxxxxxx

CHARTE GRAPHIQUE CHARTE GRAPHIQUE. Xxxxxxx. Xxxxxxxxxxxx Xxxxxxxxxxxx Xxxxxxx CHARTE GRAPHIQUE 1 Sommaire Positionnement du site Ce site se veut élégant, sobre et adapté aux professionnels ciblés par son ergonomie simple et efficace. Il met en avant les produits

Plus en détail

Domaine B4 : Réaliser des documents destinés à être imprimés.

Domaine B4 : Réaliser des documents destinés à être imprimés. Domaine B4 : Réaliser des documents destinés à être imprimés. Item B44: Intégrer les informations (images, fichiers, graphiques,...). Item B46: Créer des schémas (formes géométriques avec texte, traits,

Plus en détail

INTRANET CHARTE GRAPHIQUE DES INTRANETS JUIN. Mélanie TETART DIRECTION DES TECHNOLOGIES R ESPONSABLE DES P ROJETS W EBDESIGN

INTRANET CHARTE GRAPHIQUE DES INTRANETS JUIN. Mélanie TETART DIRECTION DES TECHNOLOGIES R ESPONSABLE DES P ROJETS W EBDESIGN INTRANET CHARTE GRAPHIQUE DES INTRANETS JUIN 2006 DIRECTION DES TECHNOLOGIES Mélanie TETART R ESPONSABLE DES P ROJETS W EBDESIGN 01 40 39 63 28 - melanie.tetart@bfbp.banquepopulaire.fr 2 Sommaire OBJECTIFS

Plus en détail

Création WEB avec DreamweaverMX

Cré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étail

L espace de travail. Au cours de cette leçon, vous apprendrez à :

L espace de travail. Au cours de cette leçon, vous apprendrez à : L espace de travail 1 Au cours de cette leçon, vous apprendrez à : sélectionner des outils ; utiliser la barre d application et le panneau Contrôle ; gérer les fenêtres de document ; travailler avec les

Plus en détail

"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"

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étail

CURSUS PAO (CU010) Infographiste et maquettiste PAO

CURSUS PAO (CU010) Infographiste et maquettiste PAO Durée totale : 15 jours soit 105 heures Tarif : 4 000 Euros HT CALENDRIER DES SESSIONS 2010 : - du 6 au 24 décembre CALENDRIER DES SESSIONS 2011 : - Du 3 au 21 janvier - Du 28 février au 18 mars - Du 2

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

Cours de D.A.O. Mécanique

Cours de D.A.O. Mécanique Cours de D.A.O. Mécanique Institut Sainte-Begge 3ème & 4ème qualification technique Site Cobegge électromécanique QCad, le DAO libre Qcad est un logiciel libre de dessin apte à dresser des plans, tout

Plus en détail

CA 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

CA 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étail

Carrefour de l information. Université de Sherbrooke. Adobe Photoshop CS. Notions de base. Par : Josée Martin

Carrefour de l information. Université de Sherbrooke. Adobe Photoshop CS. Notions de base. Par : Josée Martin Carrefour de l information Université de Sherbrooke Adobe Photoshop CS Notions de base Par : Josée Martin Édition revue et augmentée par Lauréanne Marceau Édition revue et augmentée par Émilie Boulanger

Plus en détail

Utilisation de l éditeur.

Utilisation 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étail

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56)

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Guide d'utilisation De Kompozer AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Table des matières Fiche1 : Créer, nommer et sauvegarder une page...2 Fiche2 : Modifier les couleurs et le fond

Plus en détail

Utilisation de Sarbacane 3 Sarbacane Software

Utilisation 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

Modalités pratiques. Objectifs de la Formation

Modalités pratiques. Objectifs de la Formation WEBDESIGN Code CPF : 25097 Formation à distance sur le réseau Pyramide Du 28 septembre 2015 au 28 mai 2016* Date limite de dépôt des candidatures : 1 semaine avant le début de la formation Toutefois, certaines

Plus en détail

Créer son site internet avec Jimdo

Créer son site internet avec Jimdo Présentation Jimdo: Dernière actualisation: le 17.10.2011 Créer son site internet avec Jimdo www.jimdo.com Jimdo: Un système de création de site facile et gratuit - Jimdo est un CMS en ligne qui permet

Plus en détail

Tutoriel. Votre site web en 30 minutes

Tutoriel. 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étail

ReportBuilder. Pour EBP Bâtiment et EBP Devis et Facturation. Guide d initiation et de prise en main

ReportBuilder. Pour EBP Bâtiment et EBP Devis et Facturation. Guide d initiation et de prise en main ReportBuilder Pour EBP Bâtiment et EBP Devis et Facturation Guide d initiation et de prise en main Edité par EBP Informatique, Rue de Cutesson, BP 95 78513 Rambouillet Cedex Tél : 01 34 94 80 20, Fax :

Plus en détail

Carrefour de l information Université de Sherbrooke. Flash MX 2004 (Notions de base)

Carrefour de l information Université de Sherbrooke. Flash MX 2004 (Notions de base) Carrefour de l information Université de Sherbrooke (Notions de base) Créé par : Josée Martin (hiver 2005) Révisé et augmenté par : Geneviève Khayat (hiver 2006) Sherbrooke Hiver 2006 Table des matières

Plus en détail

IDENTITITÉ DU FESTIVAL

IDENTITITÉ DU FESTIVAL IDENTITITÉ DU FESTIVAL Romain Lefort Marion Colléaux Domitille Zakia Chloé Van Driessche Sylvain Neau Chef de projet Directrice artistique Directrice artistique UX/UI Designer UX/UI Designer Sommaire Logotype

Plus en détail

Martin Evening, 2014, pour l édition en langue anglaise

Martin Evening, 2014, pour l édition en langue anglaise Martin Evening, 2014, pour l édition en langue anglaise Table des matières Avant-propos...XIII Introduction... XIV Nouveautés de ce livre...xv Remerciements...XVIII 1. Principes de base de Photoshop...

Plus en détail

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.

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étail

Guide d utilisation Plus de souplesse dans votre communication?

Guide d utilisation Plus de souplesse dans votre communication? Guide d utilisation Plus de souplesse dans votre communication? Un produit de la société Table des matières Table des matières... 2 Guide complet d utilisation... 3 Connexion à l administration i-flexo...

Plus en détail

Avant-propos Keith Martin Senior Lecturer London College of Communication

Avant-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étail

Site internet du Canton de Vaud Charte graphique

Site internet du Canton de Vaud Charte graphique Site internet du Canton de Vaud Charte graphique Bureau d information Introduction Pourquoi une identité graphique? But de la charte graphique Page accueil : Description Les accès L actualité Chapitre

Plus en détail

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

Plus en détail

Freeway 7. Nouvelles fonctionnalités

Freeway 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étail

Comment utiliser votre espace association

Comment utiliser votre espace association PORTAIL ASSOCIATIF DE LA MAIRIE DE PESSAC http://portailasso.pessac.fr/ Comment utiliser votre espace association SOMMAIRE 1 ACCES A VOTRE COMPTE... 3 2 PAGE DE BIENVENUE... 4 3 RUBRIQUE «MES INFORMATIONS»...

Plus en détail

Initiation au logiciel Keynote

Initiation au logiciel Keynote Sébastien Stasse Initiation au logiciel Keynote Nom: Groupe: Guide d apprentissage et notions de base Initiation au logiciel Keynote Initiation au logiciel Keynote Guide d apprentissage et notions de

Plus en détail

AniPaint 3.1.3 mac : un tutoriel

AniPaint 3.1.3 mac : un tutoriel Objectifs du cours : -Apprendre à transposer une situation d apprentissage simple, à l aide de l informatique, à l écran -Apprendre à mettre en scène des dessins, des images, du son et du texte -Envisager

Plus en détail

Illustrator CS6 pour PC/Mac

Illustrator CS6 pour PC/Mac GÉNÉRALITÉS 1.1 L environnement 1 A- Lancer/quitter Adobe Illustrator CS6 1 B- Description de l écran de travail 1 C- Annuler/rétablir les manipulations 3 D- Modifier les paramètres proposés par défaut

Plus en détail

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2 Lorraine ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2 Attirer des visiteurs sur un site internet, c est bien ; les transformer en clients, c est mieux! Cette phrase semble

Plus en détail

FICHE 1 : ENTRER DANS LE LOGICIEL POWERPOINT

FICHE 1 : ENTRER DANS LE LOGICIEL POWERPOINT FICHE 1 : ENTRER DANS LE LOGICIEL POWERPOINT Lorsque Windows, apparaît, cliquez sur l icône Microsoft Office PowerPoint 2003. ou allez dans Démarrer / Programmes / Microsoft Office / Microsoft Office PowerPoint

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

1 OpenOffice.org 3.0... 15

1 OpenOffice.org 3.0... 15 1 OpenOffice.org 3.0... 15 1.1. Lancer l application générale... 16 1.2. Démarrer une application spécifique d OpenOffice.org... 19 Créer un raccourci sur le Bureau... 20 1.3. Les barres principales...

Plus en détail

Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise

Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise Découvrez l écran d accueil. Votre écran d accueil concentre les informations les plus importantes

Plus en détail

TUTORIEL D IMPRESSION EN SERIGRAPHIE

TUTORIEL D IMPRESSION EN SERIGRAPHIE TUTORIEL D IMPRESSION EN SERIGRAPHIE Les étapes essentielles: Œuvre > Numérisation > Film > Ecran > Impression - 1 : NUMERISATION DE L OEUVRE A IMPRIMER: Soit l image a été créée directement sur un ordinateur

Plus en détail

Créer un site avec WordPress

Créer un site avec WordPress Créer un site avec WordPress Tutoriel 2012 Sophie Caouette et Lynda Higgins Table des matières Introduction... 2 Ouvrir un compte chez WordPress... 2 Effectuer des réglages... 5 Visualiser l aspect du

Plus en détail

GUIDE Word (version débutante) Version 2013

GUIDE Word (version débutante) Version 2013 Table des matières GUIDE Word (version débutante) Version 2013 1. Créer un nouveau document Word... 2 2. Modifier un document Word... 2 3 La fenêtre Word.... 2 4. Les rubans... 3 5. Enregistrer du texte...

Plus en détail

WINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires :

WINDOWS 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étail

À LA DÉCOUVERTE de PowerPoint 2010

À LA DÉCOUVERTE de PowerPoint 2010 Chapitre 1 À LA DÉCOUVERTE de PowerPoint 2010 C est le logiciel de présentation le plus utilisé au monde. PowerPoint est devenu au fil du temps un incontournable. Intégré à la suite bureautique Office

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 Sommaire 1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 3 POUR DEMARRER UN PROGRAMME...4 4 POSITION ET DIMENSION DES FENETRES...5 POSITION...5 DIMENSION...5 UTILISER LES BARRES DE DEFILEMENT...7 POUR AFFICHER

Plus en détail

Support de formation Notebook

Support de formation Notebook Support de formation Notebook Guide de l utilisateur du tableau interactif SMART Board Table des matières Le Tableau Blanc Interactif... 1 Comprendre le fonctionnement du TBI... 1 Utiliser le plumier

Plus en détail

Création d un fichier de découpe

Création d un fichier de découpe Création d un fichier de découpe DECOUPE 1 Fichier entièrement vectorisé au format illustrator uniquement Toutes les découpes sont regroupées dans 1 seul fichier.ai.ai 1 seul fichier. ai 800 x 100 mm -

Plus en détail

NOS DESSIN FORMATIONS. PAOMULTIMEDIAWEB3DCINEMAAUDIOVISUEL La formation idéale existe, nous l avons inventée!

NOS DESSIN FORMATIONS. PAOMULTIMEDIAWEB3DCINEMAAUDIOVISUEL La formation idéale existe, nous l avons inventée! NOS FORMATIONS DESSIN PAOMULTIMEDIAWEB3DCINEMAAUDIOVISUEL La formation idéale existe, nous l avons inventée! Karine > 01.43.80.23.51 06.82.25.59.49 karine@ellipseformation.com www.ellipseformation.com

Plus en détail

Site internet du collège Comment écrire un article?

Site internet du collège Comment écrire un article? Site internet du collège Comment écrire un article? Préambule : les rôles. L administrateur du site vous a attribué des droits. L utilisateur simple peut, par exemple, simplement commenter un article ou

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

Plus en détail

SÉANCE-DÉCOUVERTE À l INFORMATIQUE. MÉDIATHÈQUE SIMONE de BEAUVOIR Réseau des Médiathèques des Portes de l Essonne

SÉANCE-DÉCOUVERTE À l INFORMATIQUE. MÉDIATHÈQUE SIMONE de BEAUVOIR Réseau des Médiathèques des Portes de l Essonne SÉANCE-DÉCOUVERTE À l INFORMATIQUE MÉDIATHÈQUE SIMONE de BEAUVOIR Réseau des Médiathèques des Portes de l Essonne 1 - PRESENTATION DE LA RETOUCHE D IMAGE 2 - OBJECTIFS DE L ATELIER 3 - TELECHARGER PHOTOFILTRE

Plus en détail

CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/2012 - Cahier des charge «TOUFIKOULMI.COM» - S.LARVET

CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/2012 - Cahier des charge «TOUFIKOULMI.COM» - S.LARVET CAHIER DES CHARGES Refonte du Site : ToufikOulmi.com 1/20 SOMMAIRE 1- Contexte 2- Objectifs 3- Pérennité du site 4- Résultats attendus et publics visés 5- Contraintes 6- Délais 7- Benchmark 8- Les Contenus

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

Plus en détail

Réalisation de cartes vectorielles avec Word

Réalisation de cartes vectorielles avec Word Réalisation de cartes vectorielles avec Word Vectorisation de la carte Après avoir scanné ou avoir récupéré un fond de carte sur Internet, insérez-la dans votre fichier Word : Commencez par rendre visible

Plus en détail