Scribd
Importer
15 vues5 pages

CSS Tpn°1

Le document présente un TP sur la programmation web avec CSS, expliquant ce qu'est CSS, sa différence avec HTML et ses avantages. Il contient plusieurs exercices pratiques pour appliquer des styles CSS, tels que changer la couleur de fond et insérer des images en arrière-plan. Les exercices illustrent différentes méthodes d'application de CSS, y compris les styles en ligne, internes et externes.

Transféré par

Alae Eddine Lazrak Fès
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
15 vues5 pages

CSS Tpn°1

Le document présente un TP sur la programmation web avec CSS, expliquant ce qu'est CSS, sa différence avec HTML et ses avantages. Il contient plusieurs exercices pratiques pour appliquer des styles CSS, tels que changer la couleur de fond et insérer des images en arrière-plan. Les exercices illustrent différentes méthodes d'application de CSS, y compris les styles en ligne, internes et externes.

Transféré par

Alae Eddine Lazrak Fès
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

[TP N1] Programmation web (CSS)

TP N° 1
Exercice N°1 :

Qu'est-ce que CSS ?

CSS est l'abréviation de « ……………………………………………. », CSS est un langage


de …………………….. qui définit la présentation des documents HTML. Par exemple, CSS
couvre les polices, les couleurs, les marges, les lignes, la hauteur, la largeur, les images
d'arrière-plan, les positionnements évolués et bien d'autres choses.

HTML peut être (mal) utilisé pour la présentation des sites Web. Mais CSS offre plus
d'options et se montre plus précis et sophistiqué. CSS est pris en charge par tous les
navigateurs actuels.

Quelle est la différence entre CSS et HTML ?

HTML sert à …………………………… le contenu, CSS sert ………………………. un


contenu structuré.

Quels sont les avantages de CSS ?

CSS fut une révolution dans l'univers de la conception Web. Les avantages concrets de CSS
sont les suivants :

∙ Le contrôle de la présentation de plusieurs documents par une seule feuille de style ; ∙


Un contrôle plus précis de la présentation ;
∙ De nombreuses techniques évoluées et sophistiquées.

Exercice N°2 :

Nous voulons que le fond d'une page Web soit d'un beau rouge avec HTML.

Exercice N°3 :

Nous voulons que le fond d'une page Web soit d'un beau rouge avec CSS (Méthode 1 : Dans
la ligne).
P a r : A . L A Z R A K Page 1
[TP N1] Programmation web (CSS)

Exercice N°4 :

Nous voulons que le fond d'une page Web soit d'un beau rouge avec CSS (Méthode 2 :
Interne).

Exercice N°5 :

Nous voulons que le fond d'une page Web soit d'un beau rouge avec CSS (Méthode 3 :
Externe).

Exercice N°6 :

Nous voulons tous les titres du document en rouge foncé.

Exercice N°7 :

Nous voulons tous les titres du document en rouge foncé, nous voulions aussi appliquer une
couleur d'arrière-plan aux titres du document, nous voulions aussi que le fond d'une page Web
soit d'un beau bleu.
P a r : A . L A Z R A K Page 2
[TP N1] Programmation web (CSS)

Exercice N°8 :

Nous voulons insérer une image en arrière-plan d'une page Web.

Exercice N°9 :

Nous voulons insérer une image en arrière-plan d'une page Web (L'image se répète
horizontalement, l’image ce trouve dans le dossier images).

Exercice 10 :

Nous voulons insérer une image en arrière-plan d'une page Web (L'image se répète L'image
se répète verticalement, l’image ce trouve dans le dossier images).
Exercice 11 :

Nous voulons insérer une image en arrière-plan d'une page Web (L'image se répète
horizontalement et verticalement, l’image ce trouve dans le dossier images).

P a r : A . L A Z R A K Page 3
[TP N1] Programmation web (CSS)

Exercice 12 :
Nous voulons insérer une image en arrière-plan d'une page Web (L'image ne se répète pas,
l’image ce trouve dans le dossier images).
P a r : A . L A Z R A K Page 4

Vous aimerez peut-être aussi