تعرف على كيفية إنشاء موقع الويب الخاص بك باستخدام HTML5 و CSS3


الدرس: أرسل موقعك إلى الويب


الصفحة السابقة

موقعك جميل ، نظيف ، جاهز ... ولكن لأنه موجود على القرص الصلب ، فلن يتمكن أي شخص آخر من الاستمتاع به!

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

  1. كيفية حجز اسم المجال domain name ؟
  2. ما هو المضيف host وكيف يعمل؟
  3. أخيرًا ، كيفية استخدام عميل FTP لنقل الملفات على الشبكة؟

اسم المجال


هل تعرف ما هو اسم المجال ؟

هذا في الواقع عنوان على الويب : openclassrooms.com على سبيل المثال اسم مجال.

يتكون اسم المجال من جزأين ، هنا "openclassrooms" و ".com".

  • في هذه الحالة ، "openclassrooms" هو اسم المجال الفعلي. هذا اسم يمكننا عادة اختياره بحرية ، طالما لم يقم أحد بحجزه من قبلنا. يمكن أن يحتوي على أحرف وأرقام ، ومنذ عام 2012 ، بعض الأحرف المحركة (مثل "ç" الفرنسية أو "é" أو "è")
  • إن ".com" هو الامتداد (يُطلق عليه أيضًا "TLD" ، (top-level domain باللغة الإنجليزية) .يوجد ملحق واحد تقريبًا لكل بلد ( .frبالنسبة لفرنسا .beلبلجيكا .caلكندا وما إلى ذلك) ومع ذلك، هناك أيضا ملحقات المستخدمة دوليا .com، .net، .org. تم تخصيصها في الأصل للمواقع التجارية والمؤسسات ... ولكن مر وقت طويل حيث يمكن للجميع حجزها.بالمناسبة ، من .comالمرجح أن يكون الامتداد الأكثر استخدامًا على الويب.

بشكل عام ، يرى موقع الويب عنوانه مسبوقًا www، على سبيل المثال www.lemonde.fr . هذا ليس جزءًا من اسم النطاق: في الواقع ، www يُطلق عليه اسم نطاق فرعي ، ومن الناحية النظرية يمكننا إنشاء ما نريده بمجرد امتلاك اسم النطاق. إنه www موجود في معظم مواقع الويب ، إنه نوع من الاتفاقية ، لكنه ليس إلزاميًا على الإطلاق.

حجز اسم المجال


أنا أيضًا أريد اسم مجال لموقعي! كيف أفعل ؟

لذلك لدي أخبار جيدة وأخبار سيئة. كالعادة ، سنبدأ مع سيئة:

  • السيئة : إنها ليست مجانية ...
  • الخير : ... انها حقا ليست باهظة الثمن على الإطلاق.

في الواقع ، فإن اسم المجال يكلف ما بين 7 و 12 يورو في السنة. قد يختلف السعر حسب الامتداد. وبالتالي ، .infoيتم تقديم التمديد عادة بأسعار منخفضة وقد يثبت أنه بديل مثير للاهتمام. ولكن إذا كنت تريد عنوانًا "حاليًا" أكثر ، فستهدف بدلاً من ذلك إلى امتداد الكتابة .comأو مرة أخرى .fr.

لحجز اسم مجال ، حلان:

  • اذهب من خلال مسجل متخصص. إنها منظمة تعمل كوسيط بين ICANN (المنظمة التي تدير جميع أسماء المجالات دوليًا) وبينك. 1 و 1 IONOS و OVH و Gandi هم مسجلون مشهورون.
  • الأفضل: يمكنك طلب اسم المجال من نفس المضيف الذي تستضيف فيه (هذا ما أوصي به). وبهذه الطريقة، أنت تفعل شيئين في وقت واحد، لأنك سوف تحتاج في كل الأحوال الي استضافة و اسم المجال.

في هذا الفصل ، سوف نرى كيفية طلب اسم مجال في نفس الوقت الذي تستضيف فيه ، وهذا هو الحل الأبسط والأقل تكلفة بالنسبة لك.

المضيف


لنلقِ نظرة الآن على المضيف.

ما هو المضيف ولماذا أحتاجه؟

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

hosting web

لا يحتوي الخادم على شاشة لأنه ، في معظم الأحيان ، يعمل من تلقاء نفسه دون الحاجة إلى القيام بأي شيء عليه. كما ترون ، فإن الخوادم مسطحة جدًا: إنها تنسيق خادم خاص (يُسمى "1U"). هذا يجعل من الممكن تكديسها في الخلجان ، وهذا يعني نوعًا من الخزانة المكيفة للخوادم (الشكل التالي).

hosting web

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

دور المضيف

المضيف هو شركة تدير الخادم. إنها تضمن تشغيل الخوادم بسلاسة 24/7. في الواقع ، إذا تعطل أحد هذه المواقع ، فإن جميع المواقع على الجهاز لا يمكن الوصول إليها (وهذا يجعل العملاء غير سعداء).

تقع هذه الخلجان في أماكن خاصة تسمى مراكز البيانات )الشكل التالي ( تشبه مراكز البيانات "مستودعات الخوادم" ووصولها محمي للغاية.

hosting web

مركز بيانات ، حيث نرى العديد من الخلجان الخادم

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

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

ابحث عن مضيف ويب

المضيفين ، على عكس المسجلين ، وعددهم كبير للغاية. هناك جميع أنواع ، في جميع الأسعار. هناك مفردات لمعرفة معرفة مكانك في عروضهم:

  • الاستضافة المشتركة Shared hosting : إذا اخترت عرض استضافة مشترك ، فسيتم وضع موقعك على خادم يدير عدة مواقع في وقت واحد (ربما مائة ، وربما أكثر). هذا هو أرخص عرض ، وهو العرض الذي أوصي به إذا كنت تبدأ موقع الويب الخاص بك.
  • استضافة افتراضية مخصصة Virtual dedicated hosting : هذه المرة ، يدير الخادم بضعة مواقع فقط (عادةً ما يكون أقل من عشرة). يتم تكييف هذا العرض عمومًا مع المواقع التي لم يعد بإمكان أحد الجانبين الاحتفاظ بها على الاستضافة المشتركة نظرًا لوجود عدد كبير جدًا من زياراتها (عدد كبير جدًا من الزوار) ، ولكنها أيضًا لا تستطيع تحمل تكلفة استضافة مخصصة (انظر أدناه) .
  • استضافة مخصصة Dedicated hosting (نتحدث أيضًا عن "خادم مخصص"): إنها النهاية. خادم يدير موقع الويب الخاص بك فقط وليس غيرها. كن حذرًا ، إنه مكلف للغاية ومن الأفضل أن يكون لديك معرفة بنظام Linux لإدارة الخادم عن بُعد.
  • استضافة سحابية Cloud hosting : أكثر وأكثر شعبية ، هذا لإرسال موقعنا على خوادم افتراضية. في الواقع ، هو ما يعادل استضافة مخصصة افتراضية ، ولكن مع مجموعة كبيرة من الخدمات للسماح لنا بإدارة الشبكة بسهولة أكبر ، وقواعد البيانات ، إلخ. هذا هو الاتجاه لمواقع أكثر وأكثر المتوسطة والكبيرة. تتضمن مضيفات السحابة خدمات الويب من Amazon و Google Cloud و Microsoft Azure والمزيد. هذا النوع من الاستضافة معقد بعض الشيء بالنسبة لنا الذين يبدأون في إنشاء مواقع الويب. أوصي استضافة مشتركة في حالتنا.

ولكن أين يمكنني العثور على مضيف ويب؟

يا هذا ، إنه بسيط للغاية.

يمنحك البحث في Google عن "web host" ملايين النتائج. سوف تكون مدلل للاختيار.

في بقية هذا البرنامج التعليمي ، سأوضح لك كيفية الحصول على استضافة مشتركة مع مضيف IONOS 1 & 1 .

hosting web

إذا كنت ترغب في ذلك ، يمكنك بالطبع استخدام مضيف آخر من اختيارك.

يوضح الجزء المتبقي من هذا الفصل كيفية استضافة موقعك في 1 &1 IONOS ، ولكن كن على علم أنه يعمل بنفس الطريقة مع أي مضيف آخر.

دعنا نعود إلى 1 & 1 IONOS. يقدم هذا المضيف العديد من عروض الاستضافة المشتركة. في أي وقت من السنة ، يمكنك تغيير خطة اشتراكك ، أو ببساطة إيقافها. يمكنك الاطلاع على تفاصيل العروض في الشكل التالي:

hosting web
طلب استضافة لموقع الويب الخاص بك

انقر فوق الزر "Carry on" في عرض Pro . يُطلب منك بعد ذلك اختيار اسم مجال موقعك ، أي العنوان الذي يمكن العثور عليه عليه. حدد المربع وفقًا للإضافات التي تريد استخدامها.com) ، .fr ...) نظرًا لأن اسم المجال واحد فقط مدرج في العرض ، نوصيك بتحديد مربع واحد فقط (على سبيل المثال ".com" ) إذا قمت بفحص العديد ، فسوف تدفع أكثر من ذلك بقليل.

hosting web

يطلب منك اختيار اسم مجال موقعك

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

بمجرد الانتهاء من ذلك ، ستتحقق من IONOS1&1 من أن اسم المجال الذي تطلبه لم يتم أخذه بالفعل:

hosting web

تحقق مما إذا كان اسم المجال مجانيًا قبل المتابعة

إذا كان المجال مجانيًا ، يمكنك المتابعة! فقط انقر فوق "متابعة".

سيتم بعد ذلك عرض العديد من العروض التجارية (شراء المزيد من المجالات ، ومولد للمواقع ...). ما لم تكن تهمك ، أدعوك إلى النقر فوق "NO" في كل مرة:

عليك فقط التحقق من سلتك:

hosting web

يبقى فقط للتحقق من صحة السلة

يمكنك تغيير فترة الالتزام واختيار التزام شهري. ومع ذلك ، في هذه الحالة لن يتم تطبيق الترويج.

hosting web

الالتزام الشهري

كل ما عليك القيام به هو ملء التفاصيل الخاصة بك والانتهاء من عملية الشراء. بمجرد إتمام الإجراءات الرسمية والدفع ، تتم إعادة توجيهك نحو IONOS1&1 ، مما يؤكد مراعاة طلبك. يجب أن تتلقى في وقت لاحق رسالة بريد إلكتروني تمنحك جميع المعلومات اللازمة لإعداد موقعك. الاحتفاظ بها لانها ثمينة ، وسوف تحتاج إليها.

عندما تتلقى معلومات تسجيل الدخول الخاصة بك عن طريق البريد الإلكتروني للاتصال بخادم مضيفك ، يمكنك المتابعة إلى الخطوة التالية: إرسال موقع الويب الخاص بك على خادم مضيفك !

استخدم عميل FTP


تثبيت عميل FTP

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

بالطبع ، برنامج FTP ، هناك المئات ، مجانًا ، مدفوعة الأجر ، الفرنسية ، الإنجليزية ، إلخ. سأقدم لك التطبيق الذي استخدمه مجانًا FileZilla

hosting web

أيقونة عميل FileZilla FTP الشهير

لا علاقة لهذا البرنامج بـ Mozilla ، إلا أنه ينتهي أيضًا بـ "zilla". لا أعتقد أنني أرغمك على استخدام برنامج من الناشر نفسه ، إنه خطأ تام. بالمناسبة ، يمكنك استخدام أي برنامج FTP آخر إذا كان يعجبك ، لا يزعجني على الإطلاق.

على أي حال ، سأريك ما هو الإجراء مع FileZilla . والخطوة الأولى هي بالطبع لتنزيله!

تحميل FileZilla

خذ الإصدار المقابل لنظام التشغيل ( Windows أو Mac OS X أو Linux)

أثق بك في التثبيت ، إنه بسيط للغاية ويجب ألا تواجه أي مشكلة. قم بتشغيل البرنامج ، سترى شيئًا مشابهًا للشكل التالي.

hosting web

للوهلة الأولى ، يبدو هذا معقدًا قليلاً (للوهلة الأولى فقط). في الواقع ، المبدأ بسيط للغاية. هناك أربعة مجالات رئيسية يجب معرفتها في النافذة:

  1. في الجزء العلوي ، سترى الرسائل التي ترسل وتستقبل البرنامج. إذا كنت محظوظًا ، فسترى الجهاز يقول مرحبًا (نعم ، أقسم). بشكل عام ، هذه المنطقة لا تهمنا حقًا ، إلا إذا كانت هناك رسائل خطأ باللون الأحمر ...
  2. على اليسار ، إنه قرصك الصلب. في الجزء العلوي ، لديك المجلدات ، وفي الجزء السفلي ، قائمة الملفات في المجلد الحالي.
  3. على اليمين توجد قائمة الملفات المرسلة إلى الخادم على الإنترنت. في الوقت الحالي لا يوجد شيء لأننا لم نتواصل ، لكنه سيأتي ، لا تقلق.
  4. أخيرًا ، في الجزء السفلي ، سترى الملفات التي يتم إرسالها (ونسبة الإرسال).

ستكون الخطوة الأولى هي الاتصال بخادم مضيفك.

اعداد العميل FTP

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

  • IP : هذا هو "عنوان" الخادم. في أغلب الأحيان ، ستحصل على معلومات من النوع ftp.mon-site.com، لكن يمكن أن تكون أيضًا سلسلة من الأرقام مثل 122.65.203.27.
  • تسجيل الدخول : إنه تسجيل الدخول الخاص بك ، ربما طُلب منك اختياره. ربما تكون قد وضعت اسمك المستعار أو اسم موقعك. يمكن أن يكون تسجيل الدخول الخاص بي على سبيل المثال mateo21.
  • كلمة المرور : إما أنه طُلب منك اختيار كلمة مرور ، أو (على الأرجح) تم تعيين كلمة مرور (شيء غير محتمل من النوع crf45u7h).

إذا كانت لديك هذه المعلومات الثلاثة ، فستتمكن من المتابعة. إذا لم يكن لديك ، يجب عليك البحث عنها ، فهذا أمر ضروري. ربما أرسلناهم إليك بالبريد الإلكتروني. خلاف ذلك ، لا تتردد في سؤال مضيفك (IP ، تسجيل الدخول وكلمة المرور).

الآن بعد أن لدينا هذه المعلومات ، سنقدمها إلى FileZilla ، الذي يحتاجها للاتصال بالخادم.

انقر على أيقونة صغيرة في أعلى اليسار (وليس على السهم الصغير على اليمين ، ولكن على الصورة) ، ممثلة في الشكل التالي.

hosting web

أيقونة اتصال FileZilla

يفتح نافذة. انقر فوق Nouveau site ومنحه الاسم الذي تريده (مثل "موقعي"). على اليمين ، يجب أن تشير إلى المعلومات الثلاث التي أخبرتك بها للتو ، كما في الشكل التالي.

hosting web

الأجزاء الثلاثة من المعلومات لإعطاء FileZilla

يمكنك التمييز في الجزء العلوي من المضيف (هذا هو المكان الذي يجب أن تشير إليه ftp.monsite.com، على سبيل المثال). تحقق Type d'authentification : Normaleلتكون قادرة على دخول المستخدم وكلمة السر.

انقر Connexionوالدور هو (تقريبا) لعبت.

نقل الملفات

عند هذه النقطة ، هناك احتمالان:

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

إذا كان اتصال ناجح، ثم ما عليك القيام به هو بسيط جدا: في الجانب الأيسر، والبحث عن مكان هناك، على القرص الصلب الخاص بك، والملفات .htmlو .css(ولكن أيضا الصور الخاصة بك .jpg، .png، .gif، الخ). على اليسار ، انقر نقرًا مزدوجًا على الملف الذي تريد نقله. بعد بضع ثوانٍ ، سيظهر على اليمين ، مما يعني أنه قد تم إرساله بشكل صحيح إلى الخادم ، وبالتالي يمكن الوصول إليه عبر الإنترنت!

يمكنك إرسال أي نوع من الملفات. بطبيعة الحال، فإنه عادة ما ترسل الملفات .php، .html، .cssوالصور، ولكن من الممكن أن ترسل بشكل جيد للغاية .pdf، برامج، .zipالخ

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

hosting web

يتم استضافة الملفات على FTP

يظهر على اليمين ، مما يعني أنه متوفر الآن على الخادم.

يرجى ملاحظة أنه يجب استدعاء صفحتك الرئيسية index.html. هذه هي الصفحة التي سيتم تحميلها عند وصول زائر جديد إلى موقعك.

يمكنك أيضًا نقل المجلدات بأكملها دفعة واحدة: ما عليك سوى سحب وإفلات المجلد من الجانب الأيسر (أو مباشرة من نافذة نظام التشغيل) إلى الجانب الأيمن من المجلد. نافذة FileZilla.

بمجرد التهيئة ، يمكنك أن ترى أن إرسال الملفات بسيط للغاية.

الخلاصة


  • في الوقت الحالي ، يكون موقع الويب الخاص بك مرئيًا لك على جهاز الكمبيوتر الخاص بك فقط. يجب إرسالها على الويب بحيث يكون مرئيا للجميع.
  • تحتاج شيئين:
    • اسم المجال: هذا هو عنوان موقع الويب الخاص بك. يمكنك حجز عنوان .com، .fr، .net... على سبيل المثال: openclassrooms.com.
    • المضيف: هو الذي سيخزن موقع الويب الخاص بك على جهاز يسمى "الخادم". سيكون دورها هو إرسال موقعك إلى زوار موقعك في أي وقت من النهار والليل.
  • لنقل ملفات موقعك إلى خادم مضيفك ، من الضروري استخدام عميل FTP مثل FileZilla.
  • للاتصال بالخادم ، تحتاج إلى ثلاثة أجزاء من المعلومات: عنوان IP الخاص بالخادم (أو اسم المضيف الخاص به) وتسجيل الدخول وكلمة المرور الخاصة بك. يتم توفير هذه من قبل المضيف الخاص بك.