Retour à l’index
Version à imprimer
Importation de calques Photoshop en tant qu'images distinctes
page: 1 2
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.
main_int
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.
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.
step02_int
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.
step03_int
retour au début
précédent suivant