ELBENNA Souhaieb GSM04. 23/11/2004EBLENNA Souhaieb2 PLAN DE L ’ EXPOSE ● Pr é sentation de ImageReady. ● Cr é ation de Carte-Images. ●Cr é ation de tranches.

Présentation au sujet: "ELBENNA Souhaieb GSM04. 23/11/2004EBLENNA Souhaieb2 PLAN DE L ’ EXPOSE ● Pr é sentation de ImageReady. ● Cr é ation de Carte-Images. ●Cr é ation de tranches."— Transcription de la présentation:

1 ELBENNA Souhaieb GSM04

2 23/11/2004EBLENNA Souhaieb2 PLAN DE L ’ EXPOSE ● Pr é sentation de ImageReady. ● Cr é ation de Carte-Images. ●Cr é ation de tranches. ●Optimisation des images pour Internet. ● Transformation par souris. ● Cr é ation d ’ animation.

3 23/11/2004EBLENNA Souhaieb3 Pr é sentation de ImageReady Fenêtre Animation Fenêtre Optimisation Internet Fenêtre Transformation souris

4 23/11/2004EBLENNA Souhaieb4 Pr é sentation de ImageReady Visualisation sous Internet Explorer Masquer ou non les tranches Masquer ou non les carte-images Création/Sélection des carte-images Création/Sélection des tranches Visualisation sous ImageReady Passage de ImageReady vers Photoshop

5 23/11/2004EBLENNA Souhaieb5 Création de Carte-Images Nom de la carte image Url Option d’ouverture Texte décrivant la zone réactive

6 23/11/2004EBLENNA Souhaieb6 Création de Carte-Images Enregistrement format.PSD modifiable sous ImageReady Enregistrement format html modifiable sous tous logiciels de création site Web comme Dreamweaver ou autre format standard comme JPEG et GIF

7 23/11/2004EBLENNA Souhaieb7 Création de tranches Les tranches sont des zones rectangulaires sur lesquelles on peut : - Définir une optimisation - Ajouter un comportement (souris ou lien) Avantages : - Liberté de création : Conception de la page web avec les outils graphiques d’ImageReady puis exportation des tranches dans un tableau d’éditeur html (dreamweaver) - Optimisation du poids : On définit une optimisation appropriée à chaque zone et on n’exporte pas les zones de fond (refait sur l’éditeur) - Mise à jour de la page facilitée : il suffit de réexporter la zone de texte modifiée et non l’écran entier.

8 23/11/2004EBLENNA Souhaieb8 Création de tranches Outils

9 23/11/2004EBLENNA Souhaieb9 Optimisation des images pour le Web Rappel : - Rapport taille/qualité il faut faire un compromis entre le poids et l’esthétisme qui dépendent du nombre de couleurs, de la résolution de l’image et du type de compression - différence entre GIF/ JPEG: JPEG o compression avec perte d’informations o affichage progressif, pas de transparence, o Photographies GIF o compression sans pertes o affichage progressif et transparence o Illustrations, logos, typographies, objets aux contours nets

10 23/11/2004EBLENNA Souhaieb10 Optimisation des images pour le Web Visualisation des différentes optimisations Réglages des différentes optimisations

11 23/11/2004EBLENNA Souhaieb11 Transformation par souris

12 23/11/2004EBLENNA Souhaieb12 Création d’animation