Quel rôle Python joue-t-il dans la création d’une page Web ?
Python exécute des instructions et peut créer le fichier index.html.
Quel rôle le HTML joue-t-il dans une page Web ?
Il décrit le contenu de la page.
Quel rôle le CSS joue-t-il dans une page Web ?
Il règle l’apparence de la page.
Quelle est la première étape pour créer une page Web avec Python ?
Écrire un programme Python.
Que contient le fichier index.html généré pour une page Web ?
Du HTML et du CSS.
Qu’est-ce qu’un programme Python ?
Un fichier texte contenant des instructions.
Comment les instructions d’un programme Python sont-elles disposées ?
Chacune est écrite sur une ligne.
Comment les textes sont-ils délimités en Python ?
Par des guillemets.
Que distingue la sensibilité à la casse en Python ?
Les majuscules et les minuscules, donc print et Print sont différents.
Comment introduit-on un commentaire en Python ?
Avec le symbole #.
Quel est le rôle d’un commentaire Python ?
Il explique le programme sans être exécuté.
Que stocke une variable Python ?
Une information sous un nom associé à une valeur.
Comment génère-t-on index.html avec une chaîne de code HTML ?
On ouvre le fichier en mode écriture, on y écrit la chaîne avec write(), puis on le ferme.
Qu’offre with lors de la génération d’index.html ?
La fermeture automatique du fichier.
Comment vérifier l’affichage du fichier généré index.html ?
Exécuter le programme, puis ouvrir index.html dans un navigateur.
Par quelle déclaration une page HTML commence-t-elle ?
Par `<!DOCTYPE html>`.
Quel élément est la racine d’une page HTML ?
`<html>`.
Quelle partie HTML contient le contenu affiché ?
`<body>`.
Que définit la balise `<title>` dans une page HTML ?
Le titre de l’onglet du navigateur.
Quelle balise HTML crée un titre principal visible ?
`<h1>`.
Combien de niveaux possèdent les titres HTML, de <h1> à <h6> ?
Six niveaux.
Quel niveau de titre HTML est le plus important ?
<h1>.
Quel attribut de la balise <img> indique le nom ou le chemin du fichier image ?
L’attribut src.
Que fait la balise <img> ?
Elle affiche une image.
Que décrit l’attribut alt d’une image ?
L’image.
Que se passe-t-il si une image ne peut pas être chargée ?
Son texte alt s’affiche.
À quoi contribue l’attribut alt d’une image ?
À l’accessibilité.
Quel attribut de la balise <a> indique l’adresse cible du lien ?
L’attribut href.
Que crée la balise <a> ?
Un lien.
Quelles balises structurent les listes HTML ?
<ul> ou <ol>.
Quelle balise HTML encadre chaque élément d’une liste ?
<li>.
À quoi sert la balise HTML <div> pour organiser une page ?
Elle regroupe des éléments.
Qu’affiche la balise HTML <div> par elle-même ?
Rien.
Quels aspects d’une page le CSS contrôle-t-il ?
Son apparence, notamment les couleurs, les tailles, les polices, les espacements et la position.
Où peut-on écrire du CSS dans un document HTML ?
Dans une balise <style>, un fichier séparé relié avec <link> ou l’attribut style d’une balise.
Qu’est-ce qu’une règle CSS ?
Une association entre un sélecteur et des propriétés avec leurs valeurs de style.
Comment une classe CSS est-elle déclarée dans un sélecteur ?
Avec un sélecteur commençant par un point.
Sur combien d’éléments HTML une même classe CSS peut-elle être utilisée ?
Sur plusieurs éléments HTML.
Quelles étapes permettent de tester une page Web dans un navigateur ?
Vérifier son affichage, ses textes, ses couleurs, ses liens et ses images.
Que faut-il contrôler pour tester la lisibilité d’une page Web ?
Sa lisibilité à différentes tailles d’écran et, si possible, sur d’autres navigateurs.
Quel fichier le dossier de travail attendu doit-il contenir ?
Le programme accueil.py.
Quel fichier doit se trouver dans le sous-dossier images attendu ?
bandeau_festival.png.
Comment exécuter un programme dans EduPython ?
Avec le bouton Exécuter ou la touche F5.
Que fait le mode « w » de open() ?
Il crée ou remplace le fichier.
Que précise encoding="utf-8" lors de l’ouverture d’un fichier ?
L’encodage utilisé.
Quel nom exact le fichier généré doit-il porter pour être reconnu comme page Web ?
index.html.
Que signifie `lang="fr"` dans `<html lang="fr">` ?
La page est en français.
Quelle balise permet l’affichage correct des caractères accentués ?
`<meta charset="utf-8">`.
Quelle balise HTML délimite un paragraphe ?
`<p>`.
Quelle balise HTML marque un texte important ?
<strong>.
Quelle balise HTML crée un saut de ligne ?
<br>.
Quelle balise HTML met un texte en emphase ?
<em>.
Quelles balises HTML composent une liste à puces ?
<ul> avec <li>.
Quelles balises HTML composent une liste numérotée ?
<ol> avec <li>.
Comment les titres HTML aident-ils les moteurs de recherche ?
Ils améliorent le référencement.
Que faut-il vérifier pour un lien hypertexte ?
L’adresse ou le fichier cible existe.
À quoi servent notamment les tableaux HTML ?
À présenter des horaires, des résultats ou des comparaisons.
Quelles parties d’une page Web les balises <div> peuvent-elles séparer ?
L’en-tête, le contenu et le pied de page.
Quelles propriétés CSS courantes règlent la couleur et l’arrière-plan ?
color et background-color.
Quelles propriétés CSS courantes règlent la police du texte ?
font-size et font-family.
Quelle propriété CSS courante règle l’alignement du texte ?
text-align.
Quelles propriétés CSS courantes règlent les espacements ?
margin et padding.
Dans les exemples du cours, quelle taille font-size exprime-t-elle ?
La taille du texte en pixels.
Quelle propriété CSS permet de choisir une police ?
font-family.
Dans l’exemple du cours, quelle couleur de texte la classe .important applique-t-elle ?
Blanche.
Dans l’exemple du cours, quelle couleur de fond la classe .important applique-t-elle ?
Violet.
Dans l’exemple du cours, quel padding la classe .important applique-t-elle ?
10 px.
Dans l’exemple du cours, quel effet a:hover définit-il pour un lien ?
Son style lorsque le pointeur de la souris le survole.
Quelles erreurs de balisage sont fréquentes dans une page Web ?
L’oubli d’une balise et une balise mal fermée.
Quelles erreurs de nommage ou de style sont fréquentes dans une page Web ?
Un nom de fichier incorrect et une propriété CSS mal écrite.
Comment ouvrir les outils de développement dans Chrome ou Edge ?
Faire un clic droit sur la page, puis choisir « Inspector ».
Que permettent de tester en direct les outils de développement de Chrome ou Edge ?
Des modifications du code HTML et des styles CSS.
Quelle adresse permet d’accéder au validateur HTML du W3C ?
https://validator.w3.org/
Pourquoi tester une page Web sur plusieurs navigateurs et appareils ?
Son affichage peut varier selon le navigateur ou la taille de l’écran.
Quels éléments présenter pour expliquer son travail ?
La page, les choix effectués et une difficulté résolue.
Que peut-on partager comme amélioration future du travail ?
Une amélioration envisagée.
Que faut-il exposer lors de la présentation du travail ?
Ce qui a été appris.
Quelles pistes concernent l’enrichissement visuel et structurel du projet ?
Ajouter plusieurs pages, des images et des icônes.
Quelle technologie découvrir pour rendre la page interactive ?
JavaScript.
Quelles pistes concernent les outils côté serveur et les données ?
Explorer Python côté serveur ou les bases de données.
Dans quel dossier enregistrer la page de la mission finale ?
Dans un dossier « festival ».
Que vérifier après avoir enregistré la page de la mission finale ?
Qu’elle s’affiche correctement dans le navigateur.
Teste tes connaissances avec un QCM de 26 questions sur Première page Web avec Python.
1. Quel rôle joue chaque langage lors de la création d’une page Web ?
2. Quelle séquence permet de passer d’un programme Python à l’affichage d’une page Web ?
Révisez le cours complet dans la fiche de révision de Première page Web avec Python.
Voir la fiche →Importe ton cours et l'IA génère des flashcards en 30 secondes.
Générateur de flashcards