مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
📋 Fiche de cours
| Matière | Informatique — Programmation Web |
| Niveau | 3ème Année Secondaire (Bac) — Filière Technique |
| Module | Développement Web — HTML & CSS |
| Importance | ⭐⭐⭐⭐⭐ — Notion fondamentale pour le bac |
🧠 Introduction
Le développement web repose sur trois piliers: HTML (HyperText Markup Language) pour la structure, CSS (Cascading Style Sheets) pour le style, et JavaScript pour l’interactivité. Ce cours couvre les bases du HTML et du CSS.
🔷 Première partie : HTML
Structure de base
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Titre de la page</title>
</head>
<body>
<h1>Mon premier titre</h1>
<p>Mon premier paragraphe.</p>
</body>
</html>Principales balises
<h1> à <h6>: Titres. <p>: Paragraphe. <a>: Lien. <img>: Image. <ul>/<ol>: Listes. <div>: Bloc générique. <table>: Tableau. <form>: Formulaire.
Attributs importants: class (style CSS), id (unique), src (source), href (lien), alt (texte alternatif).
🎨 Deuxième partie : CSS
Les trois méthodes d’intégration
- Inline: attribut style dans la balise.
- Interne: balise <style> dans <head>.
- Externe: fichier .css lié via <link> (recommandé).
Syntaxe et sélecteurs
sélecteur { propriété: valeur; }Sélecteurs: élément (p), classe (.maClasse), ID (#monID), descendant (div p), multiple (h1, h2).
Box Model (Modèle de boîte)
Chaque élément est une boîte: Content → Padding → Border → Margin.
📝 Exercices pratiques
Exercice
Créez une page HTML avec: un titre h1, une div class=”carte” contenant un h2 et un p. Appliquez CSS: fond blanc, bordure arrondie, marge de 20px, police Arial.
🎯 Résumé
- HTML = structure et contenu d’une page web.
- CSS = style et mise en page (présentation visuelle).
- La séparation HTML/CSS est une bonne pratique.
- Le Box Model est fondamental pour comprendre la disposition.
📍 Cours similaires
- JavaScript : Les bases de la programmation interactive — 3ème Année Secondaire Informatique
- Algorithmique : Les structures de contrôle (If, For, While) — 3ème Année Secondaire Informatique
