En utilisant l'outil Slice dans Adobe Photoshop CC, vous pouvez transformer une image, ou une partie d'une image, dans un lien hypertexte cliquable. Le hic à cette caractéristique est que, afin de rendre le travail de l'hyperlien, vous devez enregistrer l'image en tant que fichier HTML plutôt que d'une plaine JPG ou PNG. Heureusement, ceci est une caractéristique tout le monde peut utiliser, même si vous n'êtes pas un expert dans le codage. Photoshop crée le code HTML pour vous et intègre l'image dans un format d'image Web convivial.
Étape 1:Ouvrez une image dans Photoshop. Idéalement, il devrait être quelque chose d'assez grand pour montrer bien dans un navigateur Web. Sélectionnez le "Slice Outil" à partir de la boîte à outils. Si il est pas visible, cliquez et maintenez le coin inférieur droit de l'outil de recadrage, ou un autre outil de son groupe qui est visible, puis sélectionnez le "Outil Slice."
Étape 2:Faites glisser le curseur sur la zone que vous voulez être cliquable. Pour créer un lien hypertexte sur une image, vous pouvez faire glisser le curseur sur l'image entière.
Etape 3:Faites glisser le curseur Slice outil sur une partie seulement de l'image si vous souhaitez plus d'un lien hypertexte. Lorsque vous relâchez le bouton de la souris, vous pouvez créer une deuxième tranche pour la prochaine hyperlien. Si vous le souhaitez, vous pouvez créer une douzaine ou plus de liens hypertexte sur une seule image.
Etape 4:Double-cliquez sur une tranche avec l'outil Slice pour ouvrir la fenêtre Options de tranche. Pour créer un lien hypertexte, vous devez taper l'adresse de la page Web dans le "URL" domaine. Alors que les autres champs sont facultatifs, en utilisant un nom aider à distinguer un lien depuis un autre. Ajout "_blank" pour le champ Cible spécifie que le lien doit ouvrir dans un nouvel onglet du navigateur Web. Le champ de Tag Alt est le texte qui affiche si votre image est pas visible dans les navigateurs non-graphiques ou lorsque l'image est en cours de chargement. Le champ de texte du message est ce que le navigateur affiche à la place de l'URL dans la barre d'état.
Etape 5:Sélectionner "Enregistrer pour le Web" dans le menu Fichier, une fois que vos liens sont complètes. Sélectionnez "PNG-24" ou "JPG" comme préréglages, puis cliquez sur le "Sauvegarder" bouton. Cliquez sur le "Format" menu et sélectionnez "HTML et images." Cela change le format de fichier au format HTML. Après avoir cliqué sur "Enregistrer," Photoshop crée une seule page HTML en utilisant l'image et les liens que vous avez créés. Le fichier d'image elle-même est enregistré dans un dossier Images. Ajouter à la fois le fichier HTML et le dossier Images dans le même répertoire sur votre site en utilisant votre client FTP favori.