تعلّم HTML من الصفرالدرس 8 من 8
مشروع HTML: صفحة تعريفية شخصية كاملة وانشرها مجانًا
طبّق كل ما تعلمته في دورة HTML ببناء صفحة تعريفية شخصية (بورتفوليو) فيها عناوين وصورة وقوائم وجدول ونموذج تواصل، ثم انشرها مجانًا على الإنترنت.
حان وقت التطبيق. سنبني صفحة تعريفية شخصية تجمع كل دروس الدورة. عدّل البيانات باسمك ومهاراتك.
الصفحة الكاملة
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
كيف تنشرها مجانًا؟
- أنشئ حسابًا مجانيًا في GitHub.
- أنشئ مستودعًا جديدًا (Repository)، وارفع ملف
index.html. - من إعدادات المستودع ← Pages ← اختر الفرع الرئيسي، واحفظ.
- بعد دقائق تصبح صفحتك على عنوان مثل
اسمك.github.io/اسم-المستودع.
بدائل سهلة: Netlify وCloudflare Pages، وتدعم سحب المجلد وإفلاته.
راجع نفسك
- هل للصفحة
titleوdescriptionمناسبان؟ - هل هناك
h1واحد والعناوين مرتبة؟ - هل للصورة
alt؟ - هل لكل حقل
label؟ - هل الروابط الداخلية
#skillsتعمل؟
إلى أين بعد ذلك؟
- دورة CSS لتجميل الصفحة.
- دورة JavaScript لجعلها تفاعلية.
- عُد إلى صفحة الدورة وأجب عن الاختبار لتحصل على الشارة.
الخلاصة
- جمعت في صفحة واحدة: الهيكل، والعناوين، والصور، والقوائم، والجداول، والنماذج، والوسوم الدلالية.
- يمكنك نشر صفحتك مجانًا على GitHub Pages أو Netlify.
- الخطوة التالية: CSS.