مشروع HTML وCSS تعليمي قابل للتعديل

الملفات:
index.html: المحتوى وبنية الصفحة.
style.css: الألوان والخطوط والمسافات والتخطيط المتجاوب.

طريقة التشغيل:
1. فك ضغط المشروع، مع إبقاء index.html وstyle.css في المجلد نفسه.
2. افتح index.html في متصفح حديث. لا يحتاج المثال إلى تثبيت مكتبات أو اتصال بالإنترنت.
3. افتح المجلد في محرر أكواد لتعديل الملفات.
4. بعد كل تعديل احفظ الملف وأعد تحميل الصفحة في المتصفح.

طريقة التخصيص:
غيّر اسم «أفق» إلى اسم نشاطك.
عدّل title ووصف meta داخل head، والعنوان الرئيسي ووصف الخدمات داخل body.
عدّل متغيرات الألوان والمسافات في بداية style.css.
استبدل hello@example.com ببريدك الحقيقي في نص الصفحة وفي رابط mailto.
اختبر الروابط والنصوص على الهاتف والحاسوب، ثم راجع كل المحتوى التجريبي قبل النشر.

حدود المثال:
الصفحة ثابتة ولا تتضمن نظام حسابات أو قاعدة بيانات أو متجرًا أو معالجة نماذج.
رابط التواصل يفتح تطبيق البريد بحسب إعدادات جهاز الزائر؛ لا يضمن إرسال الرسالة.
الاسم والخدمات أمثلة تعليمية وليست بيانات شركة حقيقية.
يمكنك تعديل المثال واستخدامه في التعلم أو مشروعك. لا يحتوي على صور أو مكتبات خارجية.

عند إضافة صور، استخدم class="visual-img" مع نص بديل مناسب، وأضف تنسيقًا يجعل عرضها مرنًا.
وعند إضافة جدول بيانات، أحطه بعنصر div يحمل class="table-wrap"، ثم أضف تنسيق التمرير الأفقي عند الحاجة.
