🌟 مقدمة تحفيزية : “أهلاً بك يا بطل ! لقد فعلتها.. قمت بالتعلم ، والتصميم ، وبناء موقعك المتكامل . والآن ، حان الوقت ليراه العالم أجمع ! في هذا الدرس ، سنكسر حاجز الخوف من ‘الاستضافات’ و’النطاقات’ . سأعلمك كيف ترفع ملفات موقعك (التي تعبنا في كتابتها) على الإنترنت مجاناً تماماً ، ليكون لك رابط خاص بك (مثل : myname.netlify.app) ترسله لأصدقائك ، عائلتك ، أو تضعه في سيرتك الذاتية بفخر !”

🏗️ 1. ما هي الاستضافة (Hosting)؟ ببساطة ، الاستضافة هي “بيت” لموقعك . هي جهاز حاسوب قوي يعمل 24 ساعة في اليوم ليتمكن أي شخص في العالم من رؤية ملفاتك في أي وقت .

💻 2. خطوات النشر عبر منصة Netlify (الأسهل للمبتدئين)  سنستخدم منصة Netlify لأنها تتيح لنا نشر المواقع بمجرد “السحب والإفلات”

  1 .   تجهيز الملفات : تأكد أن ملفك الرئيسي يحمل اسم index.html (هذا ضروري جداً ليعرف المتصفح أي صفحة يفتح أولاً) .

  2 .       التوجه للموقع : اذهب إلى Netlify.com .

  3 .          تسجيل الدخول : سجل حساباً مجانياً باستخدام بريدك الإلكتروني .

   4 .       السحر (Drag & Drop) : ابحث عن قسم “Sites” وستجد مربعاً مكتوباً عليه       “Drag and drop your site folder here” .

   5 .           الرفع  :  اسحب مجلد مشروعك بالكامل (الذي يحتوي على ملفات HTML والصور و CSS) وضعه داخل المربع .

    6 .         النتيجة : في ثوانٍ ، سيعطيك الموقع رابطاً أخضر مبروك ! موقعك الآن حيّ على الإنترنت .

🔗 3.  كيف تغير اسم موقعك ؟ 

  الرابط التلقائي يكون صعب الحفظ (مثل fancy-swan-123.netlify.app) .

اذهب إلى Domain Settings .

اختر Options ثم Edit site name .

اكتب اسماً يعبر عنك (مثلاً : qiyaoui-student-web) .

💡 لماذا اخترنا هذه الطريقة في أكاديمية قياوي؟

نحن في الأكاديمية نهتم بـ “البداية السريعة” . هذه الطريقة توفر على الطالب عناء شراء “دومين” أو “سيرفر” في بداياته ، وتمكنه من رؤية ثمار جهده فوراً وبشكل احترافي .

🎯 التحدي النهائي للوحدة الثانية :

“يا مبرمج! قم برفع موقعك الآن ، وانسخ الرابط الخاص بك وضعه في تعليقات الدرس أو أرسله لنا . نحن ننتظر بكل شوق لنرى إبداع طلاب أكاديمية قياوي يرفرف في فضاء الإنترنت !” 

الملخض : بعد أن تعلمنا إنشاء موقع كامل بـ HTML و CSS ، بقي أهم شيء :

هو كيف نجعل الموقع يظهر في الإنترنت ؟ يعني عندما يكتب شخص الرابط في المتصفح يرى موقعك . اليوم سنتعلم طريقة سهلة ومجانية .

🟢 الطريقة الأسهل : GitHub Pages نستعمل منصة اسمها :  GitHub Pages  وهي خدمة تسمح لك بنشر موقعك مجاناً . الموقع سيصبح مثلاً : https://username.github.io

🟢 الخطوة 1  : إنشاء حساب اذهب إلى : GitHub ثم : 1️⃣ اضغط Sign Up 

2️⃣ أدخل      • البريد الإلكتروني   ،  • كلمة المرور  ،  •  اسم المستخدم .

🟢 الخطوة  2 : إنشاء Repository بعد الدخول : اضغط New Repository   واكتب اسم المشروع : my-website ثم : ✔ Public ✔ Create Repository

🟢 الخطوة 3  : رفع ملفات الموقع  ، اضغط : Upload files   ثم ارفع  : index.html  style.css images بعدها اضغط :  Commit changes

🟢 الخطوة 4: تفعيل الموقع اذهب إلى : Settings ثم : Pages ثم اختر: Deploy from branch ثم:main بعد ثوانٍ سيظهر الرابط . مثلاً: https://username.github.io/my-website

🎉 أصبح موقعك على الإنترنت .

🧠 نصائح مهمة ✔ اسم الصفحة الرئيسية يجب أن يكون :    index.html ✔ لا تستعمل المسافات في أسماء الملفات . ✔ نظم ملفاتك هكذا : website │ index.html style.css images  .

آية {يَأْتِ بِهَا اللَّهُ ۚ إِنَّ اللَّهَ لَطِيفٌ خَبِيرٌ} (سورة لقمان : 16)