وطن
عمل
بلوق
عن
الاتصال
تدفق الويب
24 فبراير/شباط 2021

شرح أشياء الويب المعقدة ببساطة

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

لذلك حان الوقت لإنشاء موقع ويب خاص بك ، ولكن قبل أن تتمكن من القيام بذلك ، ستحتاج إلى دورة تدريبية مكثفة لموقع الويب 101 لمعرفة ما هو الإنترنت حتى. لحسن الحظ ، لقد وجدت مدونة Pretty Nice Websites ووجدت هذا المنشور. الآن بعد أن وصفنا هذا الموقف الدقيق الذي يحدث الآن ، دعنا نقفز ونتعلم كل شيء عن كيفية عمل الويب بالفعل.

ما هو الموقع الإلكتروني؟

صورة للنشر

حسنا ، نعم ولكن ...

تعريف القاموس لموقع ويب هو:

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

إلى جانب حقيقة أن أحدا لم يطلق عليها اسم شبكة الويب العالمية منذ عام 1757 ، فإن هذا لا يلقي الكثير من الضوء على أعمال موقع الويب بأكمله. دعونا نقسمها.

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

لغات البرمجة

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

لغة البرمجة الثلاثة الأكثر شيوعا على الويب هي HTML و CSS و JavaScript. تطلق ويكيبيديا على الثلاثة معا حجر الزاوية الثلاثي للإنترنت. أصوات مكثفة نحن في PNW نسميهم الفرسان الثلاثة ، وكل لغة تجلب قطعة أساسية لجلب مواقع الويب إلى الحياة وجعلها تبدو جميلة.

  • HTML — لتقف علي لغة ترميز النص التشعبي وهي أساس أي موقع ويب. استخدم لغة البرمجة هذه لإنشاء جميع العناصر الموجودة على الصفحة (على سبيل المثال صورة لك وسيرة ذاتية أو التنقل في أعلى الصفحة أو التذييل)
  • CSS — لتقف علي أوراق الأنماط المتتالية. يقوم CSS بأنماط جميع العناصر التي تقوم بإنشائها باستخدام HTML. يمكنك تغيير الألوان والخطوط والأماكن التي تظهر فيها الأشياء على الشاشة، وكل ذلك باستخدام CSS.
  • جافا سكريبت — لتقف علي جافا سكريبت. هذه اللغة هي ما يجعل عناصرك تفاعلية مع المستخدمين على موقعك. على سبيل المثال ، يمكنك إنشاء نموذج اتصال بنا باستخدام HTML ثم تصميمه باستخدام CSS ، ثم باستخدام Javascript ، قم بإنشاء قاعدة مفادها أنه عندما يرسل شخص ما نموذج اتصال ، يتم إرساله إليك عبر البريد الإلكتروني ويحصل الشخص الذي أرسله على تأكيد لطيف بأنك تلقيته. انيق!

كيف يمكنني إنشاء موقع ويب؟

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

نظام الاداره الوظيفيه

إلى حد بعيد ، فإن أسهل طريقة للحصول على موقع ويب وتشغيله هي من خلال نوع من منصة CMS. CMS تعني نظام إدارة المحتوى ، ويمكنك استخدامها لإدارة المحتوى الخاص بك. ماذا عن هذا! باستخدام نظام إدارة المحتوى ، لا تحتاج إلى كتابة كل التعليمات البرمجية بنفسك. بدلا من ذلك ، تحتوي منصة CMS عادة على سمة يمكنك تحديدها ، وهي عبارة عن مجموعة من ملفات HTML و CSS و JS المكتوبة مسبقا والتي يمكنك ببساطة توصيلها بنسخة الويب الخاصة بك والصور والألوان وأنت جاهز تماما.

فيما يلي بعض منصات CMS الشائعة:

  • Wordpress - يتم تشغيل 25٪ من الإنترنت على Wordpress ولسبب وجيه. إنه سهل الاستخدام إلى حد ما وهذه المواقع لديها الكثير من التخصيص. ومع ذلك ، من بين جميع منصات CMS الشائعة ، يتطلب Wordpress أكبر قدر من المعرفة بالبرمجة.
  • سكوير سبيس — سهل الاستخدام للغاية ولا يتطلب معرفة بالبرمجة أبدا. ليس هناك مساحة كبيرة للتخصيص
  • ويكس — منصة مماثلة ل Squarespace. منحنى تعليمي أعلى قليلا ، ولكن لديه المزيد من التخصيص
  • Webflow — Webflow هي أداة تصميم مزودة بوظيفة CMS مضمنة. نظرا لأنها أداة تصميم أولا ، فإنها تسمح بالتخصيص الكامل على أي موقع ويب ، ولكن منحنى التعلم حاد للغاية. لا يوجد ترميز ضروري ، ومع ذلك ، فإن معرفة المستوى الأساسي بالبرمجة مفيدة للغاية. هذا ما نستخدمه لجميع مواقعنا هنا في PNW.

برامج تحرير النصوص

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

الخطوة التالية ، انتقل إلى الترميز! من المهم جدا تخزين Red bull ، والوقوف في قائمة Lo-Fi Study Beats على Spotify ، وقفل نفسك في غرفة مظلمة حتى تقوم بترميز موقعك بالكامل باستخدام محرر النصوص.

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

أسماء النطاقات والاستضافة

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

صورة للنشر

المجالات

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

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

استضافه

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

لذلك فقط للتلخيص باستخدام تشبيه منزلنا:

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

العجب! نأمل أن يساعد ذلك في إزالة الغموض عن سحر الإنترنت قليلا. والآن بعد أن أصبحت سيد ويب كامل بنفسك ، لا حاجة لتوظيفنا!

... ولكن إذا لم يكن لديك الوقت الكافي لبناء موقع badass الجديد الخاص بك بنفسك ، فلا تتردد في الاتصال بنا للقيام بذلك نيابة عنك. تعرف على المزيد حول من نحن في مواقع Pretty Nice.

إذا كنت تقول لنفسك...

أحب ما قرأته هنا وأريد أن أستأجر هذا الرجل للعمل في مشروعي.

ثم اتصل بي