Formations web et création graphique - Quels formats pour le web?

Fermer



Connexion

Formations sur-mesures…

  • Basées sur des programmes solides
  • Adaptées pour répondre à vos besoins
  • Animées par des formateurs issus des entreprises
  • Intégrant le background des participants avec une pédagogie pro-active
  • Associant vos objectifs  et contraiintes de production
  • 20% sous les tarifs usuels
  • Éligibles  à la prise en charge des OPC

Pour une étude gratuite Demandez nous!

Coaching post-formation

  • Vous bénéficierez d'une Hotline directe avec le formateur qui vous coachera amicalement
  • Vous pourrez compter sur lui pour vous aider à résoudre vos petits soucis
  • Vous serez tenu régulièrement au courant des évolutions de votre métier
  • Vous serez intégré à notre réseau d'alertes et de tutoriels
  • Et ce service est gratuit!

Pour une étude gratuiteDemandez nous!

Audits concrets

  • Les solutions pour un site marchand?
  • Optimiser les Cms : Joomla Drupal Worpress, Hikashop, Prestashop ?
  • Développer un Community Management rentable?
  • Créer un  Réseau Social d'Entreprise?
  • Tester l'ergonomie d'un site?
  • Évaluer les rédactionnels?
  • Optimiser pour les moteurs de recherche?

Demandez un devis gratuitDemandez nous!

Votre site mérite le meilleur!

Votre Projet Web mérite un site Joomla Dynamique

un site web plus attractifAttractif un site web plus fonctionnelFonctionnel un site web plus convivialConvivial

Nous concevons pour vous tous types de sites sous Joomla : Sites institutionnels, e-commerce, communautaires, associatifs…

Les avantages d'un site sous Joomla

  • Vous modifiez et enrichissez le contenu à tout moment sans connaissance technique particulière.
  • Vous changez l’aspect (couleurs, formes) des éléments en un simple clic.
  • Chaque contributeur édite son propre contenu, libérant l’administration de tâches fastidieuses.
  • Votre site est interactif est consultable sur périphériques mobiles : smartphones, tablettes…

Que peut-on faire avec un site sous Joomla ?

La configuration de base intègre :

  • Gestion des utilisateurs : Public, Privé, Contributeurs, Administration.
  • Gestion des articles et Blogs
  • Agenda
  • Galeries Photo et Vidéos
  • Documents à télécharger
  • Newsletter (Infolettre par email)
  • Formulaires de contact
  • Géolocalisation

D’autres modules sont facilement intégrables : Petites annonces, Forums et Communautés, Vente en ligne, Gestion d'événements, Manifestations sportives, pré inscriptions, menus des cantines…

Combien ça coûte ?

48cash0 € : Vous pouvez bénéficier d’une prise en charge totale par votre organisme de formation professionnelle, car le site peut être déployé avec vous lors d'une session de formation
Vous n’avez alors rien à payer : nous sommes réglés directement par votre organisme collecteur (Agefos, Agec, Afdas…). Pour des projets complexe, les budgets sont en général inférieurs de moitié aux solutions propriétaires.

Comment se passe la mise en service ?

48lettreNous vous envoyons gratuitement un dossier complet que vous transmettez à votre organisme : convention de formation, itinéraire pédagogique, devis complet.
Une fois l’accord obtenu, vous fixez les dates de votre session de formation. Un formateur se déplace en vos locaux avec le matériel nécessaire. Avec lui vous vous formez à Joomla, configurez le site Joomla et mettez en place les premiers contenus.

Combien de temps cela prend-il ?

48agendaComptez une semaine au maximum pour préparer votre site Joomla (hébergement mise en service), puis une formation de trois jours dans votre établissement.

Et la maintenance ?

inbox-5Vous êtes totalement maître de votre hébergement et de votre nom de domaine. Dans ce cas le coût annuel est inférieur à 20 euros (chez OVH). Vous avez totalement la main sur votre site.

Pour être libéré des contraintes de mise à jour, optez pour une journée de formation annuelle, au cours de laquelle nous faisons ensemble évoluer votre site Joomla en améliorant ses fonctionnalités. Cette journée de formation peut être prise en charge et ne vous coûtera donc rien.

Contactez-nous sans engagement de votre part pour recevoir toutes les précisions complémentaires

Exemples de sites

thumb_001 thumb_002 thumb_003 thumb_004 thumb_005 thumb_006

Quels formats pour le web?

Trois formats s'offrent à vous Jpeg, Gif et Png. Alors pourquoi un jipègue? Pourquoi pas? Ce n'est pas très compliqué.

Prenez cette belle icône

tuto gratuit photoshop : formats de fichiers pour le web

Vous constatez dans le fichier de départ qu'il y a un calque et un arrière-plan.

tuto gratuit photoshop : formats de fichiers pour le web

Masquez l'arrière-plan et notez les petits carrés gris dans le fond. Ils indiquent la transparence. Mais il n'y a pas que la transparence de détourage (zones avec pixels ou sans pixels).

J'ai également entouré la transparence d'opacité. Il y a bien des pixels dans le bas du dossier mais ceux-ci ont une opacité réduite : une vraie transparence.

tuto gratuit photoshop : formats de fichiers pour le web

Maintenant exportons pour le Web. La vignette de gauche indique l'original et les trois autres, chacune un des formats possibles.

Jpeg : pas de transparence du tout.

Gif : transparence de détourage (et encore, avec une frange épouvantable) et désastre sur les ombres portées.

PNG 24 : le mimi, le rara, le miracle.

tuto gratuit photoshop : formats de fichiers pour le web

Remontons ces 3 icônes sur un fond de couleur:

tuto gratuit photoshop : formats de fichiers pour le web tuto gratuit photoshop : formats de fichiers pour le web tuto gratuit photoshop : formats de fichiers pour le web

Alors plus de doutes, pour tous vos habillages graphiques Web 2.0 vous savez quel format utiliser : le png rocks!

Attention toutefois avec IE 5, 5.5 et même 6, il peut y avoir des problèmes de visualisation des transparences. Faites une recherche sur "png fix" et vous trouverez un tas de petits scripts à ajouter à vos en-têtes pour forcer Microsoft à obtempérer.

Quand même !

Bises.

Avec Xdata

XData  pour Xpress (comme InData pour InDesign) est le meilleur plug-in pour réaliser des mises en pages automatiques à partir de données tabulaires (Excel par exemple). Nous travaillons en production avec ce logiciel et formons à son utilsation depuis 1995.

Avec XData (ou Indata)…

  • Flora édite des catalogues de vins en 5 langues
  • Cédric imprime des DVD personalisés
  • Sylvie publie des guides de gites ruraux
  • Fabienne édite des annuaires professionnels

Pour en savoir plus

Pour savoir comment réaliser votre projet de mise en page automatique

Partenaires

Licence MCI partenaire Freeeport

LIcnece Marketing et Commerce sur Internet de l'IUT d'Evry

Ici formation partenaire Freeport

ICI Formation est l'annuaire national de référence pour la formation continue, le droit individuel à la formation (DIF), le bilan de compétences , l'outplacement et la validation des acquis de l'expérience (VAE).

Infos-Support

Appelez-nous par Skype
call didiermazier
C'est gratuit!

Qui est en ligne?

Nous avons 19 invités en ligne

Tutoriels Photoshop gratuits

Dessin à partir d'une photo avec Photoshop

Maîtriser les objets dynamiques est utile pour exploiter à fond Photoshop. Nous allons voir ici à quoi ils servent réellement en créant un dessin à partir d'une photo.

Comment 8% de Daltoniens voient vos maquettes

John Dalton (rien à voir avec : "j'ai un plan, on braque la banque, on bute Lucky Lucke et on passe au Mexique) s'est rendu compte que certains hommes (les femmes sont peu concernées) ne voyaient pas...

Perspective et point de fuite

Prévu initialement pour corriger des perspectives, le filtre Point de Fuite est peu utilisé. Voici pourtant une des ses applications intéressantes pour incruster des images à l'instar du générique de...

L'effet dorure sur vos photos

Donner une teinte modulable à une photo, par exemple, dorée… Nous allons utiliser les objets dynamiques, Appliquer une image, et aussi les scripts pour reproduire l'effet sur d'autres photos.

Formes prédéfinies : coincez la bulle

Faire des bulles… Je ne sais pas pourquoi mais c'est un classique toujours demandé. Ici nous allons créer un effet de magie pétillante en apprenant au passage à régler les formes prédéfinies de...

Un café en Or

Ajouter rapidement des étincelles, des reflets, des brillances… Facile avec les formes prédéfinies de Photoshop. Voici comment les utiliser et les paramétrer au mieux.  

Surréalisme et galerie de filtres

Induire un élément légèrement surréaliste dans une image est facile avec Photoshop. Ce qui l'est moins c'est de le faire de façon non-destructive.

Un portrait style Studio Harcourt (2)

Le tuto Harcourt 1 est réouvert à tous (thx Carine)… Mais voici une alternative avec un modèle beaucoup moins glam: mézigo.  

Affinez une silhouette en 10 mn!

Faut pas exagérer, 5 mn, ce n'est pas assez! Et puis vous avez remarqué, j'ai trouvé une autre image que celles de Scarlett… ...

Verre de champagne transparent avec Photoshop

Récupérer la transparence sur une photo est simple avec Photoshop. Voici les étapes à suivre. À vous de les adapter ensuite à vos cas particuliers.

De la photo au dessin en 2 mn 1/2

En recherchant bien je me suis souvenu de cette technique pour passer une photo en dessin, vieille comme Photoshop. Aujourd'hui grâce aux calques de réglages et aux objets dynamiques, elle est encore...

Une banière Web 2.0

Reflets, ombres portées, relief etc… Voici comment faire rapidement une banière Web 2.0.

Changez les couleurs des objets avec Photoshop

Le remplacement de couleur est une fonction ancienne de photoshop injustement oubliée. Voici comment changer les couleurs des objets… et des gens!

Camera Raw : Chassez le naturel…

Camera Raw est un logiciel dans le logiciel. À l'ouverture d'une image vous effectuez toutes les opérations d'amélioration de base. Celles-ci ne seront pas destructives, car enregistrées en Xml, donc...

Un cheval dans les nuages

Onirisme, rêverie… Les chevaux plaisent. Voici comment les faire voler dans les nuages avec Photoshop.

DNG Pourquoi faire? Comment faire?

Digital Negative est un format Raw libre développé par Adobe. Qu'est-ce qu'un format Raw? Pourquoi utiliser du DNG? Comment convertir son NEF de Nikon (ou autres…) en DNG? Voici les réponses et… Les...

Rectifier contrejour avec photoshop cs5

Le problème du contre-jour est quotidien. Avec la CS5, Photoshop offre des outils qui facilitent les corrections du premier plan ou de l'arrière plan

Metttez Camera Raw à jour!

Ok, vous avez Camera Raw. Mais est-il à jour? Je ne veux pas savoir comment vous avez eu Photoshop, donc il est bien possible que vous ne soyez pas abonnés aux mises à jour. Voici comment faire...

Écrire sur du sable

La pub d'un vendeur de frigo qui commence par un DAR et qui se finit par un TY montre un slogan écrit dans le sable. Comment le faire de façon réaliste?  

  • Dessin à partir d'une photo avec Photoshop

  • Comment 8% de Daltoniens voient vos maquettes

  • Perspective et point de fuite

  • L'effet dorure sur vos photos

  • Formes prédéfinies : coincez la bulle

  • Un café en Or

  • Surréalisme et galerie de filtres

  • Un portrait style Studio Harcourt (2)

  • Affinez une silhouette en 10 mn!

  • Verre de champagne transparent avec Photoshop

  • De la photo au dessin en 2 mn 1/2

  • Une banière Web 2.0

  • Changez les couleurs des objets avec Photoshop

  • Camera Raw : Chassez le naturel…

  • Un cheval dans les nuages

  • DNG Pourquoi faire? Comment faire?

  • Rectifier contrejour avec photoshop cs5

  • Flouter le fond en 5 mn!

  • Metttez Camera Raw à jour!

  • Écrire sur du sable