استضافة وتحرير مواقع الويب على Windows مجانًا باستخدام XAMPP

استضافة وتحرير مواقع الويب على Windows مجانًا باستخدام XAMPP

تريد إنشاء موقع على شبكة الإنترنت ، ولكن لا تعرف من أين تبدأ؟





يبدو أن أرضية التدريب على تطوير الويب النموذجية هي أيضًا الأغلى تكلفة: شراء مجال ، أو خادم مضيف ، أو حساب WordPress ، أو سمة ، وما إلى ذلك ، ولكن ماذا لو لم تكن صاحب شركة صغيرة أو تحاول بناء علامة تجارية؟ ماذا لو كنت تحاول فقط تعلم تطوير الويب ، بلا فوضى؟



تابع القراءة لمعرفة كيفية استضافة موقع الويب الخاص بك ، والذي يمكنك إنشاؤه إما من البداية أو باستخدام قوالب مسبقة الصنع ، على جهاز الكمبيوتر الخاص بك ، ومجانًا. أوه ، هذا يشمل استضافة حساب WordPress الخاص بك أيضًا!





XAMPP: مقدمة

XAMPP بيتنامي هو 'توزيع Apache يحتوي على PHP و Perl.' لأغراضنا ، نحتاج فقط إلى فهم أن XAMPP هو برنامج مجاني وبسيط يسمح للمستخدمين باستضافة مواقع الويب على أجهزة الكمبيوتر الخاصة بهم.

بينما يعد إعداد خادم محلي باستخدام XAMPP تقنيًا إلى حد ما ، إلا أن العملية سهلة إلى حد ما ومباشرة. بمجرد الانتهاء من إعداد كل شيء ، ستجد أن إدارة مواقع الويب وتحريرها أمر سهل للغاية.



ثم هناك مسألة التحكم السريع والكامل. باستخدام XAMPP لإنشاء مواقع الويب وتحريرها ، ستكون قادرًا على تغيير قدر كبير أو صغير من موقع الويب كما تريد. ومع ذلك ، مع القوة العظمى تأتي مسؤولية كبيرة. أنت أكثر عرضة لفقدان مواقعك أيضًا ، خاصةً إذا لم تقم بذلك إنشاء نسخ احتياطية .

سماعات بلوتوث مع أطول عمر للبطارية

إذا كنت ترغب في مشروع دورة بداية حقيقي في تطوير الويب ، فإن XAMPP يناسبك. يتضمن أي مشاريع تتعلق بـ HTML و CSS و Javascript وما بعده!



تثبيت XAMPP

توجه إلى XAMPP موقع الويب وتنزيل الحزمة. اتبع عملية الإعداد الافتراضية. بمجرد تنزيل XAMPP ، يجب أن تفتح لوحة تحكم XAMPP تلقائيًا. إذا لم يكن كذلك ، يمكنك تحديد موقع برنامج XAMPP كما تفعل مع أي برنامج آخر (من خلال البحث في قائمة ابدأ).

في نافذة لوحة تحكم XAMPP ، يجب أن ترى تخطيطًا بسيطًا لعمليات XAMPP قيد التشغيل. لأغراضنا ، سنركز على أول خيارين: Apache و MySQL.



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

MySQL - يسمح SQL بالاتصال بين قواعد البيانات والمواقع الإلكترونية ، مما يسمح للمستخدمين باختبار وتخزين رسائل البريد الإلكتروني وكلمات المرور وأي مدخلات بيانات أخرى. سنستخدم هذا لحساب WordPress المحلي الخاص بك.

اضغط على يبدأ زر في لوحة تحكم XAMPP الخاصة بك تحت أجراءات لكل من Apache و MySQL. انتظر حتى يتم تمييز كل من Apache و MySQL باللون الأخضر أسفل قسم الوحدة الخاصة بك. بمجرد التمكين ، يمكنك استخدام XAMPP مجانًا.

المضيف المحلي و phpMyAdmin

للتأكد من أن كل شيء في حالة جيدة ، افتح متصفح الويب ، وأدخل http: // localhost / في شريط العنوان الخاص بك واضغط يدخل . يجب إعادة توجيهك إلى http: // localhost / لوحة القيادة / ، وهي صفحة XAMPP الافتراضية.

بعد ذلك ، انقر فوق phpMyAdmin زر في قائمة التنقل العلوية. سيتم توجيهك إلى صفحة phpMyAdmin الافتراضية الخاصة بك.

اترك هذه الأشياء وشأنها في الوقت الحالي ، ولكن إذا كان كلاهما يعمل ، فأنت جاهز لبدء إنشاء مواقع الويب!

إنشاء مواقع الويب باستخدام XAMPP

الآن يأتي الجزء الممتع. توجه إلى مجلد XAMPP الموجود في دليل محرك الجذر الخاص بك ( ج: xampp بشكل افتراضي). ثم توجه إلى htdocs . سيكون هذا هو المستودع الرئيسي لموقع الويب الذي ستستخدمه لعرض مواقع الويب.

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

يمكنك الآن بدء تنزيل مواقع الويب وتثبيتها في XAMPP. سأستخدم ملف رحلة الطريق النموذج ، ولكن يمكنك استخدام النموذج الذي تريده. قم بتنزيل الملف المضغوط الخاص بالموقع الإلكتروني ، واحتفظ به في مكان ستتذكره. بعد ذلك ، قم بإنشاء مجلد داخل مجلد htdocs الخاص بـ XAMPP لموقعك على الويب. لقد سميت خاصتي رحلة الطريق - حاول أن تجعل اسمك بسيطًا. بعد ذلك ، قم بفك ضغط واستخراج محتويات ملف zip إلى مجلد htdocs هذا.

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

أخيرًا ، توجه إلى صفحة الويب الخاصة بك في متصفح الويب الخاص بك. لك موقع الكتروني ، إذا جاز التعبير ، يمكن الوصول إليها باستخدام المضيف المحلي المذكور سابقًا بالإضافة إلى اسم المجلد الذي يحتوي على ملفات صفحتك. هذا لأن مواقع الويب هي في الأساس ملفات موجودة في مجلدات ، وكلها تحت اسم مجال واحد - أو اسم جذر. أنت تتعلم بالفعل!

تم تسمية المجلد الذي تم إنشاؤه مسبقًا باسم roadtrip ، لذا فإن عنوان الموقع الكامل هو http: // localhost / roadtrip .

انت انتهيت! الآن يمكنك البدء في تحرير موقع الويب محليًا.

تحرير المواقع

افتح نص سامي. رئيس ل ملف واختر افتح المجلد . ابحث عن مجلد الويب وحدده داخل مجلد XAMPP. ستتمكن الآن من تحرير صفحات متعددة من نفس الموقع داخل محرر نص Sublime الخاص بك.

يوفر Sublime Text أيضًا واجهة رائعة لتتمكن من رؤية كل ملف ومجلد من موقع الويب الخاص بك. لإنشاء تغييرات على موقع الويب الخاص بك ، قم بتحرير رمز موقع الويب الخاص بك وحفظه (باستخدام أمر لوحة المفاتيح السيطرة + S. ) ، وقم بتحديث موقع الويب الخاص بك داخل المتصفح.

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

استخدم WordPress مع XAMPP

إذا كنت لا ترغب في تحرير التعليمات البرمجية الأولية ، أو تفضل استخدام نظام إدارة محتوى أكثر دراية (CMS) ، فإن WordPress يوفر مورد تصميم الويب الرائع الخاص به في ملف ZIP سهل الاستخدام أيضًا! لتثبيت WordPress على XAMPP ، توجه إلى ملف موقع ووردبريس وتحميل التطبيق الرسمي.

استخدم نفس التنسيق لإنشاء موقع ويب كما فعلت سابقًا ، مع وجود مجلد WordPress المستخرج في دليل htdoc داخل المجلد ووردبريس . احتفظ باسم المجلد من أجل الوضوح.

باستخدام phpMyAdmin

نظرًا لأن WordPress يتطلب منك إنشاء معلومات تسجيل الدخول ، فستحتاج إلى إنشاء إدخال في دليل PHP لصفحة الويب. رئيس ل صفحة phpMyAdmin الخاصة بك - http: // localhost / phpmyadmin / افتراضيًا - للبدء.

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

تكوين تسجيل الدخول

نحتاج إلى تكوين موقع WordPress الفعلي حتى تتمكن من تسجيل الدخول واستخدام الموقع. يتم ذلك من خلال ملف تكوين PHP الرئيسي لـ WordPress. داخل مجلد WordPress الخاص بك ، ابحث عن الملف المسمى ملف wp-config-sample.php ، انقر بزر الماوس الأيمن فوق الملف ، وحدد يحرر (أو مفتوحة مع لمحرر نصوص منفصل). المفكرة يجب أن تعمل بشكل جيد.

إليك الكود الذي سنركز عليه:

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');

سيتعين عليك إجراء ثلاثة تغييرات على الكود أعلاه داخل علامة الاقتباس.

قاعدة بيانات_اسم_هنا - قم بتغيير هذه المعلمة إلى ووردبريس . سيستخدم موقع الويب بعد ذلك قاعدة البيانات التي تم إنشاؤها مسبقًا في phpMyAdmin المسمى على هذا النحو.

username_here - قم بتغيير هذا إلى جذر . يمتلك اسم المستخدم الجذر امتيازات المسؤول المناسبة افتراضيًا ، لذلك سيتم السماح به من خلال phpMyAdmin. لن تعمل أسماء المستخدمين الأخرى ما لم يتم منح الأذونات المناسبة.

كلمة المرور_هنا - قم بتغيير هذا إلى كلمة مرور يسهل التعرف عليها. إذا كنت تفضل عدم استخدام كلمة مرور ، فاحذف المعلمة.

احفظ هذا الملف باسم ملف wp-config.php - على عكس السابق ملف wp-config-sample.php - والخروج. ثم توجه إلى عنوان المضيف المحلي التالي: http: // localhost / wordpress .

تابع التثبيت ، بما في ذلك إنشاء WordPress الخاص بك اسم المستخدم و كلمه السر . يمكنك إدخال القيم التي تفضلها. بمجرد الانتهاء من إدخال القيم الخاصة بك ، انقر فوق قم بتثبيت WordPress زر لإنهاء العملية. بمجرد الانتهاء من ذلك ، قم بتسجيل الدخول إلى WordPress المحلي الخاص بك باستخدام اسم المستخدم وكلمة المرور الواردة في الصفحة السابقة.

انت انتهيت! الآن ، يمكنك أن تنفق قلبك على تحرير وتعديل وإنشاء صفحات الويب من البداية و من خلال WordPress وغير متصل ومجاني !

تحويل الصورة إلى متجه في Illustrator

يبدأ تطوير الويب بصفحة واحدة

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

هل قررت أنك لا تريد القيام بكل هذا العمل؟ جرب واحدة من أفضل خدمات استضافة المواقع المجانية في حين أن.

اعتمادات الصورة: ديمتري تيشينكو / شاترستوك

يشارك يشارك سقسقة بريد الالكتروني 6 بدائل مسموعة: أفضل تطبيقات الكتب الصوتية المجانية أو الرخيصة

إذا كنت لا ترغب في الدفع مقابل الكتب الصوتية ، فإليك بعض التطبيقات الرائعة التي تتيح لك الاستماع إليها مجانًا وبشكل قانوني.

اقرأ التالي مواضيع ذات صلة
  • شبابيك
  • برمجة
  • وورد
  • تطوير الشبكة
  • استضافة الموقع
  • أدوات مشرفي المواقع
  • خادم اباتشي
  • قاعدة بيانات للانترنت
نبذة عن الكاتب كريستيان بونيلا(تم نشر 83 مقالة)

كريستيان هو إضافة حديثة إلى مجتمع MakeUseOf وقارئ نهم لكل شيء من الأدب الكثيف إلى المقاطع الهزلية لكالفين وهوبز. شغفه بالتكنولوجيا لا يقابله سوى رغبته واستعداده للمساعدة ؛ إذا كان لديك أي أسئلة تتعلق (في الغالب) بأي شيء ، فلا تتردد في إرسال بريد إلكتروني بعيدًا!

المزيد من Christian Bonilla

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك