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

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