|
Conception d'un site Web peut être très amusant mais difficile . Peut-être la partie la plus difficile de la conception est de décider comment disposer sur chaque segment du site . Bien que cela puisse être accompli dans de nombreux éditeurs de sites Web , ils ne sont souvent pas les meilleurs outils à ce stade précoce de la conception . Adobe Photoshop fournit un moyen plus facile et plus efficace pour créer des mises en page Web , car il vous permet de visualiser la mise en page sans traiter avec le code HTML. Ce tutoriel va vous apprendre à créer une mise en page web dans Photoshop CS3 , d'autres versions de Photoshop devrait être similaire . Choses que vous devez
Adobe Photoshop
Voir Plus Instructions
1 Ouvrez un nouveau document. Si vous utilisez Adobe CS3 ou supérieur, Adobe a fourni une présélection pour les pages web qui est de 640 x 480 pixels. Dans la boîte de dialogue "Nouveau" , sélectionnez " Web " dans le menu déroulant du bas "Preset" . Si vous n'avez pas un préréglage web ou votre mise en page web est d'une taille différente , saisissez la taille de votre page web dans la "largeur" et des boîtes "Hauteur" .
2 Remplissez le fond avec l' la couleur de fond . Sélectionnez l'outil " Pot de peinture ". Double-cliquez sur la " Couleur de premier plan " pour ouvrir le " Color Picker ". Sélectionnez l'option " Couleurs Web uniquement" case à cocher. Ensuite, choisissez votre couche de fond. Sélectionnez "OK".
3 place la bannière. Créez un nouveau calque . Sélectionnez " Fichier> Importer ... " Accédez à votre image de la bannière et cliquez sur "OK". Placez votre bannière comme souhaité. Si vous ne disposez pas d'une bannière d'image , vous pouvez créer une place pour votre bannière , comme indiqué dans l'étape suivante.
4 Ajoutez les segments restants de la mise en page web . Créez un nouveau calque pour chaque partie de la page Web . Sélectionnez un outil de forme à partir du menu Outils. Choisissez une couleur de fond pour le segment. Dessinez le plan restant pour votre site web .
5 Trancher la mise en page web pour le préparer pour le web. Sélectionnez l' outil " Slice " . Dessinez un cadre autour de chaque segment.
6 Enregistrer pour le Web . Sélectionnez "Fichier > Enregistrer pour le Web. " Appuyez sur «Ctrl A" pour sélectionner toutes les tranches . Ensuite, appuyez sur "Enregistrer". Sélectionnez " HTML et de l'image " dans le menu déroulant "Format" . Assurez-vous que " toutes les tranches " est sélectionné et sauvegarder la disposition en vous dossier du site Web . La mise en page web est maintenant prêt à ajouter du contenu dans un programme d'édition Web comme Dreamweaver.
|
