Vidéo: Tutoriel : découper une maquette web 2025
Après avoir préparé une barre de navigation simple mais efficace dans Adobe Fireworks CS6, utilisez l'outil Couper pour créer tranches, puis les exporter. Procédez comme suit:
-
Sélectionnez l'outil Tranche dans la section Web du panneau Outils; puis cliquez et faites glisser à partir du coin supérieur gauche de la section Accueil du rectangle vers le coin inférieur droit.
Pour cet exemple, votre glisser n'a pas besoin d'être exact.
Si vous recherchez la perfection, choisissez Affichage → Règles pour afficher les règles. Lorsque les règles sont visibles, vous pouvez cliquer et faire glisser les guides hors d'eux.
Lorsque vous avez une tranche active, le panneau Propriétés change pour vous offrir différentes options de découpe.
-
Modifiez le format en effectuant un choix dans la liste déroulante Slice Export Settings.
Sélectionnez le format GIF si l'illustration a beaucoup de couleur unie, ou sélectionnez JPEG pour les images avec beaucoup de gradation de couleur.
-
Entrez un lien dans la zone de texte Lien.
-
Entrez une brève description du lien dans la zone de texte Alt.
Alt text est le texte qui apparaît pendant le téléchargement d'une page. Il apparaît également à la place du graphique si un utilisateur a désactivé l'affichage graphique dans son navigateur Web.
-
Avec l'outil Tranche, cliquez et faites glisser pour entourer la seconde moitié de la barre de navigation.
-
Tapez // www. adobe. com dans la zone de texte Lien et tapez Adobe, Inc. dans la zone de texte Alt.
C'est trancher sous une forme simple. Vous pouvez rendre le processus aussi compliqué que vous le souhaitez en créant des pages découpées entières (parce que les moteurs de recherche aiment rechercher du contenu textuel) en navbars avec de nombreux liens et destinations.
