|
Photoshop est une conception graphique et l'application de retouche photo développé par Adobe . Il est le leader du marché des logiciels d'édition d'image numérique. Ses fonctionnalités incluent la possibilité de créer et manipuler des graphiques pour l'impression et l'utilisation du Web . Il comprend également de nombreuses fonctionnalités pour aider les utilisateurs dans la conception de sites Web et de codage. Non seulement les images d'optimiser les logiciels pour l'utilisation du Web , il peut également générer des feuilles de style en cascade et le code HTML nécessaire d'inclure des graphiques dans les pages web . Choses que vous devez
HTML logiciel de retouche
Afficher plus Instructions
1 Créer votre image. Lorsque vous avez terminé , utilisez la fonction " Slice " de Photoshop pour diviser votre image en sections. Utilisez le "Select Slice " outil pour renommer chaque section avec des noms qui correspondent à l'organisation de votre site. Par exemple, si votre image comprend des boutons de navigation de site , les sections de noms dans ce domaine "nav . " Ces sections correspondent aux balises " div " dans votre code CSS.
2 Dans la barre de menu cliquez sur "Fichier" puis choisissez " Enregistrer pour le Web et les périphériques. " Choisir " 2-Up " ou "4 -Up" dans les onglets au-dessus de la zone de l'image pour une sélection d'avant-premières . Choisissez les options que vous voulez pour votre image dans la section « Preset». Sélectionnez la aperçu d'image qui correspond le mieux à vos caractéristiques visuelles. Cliquez sur " Enregistrer".
3 Tapez le nom du fichier dans le champ " Nom de fichier" . Sélectionnez " HTML et Images " dans le champ "Type " . Sélectionner «Autres» dans le champ Paramètres . Une boîte de dialogue " Paramètres de sortie " s'affiche. Dans les paramètres déroulant, sélectionnez "Personnalisé ". Cliquez sur le bouton "Suivant" jusqu'à ce que vous voyez la section "Sortie Slice " . Sélectionnez le "CSS Générer " bouton radio .
4 Choisissez le format de sortie de la CSS dans le menu référencé. Pour une feuille de style externe , sélectionnez " Par ID » ou « par classe ». Votre CSS sera organisée par n'importe quel élément de votre choix. Si vous voulez que votre CSS pour être en ligne (inclus dans le haut de votre page HTML ), sélectionnez " Inline ".
5 complète sélectionner d'autres options dans les paramètres de sortie . Lorsque vous avez terminé , cliquez sur " OK. " Dans le domaine des tranches sélectionner les tranches que vous voulez inclure dans la sortie CSS. Assurez-vous que vous avez navigué à l'endroit où vous voulez que le fichier soit situé dans le "Enregistrer optimisé " zone de gestionnaire de fichiers. Cliquez sur " Enregistrer".
6 Ouvrez le fichier HTML que vous venez de créer dans votre programme d'édition HTML. Votre code HTML , avec CSS, sera là où vous l'avez enregistré sur votre ordinateur et prêt soit insérer dans une page Web que vous créez ou sous forme de page web autonome . Modifiez le code , si nécessaire, à votre goût.
7 ouvrir le fichier dans votre navigateur de choix pour voir le fichier pour vérifier les éventuels problèmes et pour s'assurer qu'il correspond à l'image que vous avez créé dans Photoshop.
|
