دليل استخدام خادم XAMPP: كيفية الوصول إلى الملفات والمجلدات على localhost

الدرس: دليل استخدام خادم XAMPP: كيفية الوصول إلى الملفات والمجلدات على localhost

المدة: 5 دقائق

وصف مختصر:

في هذا الدرس، ستتعلم كيفية استخدام خادم XAMPP للوصول إلى الملفات والمجلدات على النطاق المحلي (localhost). سنقوم بإنشاء مجلد جديد داخل مجلد htdocs، ثم نضيف ملف HTML ونقوم بالوصول إليه عبر المتصفح. كما سنشرح كيفية تصفح جميع الملفات والمجلدات داخل htdocs وفهم كيفية عمل بروتوكول الملفات. هذا الدرس مثالي للمبتدئين لتعلم أساسيات إدارة الملفات وتطوير الويب محليًا.

وصف الدرس

في هذا الدليل الشامل، سنتعرف على كيفية استخدام خادم XAMPP للوصول إلى الملفات والمجلدات على النطاق المحلي (localhost). XAMPP هو حزمة خوادم مفتوحة المصدر تتضمن Apache (خادم الويب)، MySQL (قاعدة البيانات)، وPHP (لغة البرمجة). يسمح لنا XAMPP بإنشاء بيئة تطوير محلية لاختبار وتطوير مواقع الويب قبل نشرها على الإنترنت. في هذا الدليل، سنشرح كيفية الوصول إلى الملفات من خلال المتصفح، وإنشاء مجلدات وملفات، وفهم كيفية عمل البروتوكولات المستخدمة.

1. ما هو localhost؟


localhost هو اسم مستعار يشير إلى جهاز الكمبيوتر الذي تستخدمه، والذي يستضيف خادم الويب المحلي. عندما تصل إلى http://localhost من خلال متصفح الويب، أنت تتصل بالخادم المحلي الموجود على جهاز الكمبيوتر الخاص بك بدلاً من الوصول إلى خادم بعيد على الإنترنت.

2. موقع مجلد XAMPP


عند تثبيت XAMPP على جهاز الكمبيوتر الخاص بك، يتم إنشاء مجلد يسمى xampp في الدليل الذي اخترته أثناء التثبيت. داخل هذا المجلد، ستجد مجلدات مختلفة، بما في ذلك مجلد htdocs. يعتبر htdocs هو الجذر الافتراضي لخادم الويب Apache في XAMPP، ويُستخدم لتخزين جميع ملفات موقع الويب التي تريد الوصول إليها محليًا.

3. كيفية الوصول إلى مجلد htdocs


لتصفح الملفات والمجلدات الموجودة في مجلد htdocs، اتبع الخطوات التالية:

  1. افتح متصفح الويب على جهاز الكمبيوتر الخاص بك.

  2. اكتب http://localhost في شريط العناوين واضغط على Enter.

  3. ستتمكن من رؤية محتويات مجلد htdocs إذا كان هناك ملفات أو مجلدات موجودة.


4. إنشاء مجلد جديد


لإنشاء مجلد جديد داخل htdocs:

  1. افتح مجلد htdocs من خلال مستكشف الملفات (File Explorer) على جهاز الكمبيوتر الخاص بك.

  2. انقر بزر الماوس الأيمن داخل مجلد htdocs واختر "جديد" ثم "مجلد".

  3. قم بتسمية المجلد الجديد باسم "test".


5. الوصول إلى المجلد عبر المتصفح


للوصول إلى المجلد الذي أنشأته، افتح متصفح الويب وأدخل العنوان التالي:

arduino


http://localhost/test


سيفتح المتصفح المجلد "test"، وسيمكنك من رؤية أي ملفات موجودة بداخله.

6. إنشاء ملف HTML جديد


لإنشاء ملف HTML جديد داخل المجلد "test":

  1. افتح مجلد "test" داخل htdocs.

  2. انقر بزر الماوس الأيمن داخل المجلد واختر "جديد" ثم "ملف نصي".

  3. قم بتسمية الملف بـ "learn.html" وتأكد من تغيير امتداد الملف من .txt إلى .html.

  4. افتح الملف باستخدام محرر نصوص، وأضف محتوى HTML بسيطًا مثل:

    html


    <!DOCTYPE html>
    <html>
    <head>
    <title>تعليمي</title>
    </head>
    <body>
    <h1>مرحباً بك في صفحة التعلم!</h1>
    </body>
    </html>



7. الوصول إلى الملف عبر المتصفح


للوصول إلى ملف HTML الجديد، أدخل العنوان التالي في شريط العناوين في متصفح الويب:

arduino


http://localhost/test/learn.html


سترى الصفحة التي قمت بإنشائها مع المحتوى الذي أضفته.

8. لماذا نستخدم بروتوكول الملفات في الدروس الأولية؟


في الدروس الأولية لتعلم HTML، قد نستخدم بروتوكول الملفات (File Protocol) بدلاً من XAMPP للوصول إلى الملفات. يعود ذلك إلى:

  • توفير بيئة بسيطة: يسمح بروتوكول الملفات للمبتدئين بالتركيز على تعلم أساسيات HTML دون الحاجة إلى إعدادات معقدة.

  • التدريب على المفاهيم الأساسية: يساعد في فهم كيفية عمل الملفات والمجلدات على جهاز الكمبيوتر وكيفية قراءتها بواسطة المتصفح.


يرجى ملاحظة أن بروتوكول الملفات لا يتيح لك حفظ التحديثات مباشرة إلى مشروعك، حيث يقتصر دوره على عرض المحتوى بدون إمكانية التفاعل الكامل مثل الخادم المحلي.

خاتمة


باستخدام XAMPP، يمكنك إنشاء بيئة تطوير محلية قوية لاختبار وتطوير مشاريع الويب الخاصة بك. من خلال فهم كيفية الوصول إلى الملفات والمجلدات داخل مجلد htdocs، يمكنك إدارة وتطوير محتوى الويب بكفاءة. لا تتردد في استخدام هذه الأدوات والطرق لتعزيز مهاراتك في تطوير الويب.

الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي دليل استخدام خادم XAMPP: كيفية الوصول إلى الملفات والمجلدات على localhost

المصادر

ملحقات ال PDF

الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب

has been added to the cart. View Cart