هذا الدرس من الدورة التدريبية: دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
الدرس: دليل استخدام خادم XAMPP: كيفية الوصول إلى الملفات والمجلدات على localhost
المدة: 5 دقائق
وصف مختصر:
في هذا الدرس، ستتعلم كيفية استخدام خادم XAMPP للوصول إلى الملفات والمجلدات على النطاق المحلي (localhost). سنقوم بإنشاء مجلد جديد داخل مجلد htdocs، ثم نضيف ملف HTML ونقوم بالوصول إليه عبر المتصفح. كما سنشرح كيفية تصفح جميع الملفات والمجلدات داخل htdocs وفهم كيفية عمل بروتوكول الملفات. هذا الدرس مثالي للمبتدئين لتعلم أساسيات إدارة الملفات وتطوير الويب محليًا.
وصف الدرس
في هذا الدليل الشامل، سنتعرف على كيفية استخدام خادم XAMPP للوصول إلى الملفات والمجلدات على النطاق المحلي (localhost). XAMPP هو حزمة خوادم مفتوحة المصدر تتضمن Apache (خادم الويب)، MySQL (قاعدة البيانات)، وPHP (لغة البرمجة). يسمح لنا XAMPP بإنشاء بيئة تطوير محلية لاختبار وتطوير مواقع الويب قبل نشرها على الإنترنت. في هذا الدليل، سنشرح كيفية الوصول إلى الملفات من خلال المتصفح، وإنشاء مجلدات وملفات، وفهم كيفية عمل البروتوكولات المستخدمة.
localhost هو اسم مستعار يشير إلى جهاز الكمبيوتر الذي تستخدمه، والذي يستضيف خادم الويب المحلي. عندما تصل إلى
عند تثبيت XAMPP على جهاز الكمبيوتر الخاص بك، يتم إنشاء مجلد يسمى
3. كيفية الوصول إلى مجلد
لتصفح الملفات والمجلدات الموجودة في مجلد
لإنشاء مجلد جديد داخل
للوصول إلى المجلد الذي أنشأته، افتح متصفح الويب وأدخل العنوان التالي:
سيفتح المتصفح المجلد "test"، وسيمكنك من رؤية أي ملفات موجودة بداخله.
لإنشاء ملف HTML جديد داخل المجلد "test":
للوصول إلى ملف HTML الجديد، أدخل العنوان التالي في شريط العناوين في متصفح الويب:
سترى الصفحة التي قمت بإنشائها مع المحتوى الذي أضفته.
في الدروس الأولية لتعلم HTML، قد نستخدم بروتوكول الملفات (File Protocol) بدلاً من XAMPP للوصول إلى الملفات. يعود ذلك إلى:
يرجى ملاحظة أن بروتوكول الملفات لا يتيح لك حفظ التحديثات مباشرة إلى مشروعك، حيث يقتصر دوره على عرض المحتوى بدون إمكانية التفاعل الكامل مثل الخادم المحلي.
باستخدام XAMPP، يمكنك إنشاء بيئة تطوير محلية قوية لاختبار وتطوير مشاريع الويب الخاصة بك. من خلال فهم كيفية الوصول إلى الملفات والمجلدات داخل مجلد
1. ما هو localhost؟
localhost هو اسم مستعار يشير إلى جهاز الكمبيوتر الذي تستخدمه، والذي يستضيف خادم الويب المحلي. عندما تصل إلى
http://localhost
من خلال متصفح الويب، أنت تتصل بالخادم المحلي الموجود على جهاز الكمبيوتر الخاص بك بدلاً من الوصول إلى خادم بعيد على الإنترنت.2. موقع مجلد XAMPP
عند تثبيت XAMPP على جهاز الكمبيوتر الخاص بك، يتم إنشاء مجلد يسمى
xampp
في الدليل الذي اخترته أثناء التثبيت. داخل هذا المجلد، ستجد مجلدات مختلفة، بما في ذلك مجلد htdocs
. يعتبر htdocs
هو الجذر الافتراضي لخادم الويب Apache في XAMPP، ويُستخدم لتخزين جميع ملفات موقع الويب التي تريد الوصول إليها محليًا.3. كيفية الوصول إلى مجلد htdocs
لتصفح الملفات والمجلدات الموجودة في مجلد
htdocs
، اتبع الخطوات التالية:- افتح متصفح الويب على جهاز الكمبيوتر الخاص بك.
- اكتب
http://localhost
في شريط العناوين واضغط على Enter. - ستتمكن من رؤية محتويات مجلد
htdocs
إذا كان هناك ملفات أو مجلدات موجودة.
4. إنشاء مجلد جديد
لإنشاء مجلد جديد داخل
htdocs
:- افتح مجلد
htdocs
من خلال مستكشف الملفات (File Explorer) على جهاز الكمبيوتر الخاص بك. - انقر بزر الماوس الأيمن داخل مجلد
htdocs
واختر "جديد" ثم "مجلد". - قم بتسمية المجلد الجديد باسم "test".
5. الوصول إلى المجلد عبر المتصفح
للوصول إلى المجلد الذي أنشأته، افتح متصفح الويب وأدخل العنوان التالي:
arduino
http://localhost/test
سيفتح المتصفح المجلد "test"، وسيمكنك من رؤية أي ملفات موجودة بداخله.
6. إنشاء ملف HTML جديد
لإنشاء ملف HTML جديد داخل المجلد "test":
- افتح مجلد "test" داخل
htdocs
. - انقر بزر الماوس الأيمن داخل المجلد واختر "جديد" ثم "ملف نصي".
- قم بتسمية الملف بـ "learn.html" وتأكد من تغيير امتداد الملف من
.txt
إلى.html
. - افتح الملف باستخدام محرر نصوص، وأضف محتوى HTML بسيطًا مثل:
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
الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب