La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Procédés de Mise en forme Les Feuilles de style en Cascade C.S.S (Cascading Style Sheet) Alain Gély – Stage CIES « Initiation au web »

Présentations similaires


Présentation au sujet: "Procédés de Mise en forme Les Feuilles de style en Cascade C.S.S (Cascading Style Sheet) Alain Gély – Stage CIES « Initiation au web »"— Transcription de la présentation:

1 Procédés de Mise en forme Les Feuilles de style en Cascade C.S.S (Cascading Style Sheet) Alain Gély – Stage CIES « Initiation au web »

2 Les Feuilles de style en Cascade C.S.S (Cascading Style Sheet) références

3 Les C.S.S Permettent de séparer le fond de la forme Permettent de séparer le fond de la forme Assurent une compatibilité plus grande Assurent une compatibilité plus grande Permettent une maintenance facilitée Permettent une maintenance facilitée Les CSS par lexemple Les CSS par lexemple Exemple 1Exemple 1 - Exemple 2 - Exemple 3 Exemple 2Exemple 3 Exemple 1Exemple 2Exemple 3

4 3 pages web au contenu identique… … mais à la présentation différente Code de la page HTML (presque) identique dans les trois cas Code de la page HTML (presque) identique dans les trois cas Les C.S.S gèrent la mise en page Les C.S.S gèrent la mise en page Quelques exemples de mise en page : Quelques exemples de mise en page :

5 C.S.S : Une cascade de style Dans les balises Dans les balises Mais aussi… Mais aussi… Dans la page Dans la page Dans un fichier de style Dans un fichier de style Les feuilles de style permettent de gérer la mise en page des divers éléments dune page web

6 La balise La balise Les feuilles de style permettent de gérer la mise en page des divers éléments dune page Web Bien sur, une page Web peut être composée de nombreux paragraphes, comme nimporte quel texte. Mais alors, il devient fastidieux de devoir saisir à nouveau toutes les informations de style ! Heureusement, les CSS nous permettent déviter ce travail inutile… Mettons le style une fois pour toute dans la page : La balise La balise

7 p { text-align: right; color: black } Les feuilles de style permettent de gérer la mise en page des divers éléments dune page Web Bien sur, une page Web peut être composée de nombreux paragraphes, comme nimporte quel texte. Mais alors, il devient fastidieux de devoir saisir à nouveau toutes les informations de style ! Heureusement, les CSS nous permettent déviter ce travail inutile…

8 La balise La balise