J'ai envie d'écrire en ce moment alors comme je suis pas égoïste, je vous en fais profiter !
Qui dit site web dit image, couleurs, retouche, création ! C'est très simple à comprendre et à faire ! Attention interro à la fin !
Pour attaquer le webdesign il nous faut :
● Un logiciel de retouche d'image style photoshop
● Beaucoup d'ambition !
C'est parti ! Avant tout, il faut savoir de quoi on parle !
Késako un webdesign ?C'est tout simplement le design d'un site, pas dur à comprendre hein ?!
Maintenant au boulot ! On va décomposer notre tâche !
Un webdesign de base se commence toujours de la même façon, et aura toujours les mêmes éléments. On peut tout à fait les changer de place, à notre guise !
Shéma d'un design de base :Comment vous pouvez le remarquer, un webdesign est composé de 4 éléments. Le Header ou bannière. Le Menu, où se trouverons vos liens vers les différentes pages du site, le Corps où vous écrirez vos pages web, et pour marquer votre trace, le Footer qui se trouve en bas de page. On commence...
1) Le DesignCommencez par créer un nouveau document (800x....px ou 1024x....px) sous Photoshop. Renommez vos calques pour vous y retrouver. Nous allons mettre un fond (unis ou à motif).
2) Le headerOn commence donc par le header, du haut vers la bas... C'est plus facile pour notre travail.
Le header est une grande image en haut de notre page que l'on peut customiser comme l'on souhaite. Une fois l'image créée, collez la sur la partie haute du fond, ajoutez y du texte, un slogan. Cette tache achevée, vous pouvez passez à la partie suivante.
3) Le menuLe menu peut se trouver à gauche, en dessous ou à droite du header. C'est une zone qui peut être de la couleur que vous souhaitez ou accueillir une image. Elle doit rester claire de façon à y mettre ses liens hypertextes. Rajouter un titre en haut "Menu", la partie des liens concernent le html.
4) Le CorpsLe corps du site va servir au texte, y intégrer des images. Vous pouvez le colorier de la couleur que vous le voulez.
5) Le FooterCe petit rectangle tout en bas peut nous servir pour le copyright. On peut y ajouter des liens également.
Et voilà vous avez un webdesign de base ! J'espère que ce tutos vous a plus, n'hésitez pas à me faire part de vos remarques ou questions =)
By Inoue-san