Voici une formation Fireworks CS6 en vidéo de plus de 6h30. Apprenez à utiliser Fireworks de A à Z en 76 tuto vidéo. Fireworks n’est pas Photoshop, même s’il traite parfaitement les images bitmap dont nous avons besoin pour le web. Fireworks n’est pas Illustrator, même s’il offre la possibilité de travailler rapidement les objets graphiques vectoriels dont le web a besoin pour orner ses interfaces. Fireworks n’est pas non plus le remplaçant d’ImageReady car Fireworks permet de tirer parti des avantages à la fois du vectoriel, du bitmap et du texte, et également d’en extraire les CSS. Fireworks permet d’organiser des graphiques en sprites. Fireworks permet de présenter des prototypes responsives. Fireworks permet de préparer des modèles pour jQuery mobile. Fireworks permet d’utiliser une API qui le fait évoluer sans cesse et lui permet de répondre à besoins toujours plus divers et nombreux. En résumé : Fireworks permet bien des choses, que seul Fireworks a su nous proposer jusqu’à présent !

En tant que web designer ou développeur web, nous avons besoin d’une application qui nous permette de développer des maquettes interactives d’interfaces qui s’appuient sur des modes grilles, fixes ou liquides.

Bande annonce de cette formation Fireworks CS6 :

Nous avons besoin d’une application qui puisse appréhender des formes ou des éléments propres à l’environnement informatique, comme le pixel, l’alignement des textes et les couleurs et qui sache interpréter les CSS.

Nous avons besoin d’une application qui offre la possibilité d’employer des techniques qui seront reproduites sur des schémas web comme les sprites ou les modèles jQuery. Cette application doit aussi être capable d’utiliser des couleurs en mode rgba(), hsla(), de gérer des pages et les lier entre elles par des liens interactifs. Travailler avec des symboles et les décliner en fonction de nos besoins, posséder des bibliothèques sont des capacités que cette application doit également posséder.

Nous avons besoin d’une application simple et rapide d’utilisation qui exporte vers des formats classiques (GIF, JPG, PNG), mais qui est en mesure de présenter un travail sur des compositions plus riches (HTML, PDF, application AIR, sprites, CSS, etc.) La compatibilité avec des formats devenus des standards (PSD, AI, FXG, MXML, etc.) est indispensable.

Nous avons besoin de nous appuyer sur une API accessible et permettant par conséquent d’automatiser de manière simple des tâches répétitives et surtout de pouvoir compter sur un réseau étendu de développeurs qui fournissent régulièrement des extensions optimisant l’outil.

Bref ! Aujourd’hui peut être que le web possède déjà Fireworks… mais qu’il ne le sait toujours pas.

Vue d'ensemble de la formation Fireworks CS6 :

• Introduction
  Dans ce chapitre, revenons sur Fireworks. Avec cette formation sur les fondamentaux de Fireworks, nous allons mettre l'accent avant tout sur les atouts et les avantages de cet outil résolument orienté web.
• L'interface et la prise en main
  Avant d'entrer dans le vif du sujet et bien que l'interface soit extrêmement intuitive, prenons le temps de ce chapitre pour en faire le tour et passer en revue ses différents outils.
• Optimiser l'environnement
  Dans ce chapitre, nous verrons que Fireworks, à la différence d'autres solutions, intègre la possibilité d'ajouter un grand nombre d'outils, sous forme d'extensions, qui en augmente l'utilisabilité et les fonctionnalités.
• Travailler avec les médias
  Vecteur, bitmap et texte sont les trois éléments de base que Fireworks va ingérer pour créer et modéliser des contenus. Nous allons leur accorder une attention particulière tout au long de ce chapitre.
• L'enrichissement
  Dans ce chapitre, nous allons voir qu’une fois les bases du document mises en place, Fireworks permet d'enrichir l'ensemble des éléments de manière dynamique.
• Le prototypage
  De par sa nature polyvalente, sa gestion multi-pages et ses bibliothèques extensibles, Fireworks permet de travailler sur un document depuis son croquis jusqu'à une version de maquette relativement avancée. Nous allons donc consacrer ce chapitre aux capacités de Fireworks pour prototyper nos sites et applications web.
• L'interaction et les découpes
  Un prototype sans interaction reviendrait à avoir un ensemble de planches contacts. Pour qu’il n’en soit pas ainsi, nous allons passer en revue dans ce chapitre l’intégralité des techniques qui permettent de rendre des documents interactifs de manière simple et rapide.
• Créer des présentations
  Fireworks prévoit la communication entre divers interlocuteurs de l'équipe, ainsi qu’avec les clients afin de garantir une présentation optimale du travail et des diverses propositions visuelles. Au cours de ce chapitre, nous explorons les diverses possibilités de présentation et d'exportation de Fireworks.
• L'automatisation
  Nous allons voir au cours de ce chapitre que Fireworks propose de nombreuses solutions pour organiser et optimiser l'utilisation d'un bon nombre des commandes additionnelles dont il fait état.
• Aller plus loin
  Afin de continuer à creuser et à explorer les capacités de Fireworks, il existe un grand nombre de blogs et de forums qui permettent d'échanger et d’avancer dans le domaine de la préparation de sites web et du prototypage. Voici dans ce chapitre quelques sites et pistes utiles.

Les fichiers sources sont proposés avec cette formation.

Notez que vous pouvez acheter à l'unité toutes les vidéos de cette formation. Pour cela, cliquez sur l'onglet "table des matières".