École de formation conception de site internet ottawa gatineau et hull

Articles

Votre site web est-il Google Mobile Friendly ?

La dernière mise à jour de Google, le « Google Mobile Friendly » a été appliquée à partir du 21 avril 2015. Dès son annonce, il a littéralement fait frémir la toile, car il témoigne de l’intérêt porté par Google au mobile. Si l’on sait que le géant Google n’avait aucun concurrent sérieux, on ne pouvait littéralement […]

Formation Wordpress en entreprise perfectionnement professionnel

Formateur wordpress, woocommerce, html css, seo, sem

Jfl-media est une un centre de formation composée de passionnés de nouvelles technologies. Elle offre plusieurs modules de formations concernant des domaines variés du web tels que WordPress, Woocommerce, HTML et CSS. Nous intervenons dans de nombreuses villes au Canada et collaborons surtout avec des clients qui veulent aller au-delà de leurs connaissances basiques du web. Nous sommes à […]

Apprendre le SEO et le referencement de site web

Comment optimiser votre balise title et votre méta description ?

Les balises et les métas descriptions sont les premiers éléments que vos utilisateurs découvrent lorsqu’ils effectuent une recherche sur les moteurs de recherche. Inutile alors de vous expliquer leur importance de ces données pour le classement de vos pages. En effet, la balise title méta description fait partie des principaux critères retenus par l’algorithme de Google afin de […]

Formez-vous à la réalité virtuelle

La réalité virtuelle, tout est à réinventer

Aujourd’hui, les nouveaux films qui vont paraître au cinéma ont plusieurs défis à relever : conquérir un nouveau public, réinventer les codes narratifs et s’adapter à de nouvelles contraintes techniques inédites. En ce moment, de nombreux acteurs de l’industrie du cinéma s’entendent sur le fait qu’il devrait y avoir des changements dans leur monde. Zoom sur les perspectives de changement […]

Designer de site web conception 2.0 Montréal

Devenir DevOps : la dernière tendance des services

DevOps Pour cette année, le concept de DevOps fait fureur et représente une tendance confirmée dans l’univers des services IT. C’est en effet une pratique visant à séparer les équipes de développement de celles consacrées à l’exploitation pour un objectif commun. A priori, ceci parait risqué, mais c’est une pratique qui vise à donner plus d’agilité à toutes […]

Formation Photoshop ottawa

Formation Photoshop Ottawa, Gatineau, HullFormation Adobe Photoshop a Montreal

Nos formations Photoshop en entreprise à Gatineau sont à la fine pointe des nouvelles techniques. Nos enseignants Adobe Photoshop sont des professionnels aguerris et prêts à vous aider dans vos productions. Nos cours Adobe sont adaptés à vos besoins et conçus selon votre expérience et votre projet. Un atelier Adobe Photoshop qui répond entièrement à vos objectifs et à votre niveau.

Apprendre les outils de sélection dans Photoshop

  • sélection simple
  • outils de sélection lasso
  • lasso magnétique
  • utilisation du lasso polygonal
  • baguette magique
  • Les outils de sélection rapide

Comprendre Photoshop et les calques (layer)

Cours Photoshop et les couleurs

  • utilisation des palettes de couleur
  • formats de couleur
  • création de palettes personnalisées
  • RGB vs CYMK
    Apprendre à créer un nouveau document

    • Naviguer dans la boîte de dialogue Nouveau document
    • Sélectionnez une destination de document – Impression, Web ou Mobile
    • Enregistrer et accéder aux préréglages
    • Utilisation de modèles Adobe
    • Créer et utiliser des cadres
    • Placer du texte
    • Sélectionnez et modifiez le texte
    • Placer des graphiques et des images
    • Utilisation de la visionneuse de contenu

Atelier Photoshop pour le web

  • utilisation de Photoshop pour les sites internet
  • découper une marque web
  • Conception des bandeaux publicitaires dans Photoshop
  • sauvegarder pour le web
  • différents formats d’images pour la création de sites internet
  • JPG, GIF, PNG
  • animation

Le cours se concentre sur la création d’une mise en page de document à partir de zéro, l’examen des contrôles de mise en page et de typographie, le travail avec des calques et la création de documents de plusieurs pages.

Cet atelier d’introduction convient à tout le monde et ne nécessite aucune expérience de conception antérieure. Il est particulièrement populaire auprès des équipes de marketing et de communication ainsi que des pigistes et des éditeurs.

Contact:

Québec:
Montréal : (514) 448-0883
Québec : (418) 478-1647

Ontario:
Ottawa : (613) 366-1743
Toronto : (416) 907-8551

info@jfl-media.com

 

Formation ActionScript de base

Description sommaire du cours ActionScript Cour ActionScript a Quebec

Si vous avez utilisé Flash sans programmation ActionScript, cette formation vous est destinée, car elle vous permet de passer directement à ActionScript 3.0 adopté par Adobe depuis Flash CS3. Nos formateurs vous expliqueront très simplement les bases de la programmation orientée objet, par de petits programmes pédagogiques ou en travaillant avec vous sur vos projets. Vous découvrirez alors comment ActionScript 3.0 décuple les capacités de Flash.


Objectifs

Ce cours permet à l’étudiant de concevoir des animations complexes sans ligne de temps (timeline), réaliser des interactivités de toutes sortes, animer des centaines d’objets sur la scène, appliquer dynamiquement des filtres, contrôler automatiquement le son et la vidéo, etc.

Contenu

. La programmation orientée objet (POO) : explications simples du principe, de la syntaxe et des avantages

. Propriétés et méthodes : les briques de la POO

. Variables et fonctions : déclaration et types

. Placer et enlever dynamiquement un objet de la scène

. Gérer les évènements : souris, clavier, temporisations, rencontres

. Dessiner sans outils grâce à ActionScript 3.0

. Colorer des géométries et appliquer dynamiquement des filtres

. Charger une image et jouer un son ou une vidéo

. Vérifier automatiquement le niveau de chargement et enchaîner plusieurs médias

. Faire, sans ligne de temps, un tween ou une animation image par image

. Réaliser un projet d’animation entier avec AS 3.0

Préalable

Connaissance minimale d’Internet et de l’ordinateur.

Approche pédagogique

La formation ActionScript mise sur la planification et la structure du projet, afin d’optimiser le processus de conception. Ce cours est basé sur une approche personnalisée et pratique qui prend en considération vos acquis, vos compétences, votre projet et ce que vous souhaitez apprendre.

Documents ou matériel à apporter

. Clé USB
. Papier, crayons
. Vos idées

Particularité

Cette formation ActionScript privée répond réellement à vos besoins et offre la possibilité d’approfondir vos connaissances, à votre rythme. L’horaire flexible est établi selon vos disponibilités.

Contact

Montréal : 514 448-0883

Québec : 418 478-1647

Ottawa : 613 366-1743

Toronto : 416 907-8551

info@jfl-media.com

Dreamweaver : Tutoriel sur Langage HTML

Apprendre Dreamweaver avec nos tutoriels sur le HTML

 

Les tableaux dans Dreamweaver

À quoi servent les tableaux dans Dreamweaver

Les tableaux dans Dreamweaver ont la même fonction que ceux dans word, Photoshop, InDesign, Illustrator ou dans un autre logiciel de mise en page ou de traitement de texte. C’est-à-dire qu’ils servent à présenter des données tabulaires.

Mais ils ne servent pas juste à cela…

En effet les tableaux dans Dreamweaver CS servent à contrôler la mise en page en langage HTML. (Utilisation de dimension pour nos pages et insertion de texte et d’image)

Et aussi à créer une mise en forme complexe. (Image d’arrière fond, imbrication d’un autre tableau, insertion de menu, de modèle etc… )

Voici les balises principales pour le langage HTML des tableaux

<TABLE>
signifie la présence du Tableau
<TH>
définie l’entête de ce tableau
<TR>
détermine la fin d’une ligne du tableau
<TD>
définit une cellule du tableau

Chaque élément HTML sont précédé par les caractères <>
la fin d’un élément html est identifié par </>

width
nous informe de la largeur.
border
est la bordure du tableau. Dans ce tableau nous avons une une bordure de 1 pt
class
nous annonce que nous avons choisi pour ce tableau un style de feuille ou CSS qui défnie ses propres paramètres de mise en page

Formation tableau dreamweaver

Voici le code HTML qui défini le tableau précédent:

<table width= »300″ border= »1″ class= »tabl »>
<tr>
<th colspan= »3″ scope= »col »>Entête</th>
</tr>
<tr>
<td width= »87″>TD</td>
<td width= »98″>TD</td>
<td width= »87″>TD</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

info@jfl-media.com

www.jfl-media.com

Tutoriel Photoshop : utilisation de l’outil Lasso

 Apprendre a utiliser l’outil de sélection lasso de photoshop

L’outil Lasso de Photoshop se trouve en haut, à gauche, en deuxième position de la barre d’outil. Il se présente sous forme d’un noeud. Il sert à faire une selection à main libre.

Tutorial l'outil lasso de photoshop

L’outil Lasso de Photoshop vous aide a sélectionner facilement des parties d’une image, afin de changer sa couleur ou d’en supprimer une portion.

Les sous-outils du Lasso

Par un clique gauche maintenu de la souris, on voit apparaitre trois sous-outils du Lasso :

Tutorial l'outil lasso de photoshop

Outil Lasso

L’utilisation de l’outil Lasso (sélectionné par défaut) nécessite l’appui en continu sur la souris pour sélectionner la bordure de l’objet (ici, une orange). Il faut le tour de toute la bordure pour joindre le point de départ et ainsi former le contour. Cette utilisation est plutôt délicate et pratique quand les autre sous-outils du lasso ne permettent pas d’obtenir la sélection souhaitée.

Tutorial l'outil lasso de photoshop

Outil Lasso polygonal

L’outil Lasso polygonal facilite l’utilisation du Lasso puisqu’il permet de placer des points qui vont former des lignes droites, ce qui est plus simple qu’avec l’outil Lasso par défaut. Toutefois, cet outil est réservé pour les objets à bordure droite, donc ne fonctionne pas avec les images comme celle de l’exemple ci-haut.

Il s’agit toujours d’une sélection à «main libre», mais celle-ci fonctionne point par point, donc s’avère plus utile que le Lasso simple.

Shift : Oblige votre sélection à être d’un angle de 90°, 45°, 0°, -45°, -90°, -135°, 180° et 135°
Alt : tant que vous le maintenez, votre outil devient le Lasso simple. Très utile pour les courbes.
Shift : (après une sélection déjà présente ) : ajouter à la première sélection.
Alt : ( après une sélection déjà présente ) : soustraire à la première sélection.

photoshop

Outil Lasso magnétique

L’outil Lasso magnétique reste l’outil favoris dans notre cas, car il permet de sélectionner et automatiquement avec précision le contour de notre orange à l’intérieur d’une image (voir le tutoriel de l’outil magnétique de Photoshop).

Tutoriel l'outil lasso de photoshop
Vous avez remarqué que pour sélectionner l’orange dans l’image l’outil, le plus approprié est l’outil Lasso magnétique, car il permet la sélection automatique de la bordure de l’image. Cela ne veut pas dire que c’est le meilleur outil, si nous avons eu à choisir le bordure d’une fenêtre par exemple l’outil lasso polygonal sera plus approprié.

Utiliser ces touches pour d’autres effets :
Ctrl : Vous pouvez déplacer ce que vous avez sélectionné
Shift ( après une sélection déjà présente ) : ajouter à la premiere sélection
Alt ( après une sélection déjà présente ) : soustraire à la première sélection

Pages

Formation Photoshop ottawa

Formation Photoshop Ottawa, Gatineau, HullFormation Adobe Photoshop a Montreal

Nos formations Photoshop en entreprise à Gatineau sont à la fine pointe des nouvelles techniques. Nos enseignants Adobe Photoshop sont des professionnels aguerris et prêts à vous aider dans vos productions. Nos cours Adobe sont adaptés à vos besoins et conçus selon votre expérience et votre projet. Un atelier Adobe Photoshop qui répond entièrement à vos objectifs et à votre niveau.

Apprendre les outils de sélection dans Photoshop

  • sélection simple
  • outils de sélection lasso
  • lasso magnétique
  • utilisation du lasso polygonal
  • baguette magique
  • Les outils de sélection rapide

Comprendre Photoshop et les calques (layer)

Cours Photoshop et les couleurs

  • utilisation des palettes de couleur
  • formats de couleur
  • création de palettes personnalisées
  • RGB vs CYMK
    Apprendre à créer un nouveau document

    • Naviguer dans la boîte de dialogue Nouveau document
    • Sélectionnez une destination de document – Impression, Web ou Mobile
    • Enregistrer et accéder aux préréglages
    • Utilisation de modèles Adobe
    • Créer et utiliser des cadres
    • Placer du texte
    • Sélectionnez et modifiez le texte
    • Placer des graphiques et des images
    • Utilisation de la visionneuse de contenu

Atelier Photoshop pour le web

  • utilisation de Photoshop pour les sites internet
  • découper une marque web
  • Conception des bandeaux publicitaires dans Photoshop
  • sauvegarder pour le web
  • différents formats d’images pour la création de sites internet
  • JPG, GIF, PNG
  • animation

Le cours se concentre sur la création d’une mise en page de document à partir de zéro, l’examen des contrôles de mise en page et de typographie, le travail avec des calques et la création de documents de plusieurs pages.

Cet atelier d’introduction convient à tout le monde et ne nécessite aucune expérience de conception antérieure. Il est particulièrement populaire auprès des équipes de marketing et de communication ainsi que des pigistes et des éditeurs.

Contact:

Québec:
Montréal : (514) 448-0883
Québec : (418) 478-1647

Ontario:
Ottawa : (613) 366-1743
Toronto : (416) 907-8551

info@jfl-media.com

 

Formation ActionScript de base

Description sommaire du cours ActionScript Cour ActionScript a Quebec

Si vous avez utilisé Flash sans programmation ActionScript, cette formation vous est destinée, car elle vous permet de passer directement à ActionScript 3.0 adopté par Adobe depuis Flash CS3. Nos formateurs vous expliqueront très simplement les bases de la programmation orientée objet, par de petits programmes pédagogiques ou en travaillant avec vous sur vos projets. Vous découvrirez alors comment ActionScript 3.0 décuple les capacités de Flash.


Objectifs

Ce cours permet à l’étudiant de concevoir des animations complexes sans ligne de temps (timeline), réaliser des interactivités de toutes sortes, animer des centaines d’objets sur la scène, appliquer dynamiquement des filtres, contrôler automatiquement le son et la vidéo, etc.

Contenu

. La programmation orientée objet (POO) : explications simples du principe, de la syntaxe et des avantages

. Propriétés et méthodes : les briques de la POO

. Variables et fonctions : déclaration et types

. Placer et enlever dynamiquement un objet de la scène

. Gérer les évènements : souris, clavier, temporisations, rencontres

. Dessiner sans outils grâce à ActionScript 3.0

. Colorer des géométries et appliquer dynamiquement des filtres

. Charger une image et jouer un son ou une vidéo

. Vérifier automatiquement le niveau de chargement et enchaîner plusieurs médias

. Faire, sans ligne de temps, un tween ou une animation image par image

. Réaliser un projet d’animation entier avec AS 3.0

Préalable

Connaissance minimale d’Internet et de l’ordinateur.

Approche pédagogique

La formation ActionScript mise sur la planification et la structure du projet, afin d’optimiser le processus de conception. Ce cours est basé sur une approche personnalisée et pratique qui prend en considération vos acquis, vos compétences, votre projet et ce que vous souhaitez apprendre.

Documents ou matériel à apporter

. Clé USB
. Papier, crayons
. Vos idées

Particularité

Cette formation ActionScript privée répond réellement à vos besoins et offre la possibilité d’approfondir vos connaissances, à votre rythme. L’horaire flexible est établi selon vos disponibilités.

Contact

Montréal : 514 448-0883

Québec : 418 478-1647

Ottawa : 613 366-1743

Toronto : 416 907-8551

info@jfl-media.com

Dreamweaver : Tutoriel sur Langage HTML

Apprendre Dreamweaver avec nos tutoriels sur le HTML

 

Les tableaux dans Dreamweaver

À quoi servent les tableaux dans Dreamweaver

Les tableaux dans Dreamweaver ont la même fonction que ceux dans word, Photoshop, InDesign, Illustrator ou dans un autre logiciel de mise en page ou de traitement de texte. C’est-à-dire qu’ils servent à présenter des données tabulaires.

Mais ils ne servent pas juste à cela…

En effet les tableaux dans Dreamweaver CS servent à contrôler la mise en page en langage HTML. (Utilisation de dimension pour nos pages et insertion de texte et d’image)

Et aussi à créer une mise en forme complexe. (Image d’arrière fond, imbrication d’un autre tableau, insertion de menu, de modèle etc… )

Voici les balises principales pour le langage HTML des tableaux

<TABLE>
signifie la présence du Tableau
<TH>
définie l’entête de ce tableau
<TR>
détermine la fin d’une ligne du tableau
<TD>
définit une cellule du tableau

Chaque élément HTML sont précédé par les caractères <>
la fin d’un élément html est identifié par </>

width
nous informe de la largeur.
border
est la bordure du tableau. Dans ce tableau nous avons une une bordure de 1 pt
class
nous annonce que nous avons choisi pour ce tableau un style de feuille ou CSS qui défnie ses propres paramètres de mise en page

Formation tableau dreamweaver

Voici le code HTML qui défini le tableau précédent:

<table width= »300″ border= »1″ class= »tabl »>
<tr>
<th colspan= »3″ scope= »col »>Entête</th>
</tr>
<tr>
<td width= »87″>TD</td>
<td width= »98″>TD</td>
<td width= »87″>TD</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

info@jfl-media.com

www.jfl-media.com

Tutoriel Photoshop : utilisation de l’outil Lasso

 Apprendre a utiliser l’outil de sélection lasso de photoshop

L’outil Lasso de Photoshop se trouve en haut, à gauche, en deuxième position de la barre d’outil. Il se présente sous forme d’un noeud. Il sert à faire une selection à main libre.

Tutorial l'outil lasso de photoshop

L’outil Lasso de Photoshop vous aide a sélectionner facilement des parties d’une image, afin de changer sa couleur ou d’en supprimer une portion.

Les sous-outils du Lasso

Par un clique gauche maintenu de la souris, on voit apparaitre trois sous-outils du Lasso :

Tutorial l'outil lasso de photoshop

Outil Lasso

L’utilisation de l’outil Lasso (sélectionné par défaut) nécessite l’appui en continu sur la souris pour sélectionner la bordure de l’objet (ici, une orange). Il faut le tour de toute la bordure pour joindre le point de départ et ainsi former le contour. Cette utilisation est plutôt délicate et pratique quand les autre sous-outils du lasso ne permettent pas d’obtenir la sélection souhaitée.

Tutorial l'outil lasso de photoshop

Outil Lasso polygonal

L’outil Lasso polygonal facilite l’utilisation du Lasso puisqu’il permet de placer des points qui vont former des lignes droites, ce qui est plus simple qu’avec l’outil Lasso par défaut. Toutefois, cet outil est réservé pour les objets à bordure droite, donc ne fonctionne pas avec les images comme celle de l’exemple ci-haut.

Il s’agit toujours d’une sélection à «main libre», mais celle-ci fonctionne point par point, donc s’avère plus utile que le Lasso simple.

Shift : Oblige votre sélection à être d’un angle de 90°, 45°, 0°, -45°, -90°, -135°, 180° et 135°
Alt : tant que vous le maintenez, votre outil devient le Lasso simple. Très utile pour les courbes.
Shift : (après une sélection déjà présente ) : ajouter à la première sélection.
Alt : ( après une sélection déjà présente ) : soustraire à la première sélection.

photoshop

Outil Lasso magnétique

L’outil Lasso magnétique reste l’outil favoris dans notre cas, car il permet de sélectionner et automatiquement avec précision le contour de notre orange à l’intérieur d’une image (voir le tutoriel de l’outil magnétique de Photoshop).

Tutoriel l'outil lasso de photoshop
Vous avez remarqué que pour sélectionner l’orange dans l’image l’outil, le plus approprié est l’outil Lasso magnétique, car il permet la sélection automatique de la bordure de l’image. Cela ne veut pas dire que c’est le meilleur outil, si nous avons eu à choisir le bordure d’une fenêtre par exemple l’outil lasso polygonal sera plus approprié.

Utiliser ces touches pour d’autres effets :
Ctrl : Vous pouvez déplacer ce que vous avez sélectionné
Shift ( après une sélection déjà présente ) : ajouter à la premiere sélection
Alt ( après une sélection déjà présente ) : soustraire à la première sélection