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 700 cours dispensés par des experts.
Mettre en forme le titre de la page
Dans le cours : L’intégration web : Coder un design en HTML et CSS
Mettre en forme le titre de la page
Nous allons maintenant nous occuper de la zone centrale de notre site, celle qui se trouve entre l'en-tête et le pied-de-page, qui est vide pour le moment. Et dans cette zone, on va mettre le contenu de nos différentes pages. Petit détour par la maquette Photoshop. Là, je me rends compte que j'ai plusieurs pages à réaliser. On va commencer par la plus simple, la plus générique, celle qui contient simplement du texte. Et on va commencer comme d'habitude par la page sur l'écran le plus étroit, celui du smartphone. Donc je fais un petit zoom avant, pour aller voir cette page de plus près. Cette page commence par une zone de titre. Si je sélectionne ici le texte, Titre de la page, j'accède à ces propriétés. Donc c'est du Roboto bold, 30 points. C'est égal à 2.5 em en CSS, de couleur bleue. Si je regarde maintenant dans le panneau des calques, je me rends compte qu'il y a un effet au niveau de ce texte. C'est un effet de contour. Je vais double-cliquer sur le mot Contour pour voir les…
Table des matières
-
-
-
-
-
-
-
(Verrouillé)
Mettre en forme le titre de la page6 m 19 s
-
(Verrouillé)
Mettre en forme les liens4 m 45 s
-
(Verrouillé)
Mettre en forme le texte principal3 m 37 s
-
Mettre en forme des images sur les écrans les plus étroits4 m 27 s
-
(Verrouillé)
Adapter les images sur les écrans les plus larges4 m 29 s
-
(Verrouillé)
-
-
-
-