1

Les codes informatiques et les infolettres : combiner les deux pour optimiser son marketing?

Dans le cadre d’une infolettre, vous devez savoir accrocher votre lecteur, les internautes qui vous liront devront avoir envie de vous lire. C’est ce qui permet de vous démarquer des concurrents qui distribuent aussi des courriels d’infolettres. Mais pourtant, avoir un beau contenu n’est pas tout! Vous devez aussi disposer judicieusement des images, des styles de votre texte (polices de caractère), puis avoir un bon logiciel d’infolettres pour avoir des styles les plus présentables à vos interlocuteurs.

Il peut arriver un temps où vous aimerez aller plus loin dans la personnalisation de vos courriels. Mais comment faire? Vous aurez certainement des manipulations à faire dans les styles prédéfinis. Avant de pouvoir créer votre propre style, il vaut mieux commencer par calquer un modèle libre de droit pour le modifier et le faire correspondre avec votre propre image de marque. Ceci demande du travail surtout si vous débutez dans la création de modèles d’infolettres.

Quand un créateur d’infolettres désire avoir le plein contrôle sur ce qu’il publie, il lui est recommandé d’apprendre au moins des bases des codes informatiques. Si une terminologie réunit bien plusieurs codes informatiques, il s’agit de la terminologie dite HTML. Le HTML est un peu la base à la base des codes informatiques plus poussés tels que les codes PHP (partie intégrante de WordPress) et Javascript. C’est aussi une bonne base pour personnaliser des infolettres si vous avez déjà quelques notions puis que vous aimeriez les mettre en pratique. Avant d’avoir ces notions, un peu complexes, vous devez évidemment les apprendre, via une quelconque formation ou de façon autodidacte, en tout ou en partie.

Le marketing par infolettres et le HTML : quel lien peut être fait?

Pour vous, relier HTML et infolettre revient à utiliser le HTML non pour créer un site web ou monter des lignes de code hyper complexes dans le but de gérer un réseau de technologies de l’information; plutôt, vous allez maîtriser un compte de messagerie dit « open source » pour manier habilement le style entier d’un courriel et de ses envois aux différents contacts intéressés.  Concrètement, vous pourrez créer des courriels plus personnalisés qu’en utilisant seulement un logiciel de messagerie où les modèles sont très peu personnalisables pour les personnes à l’œil plus aiguisé. Il est ensuite important d’avoir une excellente maîtrise du rendu, et de pouvoir le tester AVANT d’envoyer vos courriels. En effet, toute personne qui emploie la terminologie HTML et qui est soucieuse des résultats que verront les autres gens va impérativement vérifier le résultat AVANT la diffusion. Recevoir un courriel avec des caractères spéciaux mal placés et pratiquement illisibles est frustrant, d’autant plus que ce genre de courriels se retrouve souvent à la corbeille. Il y a des façons de créer un courriel et d’en tester le visuel. Ces techniques de travail se trouvent dans les cours de terminologie informatique de base. Apprendre ces notions peut paraître obscur si jamais vous ne connaissez rien à la terminologie. Par contre, c’est en mettant en pratique les notions à votre rythme que vous arriverez à maîtriser la terminologie.

HTML : ce que le HTML demande comme structure

Bien que la terminologie HTML soit bien simple pour un spécialiste des technologies de l’information, il y a bien des chances qu’une simple omission dans la structure d’un document HTML vienne le rendre inutilisable. À quoi ressemble un document HTML? Il s’agit d’une feuille où vous inscrivez les éléments terminologique requis et qui renvoie un résultat quand vous la rendez disponible à d’autres utilisateurs en ligne.

C’est important, rendre un document de ce type avec une structure précise. Par exemple, si vous placez ce qui devrait être à la première ligne du document à la dixième ligne, votre document, automatiquement, deviendra inutilisable, sauf si vous le corrigez par la suite et le remettez en ligne. Ce qui est tout de même plutôt choquant, surtout pour un projet d’envergure. C’est pourquoi nous conseillons, pour tous projets, de se doter d’une application ou d’un logiciel qui permet de tester le résultat avant de l’envoyer en ligne ou le rendre disponible à un groupe.

Les balises sont ce qui contrôle votre terminologie

Si la terminologie d’un document informatique était aussi malléable que le texte d’un roman ou d’un article de journal, il y aurait trop de risques que n’importe qui puisse publier absolument n’importe quoi et que n’importe qui puisse pirater un document. Le web serait une véritable cacophonie en quelque sorte! C’est pourquoi la structure du document, déjà mentionnée plus haut, est d’une assez haute importance.

Au début et à la fin de chaque ligne du document, vous devez placer des balises. Sans quoi, ce qui est contenu dans la ligne suivante et qui pour vous est quelque chose d’autre, pour le HTML, sera exactement la même ligne terminologique. Ou, pire, en omettant une balise, vous pourriez obtenir une partie de votre document qui sera illisible ou dont la présentation pourra être très étrange.

Chaque balise commence par « < » et se termine par « > ». C’est assez logique, puisque nous ouvrons le crochet pour mentionner quelque chose, et nous le quand notre propos est terminé. De la même façon, ce que nous appelons une « ligne codée » dans un document comprend une première balise en « <> » et se termine par une balise semblable, mais avec le caractère suivant « / ». Le caractère « /> signifie « terminé » en quelque sorte.

Les balises permettent aussi de définir un code qui s’insère dans le HTML. Par exemple, insérer un code Javascript (pour animer votre site web et le rendre présentable sur tous les appareils, autant les ordinateurs que les IPhones), vous insérerez une balise avant votre code Javascript, avec une autre balise suivant ce code. Autrement, sans la balise de fin, votre animation ne sera pas prise en compte. Si ces quelques notions vous sont très peu familières, apprendre d’une de vos connaissances qui travaille en informatique ou qui connaît la terminologie HTML vous permettra de vous initier à ce monde un peu différent de l’écriture normale ou des mathématiques.

Pour en revenir aux infolettres, quand vous créerez votre premier modèle, grâce au HTML, vous irez chercher une touche de personnalisation que vous n’aviez pas auparavant. En effet, parce que la terminologie HTML permet à elle seule de créer de façon presque illimitée, vous pourrez vous amuser avec vos premiers designs d’infolettres, mais il est recommandé de le faire à l’aide d’un « éditeur de code ». Le plus connu étant probablement Visual Studio Code. Rendez vos infolettres attrayantes et collez-les à votre propre marque grâce à la terminologie HTML.

Bien dessiner un modèle d’infolettre pour bien la schématiser par la suite

Avoir un croquis, dessiner un plan de ce que vous aimeriez faire voir aux lecteurs de vos courriels, représente une méthode de travail couramment utilisée. Pourquoi les créateurs vont-ils, environ 90% du temps, construire un croquis, ou le faire construire, avant d’en écrire le contenu HTML? Pour la même raison, en fait, qu’un écrivain utilisera un plan avant d’écrire son prochain roman. Vous avez déjà visuellement devant vous les éléments à mettre en place pour votre visuel avant de vous aventurer dans la structure de ceux-ci à l’intérieur de votre éditeur de code. Puisque c’est une tâche difficile et assez abstraite à faire, monter un modèle d’infolettre à partir de HTML, mieux vaut avoir en tête déjà le résultat voulu pour votre premier chef-d’œuvre! En tant qu’artiste de l’infolettre, il est avantageux d’avoir sur papier un plan de votre infolettre, comme une entreprise de construction ne peut improviser la construction d’une maison. Construire une maison est toujours basé sur les plans d’un architecte, comme construire une infolettre est (presque) toujours basé sur le talent et l’habileté d’un graphiste.

De façon concrète, essayez de respecter le plus possible le plan qui vous est fourni. Autrement, vous risquez de dériver vers un contenu qui ne ressemble pas du tout à ce qui est recherché. De cette manière de travailler repose un risque : vous n’aurez pas produit ce que vous deviez produire, mais plutôt ce que vous aimeriez faire. Il y a une grande différence entre faire ce que l’on VEUT faire, et se limiter à ce que l’on PEUT faire, cela s’applique même dans les lettrines d’une infolettre. Ce que l’on veut produire comme résultat n’est pas nécessairement ce que le graphiste nous permet de faire, puisque chacun est le professionnel de son métier, comme le graphiste est le professionnel censé reconduire votre courriel vers une place de choix dans la boîte aux lettres virtuelle Outlook de vos clients!

La police de caractère fait vraiment une différence?

Il existe plus d’une centaine de polices de caractères toutes différentes que vous pouvez placer dans une infolettre. Autant vous aimerez avoir la bonne police de caractère, autant elle sera difficile à trouver, cette police de caractère parfaite. Pourtant, est-ce que cela fera une vraie différence sur le rendu final, avoir une police de caractère à tout casser? Pour mettre tout cela au clair, il est important de se poser la question suivante : « Si j’avais mis une autre police, est-ce que cela aurait changé la perception de mes clients? » Si la réponse est non, c’est que votre police est bonne. Rien ne sert de perdre plusieurs jours à trouver une police de caractère parfaite, mais encore faut-il considérer que plusieurs autres choses peuvent être mises en place pour créer le courriel le meilleur possible.

Disposer vos paragraphes comme dans un tableau, permet de créer des textes à deux ou trois colonnes. Les images que vous allez présenter, rendez-les attrayantes et à propos! Vous gagnerez ainsi beaucoup plus de clients potentiels que si vos images ne sont pas tout-à-fait bien calibrées. Si elles sont trop sombres ou trop éclairées, les images ne permettent pas de faire valoir tout ce qu’elles peuvent délivrer comme message. Pour le web, il est vrai de dire qu’une image vaut mille mots.

Les lecteurs de votre infolettre liront en premier ce qu’ils voient, et non le texte en soi. Les gens peuvent lire un texte environ 15 secondes et s’y désintéresser si la présentation de celui-ci laisse à désirer, aussi attractif ce texte soit-il. Contrairement au roman, où le texte est l’essence même du succès, le texte sur le web repose sur l’image et le fait qu’on puisse saisir le contenu en lisant les deux ou trois premières lignes du texte et en regardant vite fait la mise en forme d’un courriel (par exemple). C’est en personnalisant votre courriel que vous arrivez à joindre votre public cible. Un modèle de courriel devrait se modeler au public qu’il veut aller chercher, aux futurs clients à qui il souhaite donner envie d’en savoir davantage. Malheureusement, aujourd’hui, plusieurs ignorent encore l’impact d’un bon et beau courriel!




Formation Unreal Engine pour l’architecture et le design

Introduction à la formation Unreal Engine

  • Utilisation des « templates »
  • L’interface
  • Gestion de projet
  • Manipulation d’objets

Création d’un projet Unreal Engine

  • Importation de contenu de diverses sources
  • Datasmith
  • Gestion des objets
  • Terrain et végétation
  • Modélisation
  • Éclairage
  • Création des diverses lumières
  • Création d’un éclairage extérieur (jour/nuit)

Matériaux et textures Unreal Engine

  • L’éditeur de matériaux
  • Les instances de matériaux
  • Création de divers matériaux PBR (métal, bois, béton, verre, plastique, eau, etc.)
  • Les « Material Function »

Animation Unreal Engine

  • « Level Sequence »
  • L’animation par « keyframe »
  • La physique et les dynamiques

Production de rendus et animation Unreal Engine

  • Production d’une image haute-résolution
  • Production d’une vidéo animée

Interactivité Unreal Engine

  • Initiation aux « Blueprints »
  • Compilation d’un projet interactif



La création de fichiers visuels avec PDF : pourquoi est-ce toujours pertinent?

Le format PDF étant ce qu’il est, il est davantage officiel que Word ou autre texteur. Il devient alors tout de même important de considérer pouvoir créer et modifier des documents PDF de qualité afin de les rendre à vos clients ou vos fournisseurs de manière sécuritaire, qu’il s’agisse de formulaires de dépôt direct ou de questionnaires de satisfaction à cocher. Il y a donc beaucoup de raisons d’utiliser PDF et de créer des documents en format .pdf. Si vous êtes moins à l’aise d’utiliser le PDF, il pourrait être bon de vous former à l’utiliser et à bien l’employer.

Devoir créer un formulaire simple ou un formulaire interactif

Dans votre carrière, vous devrez peut-être un jour être appelé à créer un formulaire PDF. C’est pourquoi bien saisir et comprendre ce qui vous est demandé permet d’éviter bien des malentendus. Pour en dire peu mais beaucoup en même temps, un formulaire interactif et un formulaire non interactif sont deux commandes entièrement différentes. Un formulaire non interactif ne devrait avoir aucun lien cliquable ou presque aucun, ne contenir que des graphiques et non des images, peut-être le logo de l’entreprise, mais vraiment pas beaucoup plus. Un formulaire interactif, pour sa part, est conçu pour interagir avec un groupe dans le même formulaire, mais sur les appareils de tous et chacun.

Pour interagir, le formulaire se doit d’avoir beaucoup de boutons, des effets sonores, des vidéos insérés, des images diverses, des signets qui font office de guides pour que votre auditoire se retrouve aisément, puis le « formulaire qui interagit » est conçu pour un cours, une présentation où vous voulez que vos gens participent activement. C’est pourquoi ce qui est recherché est l’interactivité et la réceptivité de votre formulaire sur chacun des appareils, peu importe l’appareil. Les PDF non interactifs se veulent plus formels, pour simple signature par un tiers ou peut-être un contrat à signer aussi.

Quels documents utiliser pour concevoir un PDF

Il existe deux grandes familles de logiciels pour concevoir des documents de qualité. Il y a les logiciels de la famille Adobe Acrobat, les plus fréquemment utilisés. Il existe aussi Nuance ECopy PDF Pro Office, un peu moins utilisé mais similaire à Adobe. Maintenant, quels documents, ou quelles extensions de documents, peuvent être converties en documents PDF? Vous pouvez convertir des texteurs, des chiffriers, des présentations sur diapositives, des fichiers images JPEG et GIF ainsi que des pages web entières au format PDF, les réunir dans le même document, interchanger des pages du document PDF et le manier à votre guise, mais pour manier du PDF, on doit avoir un logiciel qui le fait bien, comme Adobe Acrobat ou bien encore Nuance Ecopy Office. Encore faut-il après savoir bien utiliser le logiciel pour des fins de présentation professionnelle sobre ou bien interactive, maîtriser les fonctionnalités diverses de la barre de tâches au haut de votre écran quand vous ouvrez votre logiciel.

Bref, vous comprenez qu’il existe diverses fonctionnalités à savoir avant de se lancer et avant de créer de A à Z un document PDF, bien que ça puisse paraître simple au départ. Vous savez que créer des documents et des formulaires demande de comprendre ces fonctionnalités et de les mettre en pratique de manière intelligente.

Ces fonctionnalités, et les différentes subtilités du logiciel créateur et modificateur de PDF en l’occurrence, exercent une rôle de premier plan dans le parcours de l’expert en documentation informatique formatée PDF. Les experts en PDF comprennent aussi qu’il existe des normes ISO qui certifient la qualité et l’exactitude d’un document de ce format.

PDFXchange pdf est excellent pour modifier votre document PDF

PDFXchange pdf est un logiciel conçu pour traiter les différents documents PDF. Son utilité principale est de pouvoir modifier les documents PDF pour leur faire prendre la forme souhaitée pour votre interlocuteur. Il y a beaucoup d’avantages à modifier et changer des éléments dans un document PDF, des avantages liés à la forme de document que souhaite recevoir l’interlocuteur en question ainsi qu’à des éléments textuels. Un coup que vous avez sélectionné l’affichage parfait pour vous permettre de bien travailler, le logiciel vous sera un outil très utile.

Grâce à ce logiciel, vous pouvez modifier un document fait avec Word ou Excel pour le convertir en un fichier PDF. Si vous avez un fichier Word et que quelqu’un vous demande de lui envoyer un fichier PDF, peu importe la raison, vous aurez la possibilité de convertir votre texte en fichier PDF, de même que vos chiffriers Excel, qui pourront être envoyés au format PDF pour permettre à vos interlocuteurs de bien voir votre propos grâce à des chiffres et des graphiques. Vous avez la possibilité, même, de convertir un fichier PDF en image, par exemple au format .jpeg ou .gif ou autre type d’image encore.

C’est d’autant plus utile de créer des images PDF lorsque vous désirez ajouter des images à un document dont vous ne connaissez pas encore nécessairement la forme finale. Donc, vous devrez manipuler, dans ce cas-ci, plusieurs formats de fichier et rassembler le tout au final. Sans logiciel qui convertit les autres formats en fichiers de type .pdf, il vous sera très difficile, voire impossible, de réunir toutes les informations provenant de Excel, Word, Powerpoint et Paint ou Photoshop tous dans un même document, et vous vous arracherez les cheveux à trouver une solution. Et même que lorsque vous aurez réuni vos documents de différents formats, vous devrez éventuellement modifier la police de caractère, le texte et divers éléments graphiques tels que des tableaux, des images, des fichiers statistiques sur une ligne du temps. PDFXchange vous permet aussi d’effectuer toutes ces tâches directement dans le fichier PDF. Vous n’aurez pas besoin de revenir dans votre texteur, votre chiffrier et votre présentation Powerpoint individuellement pour modifier les éléments séparément et reconvertir vos fichiers en PDF maintes et maintes fois, puisque ce sera fait, lors de la dernière révision, dans le même document formaté en .pdf.

PDF Expert, un autre logiciel pour vos documents officiels

Grâce à PDF Expert, vous avez une possibilité encore de modifier vos éléments graphiques, vos images, vos textes, puis en surplus, vous pourrez ajouter des éléments sonores et des animations dans votre fichier. Effectivement, il est possible que vos interlocuteurs ou vos lecteurs aient des liens cliquables dans votre PDF et qu’ils puissent y trouver un ou plusieurs boutons avec des enregistrements sonores ou des sons. Insérer un enregistrement dans un fichier PDF est tout de même une bonne solution pour un professeur du Cégep ou d’Université qui souhaite rendre son cours interactif.

Pour des documents avec un droit d’auteur, il est possible de protéger le fichier par mot de passe. Il est évident qu’une personne qui a des éléments confidentiels dans son document, qu’elle ne souhaite partager qu’avec un groupe restreint de personnes, emploiera cette solution pour une protection minimale de ses PDF. Puis, vous avez la possibilité d’insérer un gestionnaire de signatures grâce à PDF Expert, ce qui est parfois utilisé pour faire signer électroniquement un groupe de personnes pour une entente de confidentialité ou de non-concurrence. Nitro PDF est une forme un peu moins complète mais avec quelques fonctionnalités différentes de PDF Expert. Par exemple, Nitro PDF ne permet généralement pas d’insérer des signatures ou des éléments sonores ou bien des vidéos. Par contre, le logiciel PDF Nitro PDF permet de modifier le quadrillage de vos pages PDF!

Acrobat PDF comporte plusieurs licences d’utilisation complètes

Acrobat est le format un peu plus avancé des logiciels ci-dessus. C’est en quelque sorte un vaste logiciel qui permet, entre autres, de faire pivoter des pages ou des images ou encore des graphiques, de faire échanger des pages du document, de les remplacer entièrement par d’autres pages, puis plusieurs autres fonctionnalités telles que la personnalisation de l’espace de travail vous assurent un environnement de travail ergonomique pour vous. Adobe Acrobat Standard comporte ces éléments nommés précédemment et plusieurs autres.

Adobe Acrobat PDF Pro : plus de fonctions de précision que son homologue standard

Si vous êtes à l’aise avec le langage informatique en Java, il vous est possible de l’utiliser pour modifier les différents éléments d’un PDF avec Acrobat PRO. Il vous est même possible d’insérer des liens url cliquables, des liens d’envoi de courriel et des listes déroulantes, pour lesquelles votre homologue ou collègue aura seulement à dérouler pour faire son choix! De plus, vous insérerez un champ de calcul automatique si vous voulez que telle ou telle réponse à vos questions renvoie un résultat automatique à la fin. Un peu comme avec une base de donnée Access ou SQL, vous manipulez les champs minimalement à votre guise pour produire un formulaire bien personnalisé. Votre formulaire vous permettra aussi la signature numérique des utilisateurs.

Avec Adobe Acrobat Pro, vous avez la possibilité de convertir une page web en .pdf. Utiliser des fichiers multiples pour créer un document PDF est aussi possible. Vous allez aussi pouvoir partir d’un autre logiciel externe à Adobe Pro pour les convertir vers le format duquel il est question ici. Puis, quand vous insérez des liens interactifs, des signets et des vignettes dans un PDF, encore vous faut-il utiliser ces éléments de manière judicieuse et structurée pour éviter de perdre la concentration de votre interlocuteur. Afin de partir du bon pied, vous former avec un formateur compétent est un bon point de départ. Notez que vous aurez la possibilité de créer une signature pour des signataires autorisés au document en question. Votre création PDF devient alors un formulaire à signatures à proprement parler.

Comment gérer l’accessibilité et la sécurité d’un document PDF Adobe Acrobat version Pro

Maintenant que vous saurez comment monter un document PDF interactif (ce qui n’est pas banal), il est possible que vous vous frappiez à certains obstacles. Puisque les navigateurs, les appareils et les systèmes d’exploitation n’ont pas tous le même affichage, il y a des chances pour que votre document s’affiche très bien sur votre écran, mais qu’il s’affiche très différemment sur un écran Apple ou encore plus étrangement sur un écran de téléphone intelligent – et l’affichage dépend encore du modèle et de la compagnie qui fabrique le téléphone, puisqu’il y a plus de 5 formats d’affichage principaux sur les téléphones intelligents. Des ressources existent pour vous indiquer si votre document est accessible à la plupart des appareils et navigateurs, ou s’il y a des choses à améliorer pour favoriser l’interactivité sur tous les appareils ou presque. Il y a déjà un certain travail à monter un formulaire interactif. On souhaite surtout que si on le présente à un groupe de personnes sur leurs téléphones, ces gens puissent toutes interagir avec votre formulaire comme vous le faites de votre côté. Il s’agit d’un aspect important pour les présentations interactives partagées sur plus d’un appareil! Vous apprendrez qu’il y a de nombreuses manières de protéger votre document interactif des pirates et virus informatiques. 3 types de protections par mots de passe existent sur les PDF interactifs avec Acrobat, pour ne citer que cela. Un cursus de formation bref mais précis permet de comprendre des notions poussées de Adobe Acrobat et de les appliquer efficacement.

En ce moment, après lecture et réflexion, vous êtes plus en mesure de vous questionner sur les options qui s’offrent à vous avec les logiciels PDF. Allez-vous vous former ou tenter davantage de vous certifier avec la norme ISO, ou bien encore vous pouvez simplement appliquer vos apprentissages dans votre milieu de travail. Peu importe ce que vous ferez de ces apprentissages, il est important que cela vous serve et vous permette de vous propulser plus loin dans votre carrière professionnelle. Cinq éléments clés seraient à retenir de la création des documents PDF grâce aux logiciels spécialisés : fonctionnalité, qualité, accessibilité, sécurité et interactivité.




Formation Figma UI et UX – Créez des maquettes web interactives

Objectifs de la formation Figma — UI/UX Design

  • Apprendre à structurer une interface web selon les principes UX modernes
  • Concevoir un design UI cohérent et professionnel à partir d’un brief client
  • Maîtriser Figma pour créer, organiser et réutiliser des composants graphiques
  • Prototyper des interfaces interactives avec transitions et comportements réalistes
  • Optimiser la collaboration avec les développeurs grâce à une maquette bien préparée

Module 1 — Introduction à l’UX/UI et à Figma

  • Comprendre les rôles clés de l’UX et de l’UI dans la conception d’interfaces
  • Appliquer les bonnes pratiques d’architecture et d’ergonomie
  • Découverte de Figma : interface, pages, calques, frames
  • Structurer un projet Figma : grilles, contraintes, responsive web design

Module 2 — Design d’interface web avec Figma

  • Création de composants UI (boutons, cartes, menus)
  • Utilisation avancée des variantes et de l’auto-layout
  • Définir des styles cohérents (couleurs, typographies, effets)
  • Importer des éléments visuels (logos, images, pictogrammes)

Atelier 1 : Construire une bibliothèque de composants — Créer un Design System simple, réutilisable et cohérent

Module 3 — Prototypage interactif dans Figma

  • Ajouter des interactions dynamiques : clics, transitions, animations
  • Créer une navigation simulée avec défilement et liens internes
  • Intégrer des formulaires et comportements utilisateurs
  • Tester et prévisualiser le prototype comme un vrai site web

Atelier 2 : Réaliser un prototype interactif — Créer un parcours utilisateur fluide et engageant

Module 4 — Collaboration & Livraison

  • Travailler efficacement en équipe dans Figma (commentaires, partages, versions)
  • Utiliser le mode Développement : inspecteur, CSS, spécifications techniques
  • Préparer une maquette prête à livrer ou à présenter à un client
  • Découverte des outils complémentaires : FigJam, plug-ins essentiels

Atelier 3 : Préparer une présentation client — Structurer un fichier Figma professionnel et convaincant




Formation Keynote (MAC)

Introduction à Keynote

Créer diapositive: SD: HD
Mode Édition: Mode Présentation: Structure
Configuration du gabarit: Pagination:
Numérotation
Thème: d’une diapositive: du diaporama
Modification: Duplicata

Les objets dans Keynote

Manipulation d’objets et de formes
Le verrouillage d’objets

Mise en forme du texte dans Keynote

Zone de texte: Zones de texte libre
Polices: familles: Espacement: Alignement
Tabulations: Puces: Numéros: Hyperliens

Graphiques dans Keynote

Ajout d’un graphique: création: importation
Personnaliser un graphique: saisie des données

Images dans Keynote

Insertion d’image et d’illustration
Format des images: PNG: JPG
Reflets: Ombrages: Canal Alpha

Les Tableaux dans Keynote

Tableaux : ajout: mise en forme
Cellules: sélection: fusion: division
Rangs et colonnes: ajout: suppression

Animation dans Keynote

Transition des pages: Animations des puces
Présentations: Lecture: Pause: Reprise
Affichage de présentation: Écran: Portable:
L’affichage présentateur: Contrôle par iPhone
Affichage de présentation: Recopie vidéo
Affichage: problèmes

Exportation dans Keynote

Exportation: PDF : HTML : PowerPoint

Impression dans Keynote

Diapositives: Structure de présentation: Brouillon




Formation Wix + Canva

Wix

Débuter sur Wix

Découvrir la plateforme
Inscription
Acheter un hébergement web et un nom de domaine

Construction d’un site web

Créer de pages et régler leurs dimensions
Ajouter un logo
Ajouter une couleur d’arrière plan
Ajouter un titre et une description
Ajouter une en-tête et un pied de page
Ajouter des images et des éléments graphiques
Ajouter des liens entre vos pages
Ajouter des formulaires

Référencement d’un site web

Comprendre le référencement
Ajouter un site à Google
Optimisation des pages pour le référencement

Canva

Introduction

Design graphique : quelques fondements
Présentation de la plateforme
Les différents types d’abonnements

Débuter sur Canva

Création d’un compte
L’interface et la navigation
Créer des dossiers et sous-dossier
Les paramètres de compte
Créer un nouveau design
Explications de l’éditeur

Apprendre les bases

Les modèles et les pages
composition simple avec une image
Utiliser les éléments
Travailler avec du texte
Ajout de musique
Utiliser des liens
Photos et vidéos
Graphiques
Ajout d’animations
Mettre un objet en premier plan ou en arrière-plan
Verrouillage d’éléments
Autres applications de Canva (Youtube, Google Maps, etc.)
Télécharger et partager un design

Travailler en équipe

Inviter des membres
Créer et partager des designs
Créer des dossiers




Formation Canva : concevoir une présentation et des icônes

Introduction à la formation Canva

Introduction à Canva

  • Comprendre les fondamentaux du design graphique
  • Découverte de l’interface et des fonctionnalités de la plateforme Canva
  • Présentation des différents abonnements (gratuit, Pro, Équipe, etc.)

Premiers pas avec Canva

  • Création et configuration d’un compte
  • Présentation de l’interface utilisateur
  • Navigation dans les menus et l’espace de travail
  • Organisation de vos contenus : création de dossiers et sous-dossiers
  • Paramétrage de votre compte selon vos besoins
  • Créer un nouveau design à partir d’un modèle ou d’un format vide
  • Prise en main de l’éditeur et des outils de création

Les bases de la création graphique avec Canva

  • Utilisation des modèles et personnalisation
  • Gestion des pages multiples
  • Création de compositions simples avec images
  • Insertion et ajustement d’éléments graphiques
  • Travail sur la typographie : ajouter, styliser et agencer le texte
  • Insertion de musique, liens interactifs, photos et vidéos
  • Utilisation des graphiques et diagrammes
  • Fonctionnalités enrichies : animations, arrière-plans, verrouillage des éléments, etc.
  • Découverte des intégrations : YouTube, Google Maps, et autres applications Canva
  • Téléchargement des créations et options de partage (PDF, PNG, lien web, etc.)

Créer des présentations et des icônes

  • Exploration des différents formats de présentation
  • Conception de présentations dynamiques et professionnelles
  • Création et personnalisation d’icônes graphiques

Travail collaboratif avec Canva

  • Inviter et gérer les membres de votre équipe
  • Créer, partager et co-éditer des designs
  • Organiser les fichiers partagés dans des dossiers d’équipe

Formation complémentaire recommandée

Formation Publisher – Mise en page et création de supports imprimés professionnels




Formation Canva pour graphiste

Introduction à la formation Canva

Présentation de la plateforme Canva

  • Utilisation des modèles et templates
  • Téléchargement de votre travail
  • Organisation du tableau de bord
  • Trouver des photos et les éléments gratuits
  • Éléments payants dans Canva
  • Mises en page partie 1 à partir de modèles
  • Mises en page partie 2 à partir d’une page blanche
  • Ajouter des pages à un projet

Conception et exportation

  • Couverture d’album
  • Vignette Youtube
  • Twitter
  • Publication Facebook
  • Couverture d’un document électronique PDF
  • Documents PDF
  • Données et graphiques
  • Diapositives de présentation
  • Ajout de pages thématiques
  • Utiliser efficacement les icônes
  • Partage de conceptions
  • Ajout de liens
  • Masquage de texte

Conception d’une image de marque (branding)

  • Redimensionnement
  • Suppresseur d’arrière-plan
  • Équipes, exportation et planification
  • Présentation des vidéos
  • Utiliser les outils vidéo
  • Animations
  • Présentations animées
  • Ajouter de la musique

Graphisme sur Canva

  • Gérer les calques
  • Créer un mockup
  • Créer une ombre sur des objets
  • Ajouter des ombres au texte
  • Déplacer les éléments
  • Arrière-plans de photos
  • Formes
  • Illustrations, icônes et lignes
  • Remplacer une photo
  • Créer un dégradé
  • Typographie et association de polices
  • Travailler avec du texte
  • Rajouter du texte
  • Couleurs de marque
  • Codes couleurs
  • Créer une palette couleur
  • Dupliquer un élément
  • Grouper et dégrouper des éléments
  • Rogner un élément
  • Utiliser les filtres
  • Lien hypertexte
  • Aligner les éléments
  • Effacer l’arrière-plan
  • Créer un contour
  • Utiliser les cadres
  • Raccourcis clavier



Formation Adobe Muse : création de site

Introduction à la formation Adobe Muse

Préparation à la conception d’un site web:

  • Différence entre Muse et Dreamweaver
  • Qu’est-ce que la conception web (liens à la galerie Webby Award)
  • Comment Muse peut vous aider à concevoir et publier votre site sans codage
  • Définir votre projet: nom du site, Public cible et le but de votre site
  • L’importance d’un site bien planifié
  • Créer un plan de site
  • La stratégie de contenu
  • Concevez vos Wireframes sur papier
  • Choisissez vos polices et de définir votre échantillon de couleur

Introduction à Muse

  • L’écran de Muse
  • Les barres d’outils
  • Les menus et les commandes
  • La personnalisation de l’environnement de travail
  • L’interface Adobe Muse en détails
  • Travailler avec des fonds de pages
  • Créer des nouvelles pages, la navigation, les états
  • Les actifs
  • Widgets (menus, composition, bouton, liens vers sociaux, diaporamas)

Les pages modèles

  • Modifier et créer des modèles
  • Utiliser les modèles
  •  Mettre à jour les modèles
  • Appliquer un modèle à des pages existantes

Insertion d’éléments dynamiques

  • Bouton et texte
  • Animation et film

Utilisation des formulaires

  • L’insertion de champs de formulaire
  • Les propriétés des champs
  • L’envoi de formulaire

Les calques (layers)

  • Insérer des calques
  • Travailler avec les calques
  • Structurer les calques

Bibliothèque
  • Créer des éléments dans la bibliothèque
  • Insérer des éléments de la bibliothèque dans la page
  • Modifier les éléments de la bibliothèque

Publier

  • Adapter votre site à un ordinateur bureau, une tablette et une plate-forme de téléphone
  • Gérer le site web, tester et éditer votre site



Formation Camtasia

Module 1 formation Camtasia : Explorer et enregistrer

Ce module vous donnera une brève introduction à Camtasia et à son espace de travail. Vous allez ouvrir un projet existant et explorer les outils, le dossier multimédia, les canevas et le montage chronologique. Vous pourrez également enregistrer des actions à l’aide de Camtasia Recorder.
• Ouvrez un projet Camtasia
• Découvrez les outils Camtasia
• Explorez le dossier multimédia
• Aperçu d’un projet
• Définir les options d’enregistrement
• Sélectionnez une zone d’enregistrement
• Enregistrer une vidéo

Module 2  formation Camtasia: Ajout de médias

Vous allez créer un nouveau projet et apprendre à importer des enregistrements dans l’éditeur en tant que média.
• Importer une vidéo
• Importer des images
• Ajouter une piste
• Créer un filigrane
• Ajouter des effets de curseur

Module 3: Groupes, annotations et animation

Améliorez les médias avec des légendes et des animations. Vous apprendrez également à rendre les sauts entre les segments vidéo plus professionnels en utilisant les Transitions.
• Créer un groupe
• Ajouter une légende
• Appliquer la couleur de l’image au texte
• Ajouter des effets à une légende
• Ajouter une transition à un groupe
• Modifier les transitions
• Ajouter une animation

Module 4: Audio

L’ajout d’audio (comme les effets sonores et la narration vocale) améliore l’expérience eLearning pour vos apprenants. Vous apprendrez à ajouter de l’audio en tant que média et à enregistrer et éditer votre propre audio.
• Ajouter une musique de fond à une vidéo
• Fondu d’entrée et de sortie audio
• Enregistrer la narration vocale
• Fractionner un clip musical
• Renommer les pistes
• Silence et coupure audio

Module 5: Partage, extension et quizz

Vous apprendrez à produire et à partager vos projets en tant que vidéo autonome et à partager le contenu. Vous apprendrez à ajouter un quiz à votre projet.
• Partager un MP4
• Partager sur YouTube
• Exporter en tant que page Web
• Prolonger une image vidéo
• Ajouter un quiz et une question
• Ajouter un remplissage dans la question vierge

Module 6: Marqueurs, hotspots et légendes

Vous apprendrez à ajouter de l’interactivité à votre projet eLearning via des marqueurs, des tables des matières et des points d’accès. Ensuite, vous apprendrez à créer un eLearning accessible en ajoutant des sous-titres codés.
• Ajouter un marqueur
• Ajouter un point d’accès au montage chronologique
• Créer des sous-titres codés
• Contrôle de la synchronisation des sous-titres