Exercice - La fiche Film
Cet exercice te permet de mettre en application tout ce qu'on a appris en HTML et CSS jusqu'à présent et même de tester ta capacité à aller au-delà.
-
5tq
- Exploration
Cet exercice te permet de mettre en application tout ce qu'on a appris en HTML et CSS jusqu'à présent et même de tester ta capacité à aller au-delà.
Tu vas créer une page web qui ressemble à ceci:
film-[prénom].html.Crée une règle CSS qui applique la propriété suivante à toute la page:
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;Pour la note du film (les étoiles), tu peux utiliser les images "etoile.png" et "etoile-vide.png" de la zone de téléchargement.
Voici comment créer les marges à gauche et à droite du contenu de la page:
<div id="contenu">
<!-- Contenu de la page-->
</div>#contenu {
width: 80%; /* */
margin: 0 auto; /* */
}Pour centrer les <table>s et les <div>s, applique-leur la déclaration CSS suivante :
margin : 0 auto ; /* Appliquer une marge automatique à gauche et à droite */La section photos est réalisée à l'aide d'une table de 2 lignes / xxx colonnes :
Intègre une vidéo Youtube à ta page web. Pour ce faire, suis les étapes suivantes:
Bien sûr ! Voici un article de blog sur l'intégration d'une vidéo YouTube dans une page web.
Les vidéos sont un excellent moyen de partager du contenu interactif et engageant sur votre site web. Parmi les nombreuses plateformes de vidéos en ligne, YouTube est l'une des plus populaires. Dans cet article, nous allons vous montrer étape par étape comment intégrer une vidéo YouTube dans votre page web.
La première étape consiste à choisir la vidéo que vous souhaitez intégrer. Rendez-vous sur YouTube et trouvez la vidéo que vous souhaitez utiliser. Une fois que vous avez trouvé la vidéo, cliquez sur le bouton "Partager" situé sous la vidéo.
Cliquez sur le bouton "Partager" et une fenêtre contextuelle apparaîtra. Vous y trouverez le code d'intégration de la vidéo. Le code ressemblera à ceci :
<iframe width="560" height="315" src="https://www.youtube.com/embed/VOTRE_CODE" frameborder="0" allowfullscreen></iframe>Copiez ce code dans le presse-papiers. Vous pouvez également personnaliser la largeur et la hauteur de l'iframe en modifiant les valeurs "width" (largeur) et "height" (hauteur) selon vos besoins.
Maintenant que vous avez le code d'intégration, coller ce deriner sur la page web où vous souhaitez afficher la vidéo. Vous pouvez intégrer la vidéo à n'importe quel endroit de votre page en collant le code à l'endroit souhaité.
<!DOCTYPE html>
<html>
<head>
<title>Ma Page Web</title>
</head>
<body>
<!-- Votre contenu HTML -->
<!-- Code d'intégration de la vidéo -->
<iframe width="560" height="315" src="https://www.youtube.com/embed/VOTRE_CODE" frameborder="0" allowfullscreen></iframe>
<!-- Plus de contenu HTML -->
</body>
</html>Assurez-vous de coller le code à l'endroit où vous souhaitez que la vidéo apparaisse sur votre page.
Si vous souhaitez personnaliser l'apparence de la vidéo, vous pouvez le faire en modifiant les attributs de l'iframe. Par exemple, vous pouvez ajuster la largeur, la hauteur, le cadre (frameborder), etc.
Une fois que vous avez intégré la vidéo, assurez-vous de tester votre page pour vous assurer que la vidéo s'affiche correctement et fonctionne comme prévu.
Intégrer une vidéo YouTube dans votre page web est une procédure simple qui peut ajouter un contenu riche et engageant à votre site. Suivez ces étapes et personnalisez l'apparence de la vidéo selon vos besoins. N'oubliez pas de respecter les droits d'auteur et de créditer la source de la vidéo si nécessaire. Profitez de l'impact visuel et interactif que les vidéos peuvent apporter à votre site web !
