PROGRAMMATION AVANCEE DU WEB
TD/TP
Année : 3ème LMD Date :
2021/2022
Exercice 1 :
créer un document HTML
contenant un tableau
selon le modèle suivant :
Exercice 2 :
Créer un document HTML contenant une image réactive (des zones cliquables appliquées
sur celle-ci) dans laquelle un clic sur une zone ouvre une nouvelle page web.
Exercice 3 :
Créer une page web contenant un formulaire comme suit :
Votre Identité
Entrer votre Nom
Entrer votre Prénom
Département d’informatique
Votre Adresse
Ville :
Pays :
Exercice 5 :
Créer une page web contenant une vidéo muette et un fichier son à démarrage automatique.
Exercice 6 :
Créer un document HTML contenant l’élément <canvas>.
Exercice 7 :
Soit la page web sans style suivante
Ecrire une feuille de style permettant de positionner les éléments de la page de telle façon
que les liens ous forme de menu reste fixe et à la même position (c-à-d à en haut , à gauche
de la page) et ce même lorsqu’on défile le texte vers le bas.
Exercice 8 :
Ecrire une feuille de style permettant de positionner les liens de navigation sous l’en-tête
sous forme d’onglets
Département d’informatique
Exercice 9 :
Réaliser un dégradé de l’en-tête.
Exercice 10:
Ecrire une feuille de style permettant de :
• Ajouter un cadre arrondi autour des paragarphes impairs du contenu.
• Mettre les liens visités/non visités en rouge, les liens survolés en blanc sur fond
rouge.
• Agrandir la taille de la police du premier caractère de chaque paragraphe du
contenu.
Exercice 11 :
Ecrire une feuille de style permettant de :
▪ Ajouter un effet aux liens de navigation : lorsque l’utilisateur passe sa souris sur
un lien, le texte se décae vers l gauche et la couleur du fond devient rouge.
▪ Effectuer une rotation du 2 ème titre de 3 degrès vers la droite.
▪ Ajouter une ombre rouge au titre principal.
▪ Effectuer, lorsque l’utilisateur passe sa souris sur le contenu, une rotation
complète du contenu de la page.
▪ Ajouter une bordure aux bords arrondis au pied de page et créer une animation
qui fait bouger le pied de page de gauche à droite de manière infinie.
Département d’informatique
