|
Si vous travaillez sur la création d' un site Web, alors vous voudrez utiliser divs de diviser votre page. Divs sont code html pour une section particulière d'un document , vous permettant d'assigner différentes fonctions ( comme les hyperliens ) de cet article . Heureusement, vous n'avez pas à être un expert html pour créer divs dans vos graphiques web. Vous pouvez utiliser Photoshop CS2 pour créer le design de votre page, puis exporter la conception d' un programme de compagnon de Photoshop, ImageReady . Instructions
1 Ouvrez Photoshop . Sélectionnez "Fichier" et cliquez sur "Nouveau". Dans la boîte de dialogue qui apparaît, sélectionnez l'une des tailles de modèle web . Il est généralement préférable d'y aller avec 800 x 600, car c'est le plus petit dénominateur commun le plus susceptible de travailler sur les réglages de l'écran de quiconque.
2 Créer votre conception de site avec tous vos graphiques et des boutons de navigation. Vous pouvez inclure du texte , tant que vous n'avez pas pixellisées dans Photoshop (si vous pixelliser le texte dans Photoshop , il sera floue) . Travailler en couches , de sorte que vous pouvez facilement apporter des modifications à la conception.
3 Cliquez sur le bouton ImageReady d'exportation au bas de la barre d'outils . Cela permettra d'ouvrir votre conception dans ImageReady . Sélectionnez l'outil " trancher " et commencer à créer des tranches sur votre conception. Trancher l'image afin de créer des sections distinctes ( div ) qui sont conformes à votre conception. Par exemple, les boutons de navigation individuelles sur votre page doit être leur propre div . Et si, comme les boutons de navigation , la div sera hyperlien , vous devez ajouter ce lien dans le panneau " Slice " .
4 Allez dans le panneau " Optimiser " et sélectionnez le type d' image que vous veulent chaque tranche soit. Des images détaillées ou des photos sont mieux sauvegardés au format JPEG .
5 Sélectionnez "Fichier" puis "Enregistrer sous Optimized " et sélectionnez " HTML et images . " Importer la page HTML que vous avez créé dans votre éditeur de page web (avec le dossier d'image associé ) . Vous êtes prêt à publier .
|
