COMMENT FAIRE LE DESIGN ?

Coucou !

Je vous met en post-it la façon dont il faut s'y prendre afin de faire le layout (pour que ce soit codable, c'est à dire que l'on puisse le transformer en pages internet). Cela vous permettra de commencer, et ça fera un gain de temps pour moi (je pourrai ainsi prendre plus vite de nouveaux élèves).

-------------------------- CREER LE LAYOUT (DESIGN)

Donc déjà, un design, à la base, c'est une grande créa ^^ Par contre, on la "coupe" souvent en plusieurs parties afin que ce soit plus facile à coder. Coder, ça veut dire faire en sorte que l'on puisse mettre du texte, des images, des liens... faire que ça soit une page internet en fait, et non plus une image.

On le fait en deux parties. Je vous poste un exemple qu'une de mes élèves avait fait pour son site.

D'abord ce qu'on appelle le fond :
https://2img.net/r/ihimizer/img232/9284/fondwl0.jpg
En fait, il y a une petite partie à gauche, où l'on mets comme couleur la couleur que l'on veut pour le fond de page de ton site. Ensuite, sur l'exemple, il y a une partie noir (c'est à l'endroit où il y aura le texte sur le site). Puis de nouveau la couleur de fond de page à droite. Vous pouvez reprendre les mêmes tailles que l'exemples que j'ai donné ou changer, c'est comme vous. Il n'y a aucune règle fixe sur les tailles des layouts. C'est en fonction du goût de chacun

Deuxièmement, il y a le "header". C'est en fait un blend.
Exemple qui va avec le fond :
https://2img.net/r/ihimizer/img220/1358/headerfinistt7.jpg

Pour la hauteur du header, c'est comme vous voulez. Pour la largeur, le header doit avoir la même largeur que la colonne "du milieu" qu'il y a sur le fond. Sur l'exemple que j'ai donné, la partie noir fait xxx pixels. La largeur du header est aussi la taille xxx pixels.

--------------------------

Voilà Si vous avez des questions, vous pouvez les poser à la suite de ce message. Si vous avez un cours ouvert à votre nom, posez-les plutôt dans le cours à ce moment-là

EDIT : si vous voulez que je vous dise si ce que vous avez fait joue bien, vous pouvez m'envoyer les deux images par MP.

Je n'arrive pas à ouvrir le 1er lien, ca me met pas l'image :s

EDIT:

C'est quoi un blend ??

Je la vois moi. Je te réhéberge l'image et je la poste.

Ca t'ouvre une page quand même ? Parce que si tu as un écran qui n'est pas très large, l'image correspond à une petite ligne qui peut faire tout au plus 2 pixels de haut

EDIT :

lien -> https://2img.net/r/ihimizer/img4/9284/fondwl0.jpg

IMAGE EN SPOILER :

Spoiler:

Ha oui je la voix mercii.

Je sais pas si t'as vu l'édit de l'autre message?

J'avais pas vu ^^ Ce que c'est un blend... c'est une sorte de créa (comme les avatars, les fonds d'écran...).

Si tu veux un exemple de blend : tu en as un au sommet du forum
Après, on appelle ça un header quand c'est employé pour le design d'un site.

Spoiler:

Je sais pas si j'ai vraiment été clair

Ouais si ^^

Ok. Parfait alors

J'ai fait un EDIT dans mon 1ier message.