|
Construire une disposition de site Web est une tâche difficile qui prend graphiques designers des années à maîtriser . Pour les deux expérimentés et inexpérimentés , Photoshop d'Adobe fournit un certain nombre d'outils qui facilitent le processus de création d' une mise en page du site. Avant de commencer, vous devriez avoir une bonne idée de la façon dont vous voulez que votre site à regarder. Esquisser quelques échantillons sur papier avant de commencer afin que vous ayez déjà un point de départ solide. À partir d'un logo déjà conçu permettra également d'accélérer la création de votre mise en page. Instructions
1 Créer un nouveau fichier dans Photoshop en cliquant sur le menu " Fichier" et choisir "Nouveau". La taille de l'image détermine la taille finale de votre site , afin de choisir une largeur qui est approprié pour la plupart des écrans . Une largeur de 750 pixels fera en sorte que votre site est visible par toute personne utilisant une résolution d'écran supérieure à 800 x 600 ou plus. Entrez une valeur pour la hauteur d'environ 500 pixels. Cela peut être réglée ultérieurement . Appuyez sur "OK".
2 conception en-tête de votre site Web, qui est la zone qui apparaît en haut de votre page Web . Cette zone doit être limité à un maximum de 200 pixels de hauteur. Indiquez le nom de votre site web et logo dans ce domaine, ainsi que des graphiques ou des photographies qui mettent en valeur le but de votre site web. Par exemple, le site web de mise en page d'une entreprise à but non lucratif peuvent contenir des photos de personnes qu'ils ont aidées .
3 Créer une barre de navigation dans votre tête qui est d'environ 50 pixels de haut. Sélectionnez l'outil "Type de texte " de la barre d'outils sur la gauche , puis cliquez sur votre image à taper. Entrez les noms des différentes pages principales de votre site (comme "Home ", "About Us ", "Contact ", " Produits ", etc.)
4 Faire une boîte sous votre barre de navigation pour représenter la zone de texte sur votre site ira. Vous pouvez laisser cette zone vide pour l'instant, mais vous devez avoir la zone réservée de sorte que vous n'avez pas ajouter des dessins à elle. La zone peut être aussi large que votre tête et barre de navigation, ou être plus étroite pour accueillir des encadrés sur les .
5 conception encadrés gauche, droite ou les deux si vous avez laissé de place pour eux . Ces encadrés débuteront sous votre tête et iront sur toute la longueur de la page jusqu'à ce que votre pied de page. Votre barre latérale peut soit inclure des graphiques ou des photos , ou peut- être une autre zone de texte . Si vous réservez les zones de texte , vous pouvez les laisser vides . Sinon, commencer à concevoir les graphiques qui apparaissent dans vos barres latérales .
6 Créer un pied de page au bas de l'image. Le pied de page doit être aussi large que la tête , mais peut être aussi grand ou petit que vous le désirez . Vous n'avez pas besoin de vous soucier de laisser suffisamment d'espace entre votre tête et pied de page pour le texte en tant que votre conception va grandir et rétrécir automatiquement pour accueillir plus ou moins de texte . Inclure les informations de droit d'auteur dans votre pied de page ainsi que les avertissements juridiques que vous souhaitez ajouter .
7 continuer à travailler sur tous les aspects de la mise en page du site jusqu'à ce que vous soyez satisfait de son look. Enregistrez le fichier en cliquant sur le menu " Fichier" et choisir "Enregistrer". Enregistrez l'image en format Adobe Photoshop (*. Psd) afin que vous puissiez plus tard revenir et faire des modifications supplémentaires sans aucune perte de qualité .
8 Sélectionnez l'outil « Slice » de la barre d'outils les sélections gauche et glisser à travers les différentes zones de votre image. Si vous utilisez seulement un en-tête , la zone de texte et pied de page, faire trois sélections autour de ces trois domaines. Si vous avez inclus encadrés , créer des tranches supplémentaires autour de ces zones . Faire glisser un rectangle de sélection autour d'une zone avec l'outil de coupe choisi est tout ce qui est nécessaire pour créer une tranche.
9 Cliquez sur "Fichier " et choisissez " Enregistrer pour le Web . " Photoshop va demander des noms de fichiers pour chacune des tranches que vous avez créés , et va générer une image distincte pour chacune des tranches . Les tranches peuvent alors être reconnecté à la disposition de votre site web en utilisant un programme de conception de sites Web tels que FrontPage ou Dreamweaver, ou à la main en utilisant le code HTML.
|
