|
|
 |
|
|
|
|
|
|
Trucs et astuces |
|
|
|
|
|
Importation de calques Photoshop en tant qu'images distinctes |
|
|
|
|
|
|
Concevez votre page Web dans Adobe® Photoshop®, puis importez les calques du fichier dans Adobe GoLive®. Chaque calque du fichier Photoshop est ouvert séparément dans la boîte de dialogue Enregistrer pour le Web, qui vous permet de l'optimiser et de l'enregistrer en tant qu'image Web distincte. GoLive place les images Web au sein de votre page dans des boîtes flottantes. Vous pouvez animer ces dernières ou les utiliser pour superposer des images.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. Créer une page Web et importer des calques Photoshop. Créez une nouvelle page dans GoLive. Choisissez ensuite Fichier > Importer > Calques Photoshop en boîtes flottantes et ouvrez votre fichier Photoshop. Vous êtes invité à sélectionner un dossier cible pour l'enregistrement de vos images Web. Choisissez un dossier existant de votre site ou créez-en un. |
| |
|
|
|
2. Optimiser chaque calque en tant qu'image Web. La boîte de dialogue Enregistrer pour le Web s'ouvre automatiquement pour chaque calque du fichier Photoshop, en commençant par le calque de fond. Si vous ne souhaitez pas enregistrer un calque spécifique en tant qu'image Web, cliquez sur Annuler. La boîte de dialogue Enregistrer pour le Web correspondante se ferme. Elle s'ouvre à nouveau pour le calque suivant du fichier Photoshop. Dans le panneau Optimisé, sélectionnez l'image à l'aide de l'outil Sélection de tranche, puis choisissez les options d'optimisation, comme vous le feriez dans Photoshop. Pensez à sélectionner l'option Transparence pour les images GIF ou PNG superposées sur d'autres images. Cliquez sur Enregistrer pour fermer la boîte de dialogue et enregistrer l'image Web. GoLive nomme chaque image en fonction du nom du calque Photoshop correspondant. |
| |
|
| |
|
|
|
3. Organiser les boîtes flottantes. Les boîtes flottantes correspondent à des calques DHTML qui vous permettent de positionner des images dans votre page, avec ou sans chevauchement. Pour sélectionner une boîte flottante et l'image associée, placez le pointeur sur le bord de la boîte flottante de manière qu'il se transforme en main, puis cliquez. L'inspecteur de la boîte flottante et la palette correspondante indique également que la boîte flottante est sélectionnée. Lorsque vous positionnez la boîte flottante et l'image associée, l'ancre de la boîte reste affichée dans le coin supérieur gauche de la page, au point d'insertion d'origine. Définissez la valeur d'index Z de chaque boîte flottante dans l'inspecteur approprié. Une boîte flottante dotée de la valeur 1 est affichée derrière une boîte flottante dotée de la valeur 2. |
| |
|
| |
|
|
|
4. Convertir les boîtes flottantes en grille de mise en page. Si vous souhaitez que votre page puisse s'afficher dans des navigateurs Web n'utilisant pas de calques dynamiques HTML 4.0, vous pouvez convertir ces derniers en grille de mise en page. Assurez-vous que les boîtes flottantes ne se chevauchent pas (supprimez ou déplacez toute boîte flottante située à l'arrière-plan), puis choisissez Convertir en grille dans le menu contextuel de la palette Boîtes flottantes. GoLive crée une nouvelle page sans titre et place toutes les images Web sur une grille de mise en page, en respectant leur emplacement dans la page d'origine. Dans cet exemple, les boîtes flottantes peuvent être converties en grille de mise en page, moyennant quelques ajustements de la conception. |
| |
|
| |
|
|
|
|
|
|
|
|
|
2002 Adobe Systems Incorporated. Tous droits réservés. |
|
|
|
|