الإعلام الآلي — HTML و CSS: أساسيات تصميم صفحات الويب — الأولى ثانوي — بكالوريا — المنهاج الجزائري

HTML و CSS: أساسيات تصميم صفحات الويب

HTML و CSS هما أساس بناء صفحات الويب. HTML يحدد هيكل الصفحة، وCSS يتحكم في تنسيقها ومظهرها.

1. أساسيات HTML

هيكل صفحة HTML: DOCTYPE, html, head, title, body. الوسوم الأساسية: h1-h6 (عناوين)، p (فقرة)، a (رابط)، img (صورة)، ul/ol (قوائم)، div (قسم).

2. أساسيات CSS

ثلاث طرق: inline، داخلي (style في head)، خارجي (ملف .css). المحددات: element، .class، #id. الخصائص: color، background، font-size، margin، padding، border.

3. نموذج الصندوق (Box Model)

كل عنصر HTML هو صندوق: content→padding→border→margin.

4. تمارين

التمرين 1: أنشئ صفحة HTML بسيطة بعنوان وفقرات وصورة. التمرين 2: أضف CSS لتغيير الألوان والخطوط. التمرين 3: صمم بطاقة (card) باستخدام Box Model.

للمزيد: الحلقات في بايثون و البكتيريا.