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

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