Dans le cours : L’intégration web : Coder un design en HTML et CSS
Accédez à ce cours grâce à un essai gratuit
Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.
Définir la largeur du site
Dans le cours : L’intégration web : Coder un design en HTML et CSS
Définir la largeur du site
La dernière chose que nous allons faire dans ce chapitre, c'est de définir la largeur de notre site sur les différents écrans. Vous pouvez pour cela vous baser sur les informations que vous trouvez dans la maquette Photoshop. Dans la maquette Photoshop, nous avons, rappelez-vous, plusieurs plans de travail et certains d'entre eux représentent le site sur les écrans les plus étroits des écrans de smartphones. Alors on va essayer de découvrir la largeur de ces plans de travail. Vous allez voir que c'est assez simple. Donc dans Photoshop, vous prenez l'outil déplacement qui est l'outil par défaut de Photoshop par ailleurs, et avec l'outil déplacement, vous allez cliquer sur le nom d'un plan de travail, donc ici mobile portrait menu Open. Donc je clique sur le nom et ici au-dessus alors j'ai cette information. La largeur de ce plan de travail est égale à 375 pixels. Je peux faire la même expérience avec les autres largeurs. Donc ici pour tablette portrait, on a une largeur de 920 pixels…
Table des matières
-
-
-
-
-
(Verrouillé)
Normaliser les styles CSS pour tous les navigateurs4 m 40 s
-
(Verrouillé)
Importer les polices de caractères4 m 57 s
-
Définir le jeu de couleurs4 m 21 s
-
(Verrouillé)
Définir les valeurs par défaut principales5 m 29 s
-
(Verrouillé)
Mettre le pied de page dans le fond de la fenêtre3 m 54 s
-
(Verrouillé)
Définir la largeur du site6 m 24 s
-
(Verrouillé)
-
-
-
-
-
-