Exercice de Grammaire: Les Articles Partitifs

Dejar un comentario / articles, exercices, français, Grammaire / Por

body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
max-width: 100%;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
}
h1, h2, h3 {
color: #2c3e50;
}
.container {
background-color: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.subscription-form {
background-color: #e8f4f8;
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
}
.exercise-container {
display: none;
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input, select {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}
button {
background-color: #3498db;
color: white;
border: none;
padding: 12px 20px;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
button:hover {
background-color: #2980b9;
}
.exercise-text {
line-height: 2;
font-size: 18px;
}
.gap {
border-bottom: 1px solid #333;
padding: 0 5px;
margin: 0 3px;
min-width: 50px;
display: inline-block;
}
input.gap-input {
width: 50px;
border: none;
border-bottom: 1px solid #333;
font-size: 16px;
text-align: center;
}
.result {
margin-top: 30px;
padding: 20px;
background-color: #eafaf1;
border-radius: 8px;
display: none;
}
.certificate {
text-align: center;
margin-top: 30px;
padding: 20px;
border: 2px solid #2c3e50;
border-radius: 8px;
display: none;
}
.difficulty-selector {
margin-bottom: 20px;
}
.error {
color: red;
font-size: 14px;
}
#certificatePreview {
position: relative;
width: 100%;
height: 450px;
background-color: #fff;
border: 10px solid transparent;
border-image: linear-gradient(45deg, #f39c12, #e67e22, #d35400, #c0392b, #e74c3c) 1;
box-sizing: border-box;
overflow: hidden;
}
.certificate-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.07;
z-index: 0;
background-position: center;
background-repeat: no-repeat;
background-size: 70%;
}
.certificate-content {
position: relative;
z-index: 1;
padding: 20px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.certificate-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.certificate-title {
flex-grow: 1;
text-align: center;
}
.certificate-logo {
width: 120px;
height: 60px;
}
.certificate-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.certificate-qr {
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.certificate-qr img {
max-width: 100%;
max-height: 100%;
}
.certificate-signature {
flex-grow: 1;
text-align: center;
}
.triangle-pattern {
position: absolute;
width: 150px;
height: 120px;
}
.triangle-pattern.top-right {
top: 0;
right: 0;
}
.triangle-pattern.bottom-left {
bottom: 0;
left: 0;
}

Exercice de Grammaire: Les Articles Partitifs

Inscrivez-vous pour commencer l’exercice

Veuillez vous abonner et remplir vos informations pour accéder à l’exercice.

Complétez le texte avec les articles partitifs appropriés

Choisissez le niveau de difficulté:

Facile
Moyen
Difficile

Les Articles Partitifs en Français (Niveau Facile)
Pour le petit-déjeuner, je mange pain avec confiture. Je bois aussi café avec lait et sucre. Ma sœur préfère manger céréales avec yaourt et banane.

Pour cuisiner, nous avons besoin huile, sel et poivre. Notre plat préféré contient viande, légumes et sauce tomate. Pour le dessert, nous mangeons glace.

En été, nous buvons eau froide et jus de fruits. Dans notre jardin, il y a fleurs et herbe verte. Nous avons aussi courage pour affronter les défis et patience pour attendre les résultats.

Pour réussir en français, il faut temps et persévérance. J’aime écouter musique quand j’étudie. Cela me donne énergie pour continuer.

Les Articles Partitifs en Français (Niveau Moyen)
articles partitifs servent à exprimer une quantité indéterminée. Quand je fais les courses, j’achète fromage, farine et ail. Je n’achète pas viande aujourd’hui car j’en ai encore à la maison. Dans la recette, il faut ajouter sel avec précaution, mais ciboulette généreusement.

Pour rester en bonne santé, il est conseillé de manger fruits et légumes frais. Il est également important de boire eau régulièrement. Évitez de consommer trop sucre et matières grasses. Au petit-déjeuner, prenez temps pour bien manger.

Dans la phrase négative, l’article partitif devient “de” ou “d'”. Je ne bois pas café le soir. Elle n’a pas patience avec les enfants. Nous ne mangeons pas poisson aujourd’hui. Ils n’ont pas argent pour ce voyage.

Pour réussir ce projet, nous avons besoin courage et persévérance. Avec travail et détermination, on peut surmonter obstacles. Pour les vacances, j’ai temps libre. Je vais faire randonnée et prendre air frais.

Les Articles Partitifs en Français (Niveau Difficile)
utilisation des articles partitifs en français peut être complexe. Pour parler de quantités indéterminées, on utilise “du” (masculin), “de la” (féminin), “de l'” (devant une voyelle) ou “des” (pluriel). Cependant, après une expression de quantité comme “beaucoup”, “peu”, “assez”, on utilise “de”. Il a beaucoup patience. Elle a peu expérience. Nous avons assez nourriture.

Pour les verbes exprimant un sentiment ou un besoin, on utilise souvent des articles partitifs. Elle a besoin repos. Ils manquent confiance. Nous profitons beau temps. Cette recette nécessite préparation. Attention à ne pas confondre “de” préposition et “de” article partitif dans certaines expressions: tasse thé (pas d’article partitif), mais boire thé (partitif).

Dans les expressions idiomatiques, l’usage des partitifs suit des règles particulières. “Avoir courage” mais “manquer de courage” (sans article). “Faire sport” mais “faire du ski” qui est une activité spécifique. “Avoir chance” mais “avoir peur” sans article partitif.

Avec les adjectifs antéposés, l’article partitif “de la” ou “du” devient “de”: Elle montre réelle patience. Il possède vrai talent. Mais si l’adjectif est postposé: Elle montre patience réelle. Il possède talent véritable.

Dans les conseils ou les instructions, l’article partitif peut être omis: Ajoutez sel et poivre. Mais on garde l’article dans les phrases déclaratives: Il ajoute sel et poivre à la recette. Dans le langage culinaire, on utilise souvent des expressions comme “un peu de”: Ajoutez un peu sel, un peu poivre.

Certains noms abstraits s’utilisent généralement avec un article partitif: Avoir succès, faire progrès, montrer persévérance. Ces usages distinguent français authentique.

Résultat

Certificat de Réussite

Exercice de Grammaire: Les Articles Définis

Ce certificat atteste que

a complété avec succès l’exercice sur les articles définis en français

Score: / 100

Niveau:

Date:

________________________________

Signature du Professeur

// Variables globales
let currentDifficulty = ‘facile’;
let userInfo = {
prenom: ”,
nom: ”,
email: ”
};

// Logo Aplenguas en SVG
const aplenguas_logo_svg = `

`;

// Attente que le DOM soit chargé
document.addEventListener(‘DOMContentLoaded’, function() {
// Éléments du DOM
const startButton = document.getElementById(‘startButton’);
const changeDifficultyButton = document.getElementById(‘changeDifficultyButton’);
const checkButton = document.getElementById(‘checkButton’);
const generatePdfButton = document.getElementById(‘generatePdfButton’);
const difficultySelect = document.getElementById(‘difficultySelect’);

// Définir l’arrière-plan du certificat
const certificateBackground = document.querySelector(‘.certificate-background’);
certificateBackground.style.backgroundImage = `url(‘data:image/svg+xml;base64,${btoa(aplenguas_logo_svg)}’)`;

// Ajouter les logos SVG
const headerLogo = document.getElementById(‘certificateHeaderLogo’);
const footerLogo = document.getElementById(‘certificateFooterLogo’);
headerLogo.innerHTML = aplenguas_logo_svg;
footerLogo.innerHTML = aplenguas_logo_svg;

// Ajouter aussi le logo au container caché pour l’exportation PDF
document.getElementById(‘logoSvgContainer’).innerHTML = aplenguas_logo_svg;

// Ajout des écouteurs d’événements
startButton.addEventListener(‘click’, startExercise);
changeDifficultyButton.addEventListener(‘click’, changeDifficulty);
checkButton.addEventListener(‘click’, checkAnswers);
generatePdfButton.addEventListener(‘click’, generatePdf);

// Générer le QR code
function generateQRCode() {
const qrCodeContainer = document.getElementById(‘qrCodeContainer’);
qrCodeContainer.innerHTML = ”;

try {
// Version du QR code (1-40) avec un niveau de correction d’erreur ‘L’
var qr = qrcode(4, ‘L’);
qr.addData(‘https://aplenguas.com’);
qr.make();

qrCodeContainer.innerHTML = qr.createImgTag(4);
} catch (error) {
console.error(“Erreur lors de la génération du QR code:”, error);
// Fallback si la génération du QR code échoue
qrCodeContainer.innerHTML = ‘

QR Code

‘;
}
}

// Fonction pour démarrer l’exercice
function startExercise() {
// Validation des champs
const prenom = document.getElementById(‘prenom’).value.trim();
const nom = document.getElementById(‘nom’).value.trim();
const email = document.getElementById(‘email’).value.trim();
const subscribe = document.getElementById(‘subscribe’).checked;

// Réinitialisation des messages d’erreur
document.getElementById(‘prenomError’).textContent = ”;
document.getElementById(‘nomError’).textContent = ”;
document.getElementById(‘emailError’).textContent = ”;
document.getElementById(‘subscribeError’).textContent = ”;

let isValid = true;

// Vérification des champs
if (!prenom) {
document.getElementById(‘prenomError’).textContent = ‘Veuillez entrer votre prénom.’;
isValid = false;
}

if (!nom) {
document.getElementById(‘nomError’).textContent = ‘Veuillez entrer votre nom.’;
isValid = false;
}

if (!email) {
document.getElementById(‘emailError’).textContent = ‘Veuillez entrer votre email.’;
isValid = false;
} else if (!isValidEmail(email)) {
document.getElementById(‘emailError’).textContent = ‘Veuillez entrer un email valide.’;
isValid = false;
}

if (!subscribe) {
document.getElementById(‘subscribeError’).textContent = ‘Vous devez vous abonner pour continuer.’;
isValid = false;
}

if (isValid) {
// Enregistrement des informations de l’utilisateur
userInfo.prenom = prenom;
userInfo.nom = nom;
userInfo.email = email;

// Affichage de l’exercice
document.getElementById(‘subscriptionForm’).style.display = ‘none’;
document.getElementById(‘exerciseContainer’).style.display = ‘block’;

// Affichage de l’exercice du niveau sélectionné
showExercise(currentDifficulty);
}
}

// Validation d’email simple
function isValidEmail(email) {
const re = /^[^s@]+@[^s@]+.[^s@]+$/;
return re.test(email);
}

// Fonction pour changer le niveau de difficulté
function changeDifficulty() {
const newDifficulty = difficultySelect.value;
showExercise(newDifficulty);
currentDifficulty = newDifficulty;

// Réinitialiser les champs de saisie
const inputs = document.querySelectorAll(‘.gap-input’);
inputs.forEach(input => {
input.value = ”;
input.style.backgroundColor = ”;
});

// Cacher le résultat
document.getElementById(‘resultContainer’).style.display = ‘none’;
document.getElementById(‘certificatePreview’).style.display = ‘none’;
}

// Fonction pour afficher l’exercice sélectionné
function showExercise(difficulty) {
document.getElementById(‘exerciseFacile’).style.display = ‘none’;
document.getElementById(‘exerciseMoyen’).style.display = ‘none’;
document.getElementById(‘exerciseDifficile’).style.display = ‘none’;

document.getElementById(‘exercise’ + difficulty.charAt(0).toUpperCase() + difficulty.slice(1)).style.display = ‘block’;
}

// Fonction pour vérifier les réponses
function checkAnswers() {
const inputs = document.querySelectorAll(‘#exercise’ + currentDifficulty.charAt(0).toUpperCase() + currentDifficulty.slice(1) + ‘ .gap-input’);
let correctAnswers = 0;

inputs.forEach(input => {
const userAnswer = input.value.trim();
const correctAnswer = input.getAttribute(‘data-answer’);

if (userAnswer.toLowerCase() === correctAnswer.toLowerCase()) {
input.style.backgroundColor = ‘#d4edda’;
correctAnswers++;
} else {
input.style.backgroundColor = ‘#f8d7da’;
}
});

// Calcul du score
const score = Math.round((correctAnswers / 25) * 100);

// Affichage du résultat
document.getElementById(‘scoreDisplay’).textContent = `Votre score est de ${score}% (${correctAnswers} réponses correctes sur 25)`;
document.getElementById(‘resultContainer’).style.display = ‘block’;

// Prévisualisation du certificat
document.getElementById(‘certificateNamePreview’).textContent = `${userInfo.prenom} ${userInfo.nom}`;
document.getElementById(‘certificateScorePreview’).textContent = score;
document.getElementById(‘certificateLevelPreview’).textContent = currentDifficulty.charAt(0).toUpperCase() + currentDifficulty.slice(1);
document.getElementById(‘certificateDatePreview’).textContent = new Date().toLocaleDateString(‘fr-FR’);
document.getElementById(‘certificatePreview’).style.display = ‘block’;

// Générer le QR code pour le certificat
generateQRCode();
}

// Fonction pour générer le PDF du certificat
function generatePdf() {
// Importer la bibliothèque jsPDF
const { jsPDF } = window.jspdf;

// Créer un nouveau document PDF
const doc = new jsPDF({
orientation: ‘landscape’,
unit: ‘mm’,
format: ‘a4’
});

// Récupérer l’élément du certificat
const certificateElement = document.getElementById(‘certificatePreview’);

// Récupérer les dimensions
const width = doc.internal.pageSize.getWidth();
const height = doc.internal.pageSize.getHeight();

// Ajouter le style pour l’exportation PDF
certificateElement.style.border = ‘none’;
certificateElement.style.width = ‘100%’;
certificateElement.style.height = ‘100%’;

// Ajouter le logo SVG comme image de fond
const logoSvg = document.getElementById(‘logoSvgContainer’).querySelector(‘svg’);
if (logoSvg) {
// Réduire l’opacité pour l’image de fond
logoSvg.style.opacity = ‘0.05’;

// Utiliser svg2pdf.js pour convertir le SVG en PDF
try {
const svgElement = document.getElementById(‘logoSvgContainer’).querySelector(‘svg’);
const scale = Math.min(width / svgElement.viewBox.baseVal.width, height / svgElement.viewBox.baseVal.height) * 0.7;

const offsetX = (width – svgElement.viewBox.baseVal.width * scale) / 2;
const offsetY = (height – svgElement.viewBox.baseVal.height * scale) / 2;

doc.svg(svgElement, {
x: offsetX,
y: offsetY,
width: svgElement.viewBox.baseVal.width * scale,
height: svgElement.viewBox.baseVal.height * scale
});
} catch (error) {
console.error(“Erreur lors de l’ajout du SVG:”, error);
}
}

// Ajouter les informations du certificat
doc.setFontSize(30);
doc.setTextColor(44, 62, 80); // couleur #2c3e50
doc.text(‘Certificat de Réussite’, width / 2, 30, { align: ‘center’ });

doc.setFontSize(20);
doc.text(‘Exercice de Grammaire: Les Articles Partitifs’, width / 2, 40, { align: ‘center’ });

doc.setFontSize(16);
doc.text(‘Ce certificat atteste que’, width / 2, 60, { align: ‘center’ });

doc.setFontSize(24);
doc.setTextColor(52, 73, 94); // couleur #34495e
doc.text(`${userInfo.prenom} ${userInfo.nom}`, width / 2, 70, { align: ‘center’ });

doc.setFontSize(16);
doc.setTextColor(44, 62, 80); // retour à #2c3e50
doc.text(‘a complété avec succès l’exercice sur les articles partitifs en français’, width / 2, 80, { align: ‘center’ });

doc.setFontSize(18);
const score = document.getElementById(‘certificateScorePreview’).textContent;
doc.text(`Score: ${score} / 100`, width / 2, 95, { align: ‘center’ });

const niveau = document.getElementById(‘certificateLevelPreview’).textContent;
doc.text(`Niveau: ${niveau}`, width / 2, 105, { align: ‘center’ });

const date = document.getElementById(‘certificateDatePreview’).textContent;
doc.text(`Date: ${date}`, width / 2, 115, { align: ‘center’ });

// Ajouter la signature
doc.line(width / 2 – 30, 140, width / 2 + 30, 140);
doc.text(‘Signature du Professeur’, width / 2, 150, { align: ‘center’ });

// Ajout du QR code
try {
const qrImg = document.querySelector(‘#qrCodeContainer img’);
if (qrImg) {
doc.addImage(qrImg.src, ‘PNG’, 30, 130, 30, 30);
}
} catch (error) {
console.error(“Erreur lors de l’ajout du QR code:”, error);
}

// Ajout des triangles décoratifs
function addTriangle(x1, y1, x2, y2, x3, y3, color) {
doc.setFillColor(color);
doc.triangle(x1, y1, x2, y2, x3, y3, ‘F’);
}

// Triangles en haut à droite
addTriangle(width – 40, 20, width – 30, 30, width – 20, 20, ‘#f39c12’);
addTriangle(width – 30, 20, width – 20, 30, width – 10, 20, ‘#e67e22’);
addTriangle(width – 20, 20, width – 10, 30, width, 20, ‘#f39c12’);

// Triangles en bas à gauche
addTriangle(20, height – 20, 30, height – 30, 40, height – 20, ‘#34495e’);
addTriangle(10, height – 20, 20, height – 30, 30, height – 20, ‘#2c3e50’);
addTriangle(0, height – 20, 10, height – 30, 20, height – 20, ‘#34495e’);

// Sauvegarder le PDF
const filename = `certificat_${userInfo.prenom.toLowerCase()}_${userInfo.nom.toLowerCase()}_${currentDifficulty}.pdf`;
doc.save(filename);

// Restaurer le style du certificat
certificateElement.style.border = ’10px solid transparent’;
certificateElement.style.borderImage = ‘linear-gradient(45deg, #f39c12, #e67e22, #d35400, #c0392b, #e74c3c) 1’;
}
});

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *