كيف تعمل المواقع الالكترونية؟

كيف اقوم بتصميم مواقع الويب ؟ سؤال يراود كل من يريد الشروع ببرمجة الويب! سأقوم بشرح مثال ومنه نستنتج بشكل عام تصميم مواقع الويب.

كيف تعمل المواقع الالكترونية؟

منذ 3 أشهر

كيف تعمل المواقع الالكترونية؟
كيف اقوم بتصميم مواقع الويب ؟ سؤال يراود كل من يريد الشروع ببرمجة الويب! سأقوم بشرح مثال ومنه نستنتج بشكل عام تصميم مواقع الويب.
 
لكل من يتمنى أن يصبح مصمم مواقع، أو أي شخص يرغب في معرفة ماهية المواقع وكيف تعمل المواقع بالضبط، يمكنك قراءة هذا المقال القصير.في الحقيقة بعد قرائتك لهذا المقال لن تصبح مصمم مواقع بالمعنى الحرفي، ولكن ستكون لديك خلفية جيدة عن كيفية التصميم و من أين تبدأ الطريق إن شاء الله، سنبدأ معاً قصة الانترنت والتي منها ستفهم تماما كيف تعمل مواقع النت. 
 
لنتخيل التالي: عندما تريد أن تفتح الانترنت وتزور المواقع، تقوم بفتح أحد متصفحات الانترنت، انترنت اكسبلورر أو فايرفوكس أو غيره، ثم تقوم بكتابة عنوان الموقع وتضغط زر ادخال، فيفتح لك الموقع وتتجول في صفحاته وتستعرض ما فيه. 
 
الآن سنقوم بعمل المقارنة التالية والتي ستوضح لك تماما كيف تعمل مواقع الانترنت: تخيل أنك تريد عمل مشروع تجاري على أرض الواقع وليس على الانترنت، ماذا ستحتاج ؟ وكيف ستتم العملية التجارية بشكل كلي؟ 
 
أولاً: ستحتاج أن تحدد عنوان المحل، 
يعني تحدد مكان المحل في أي منطقة في أي شارع، ثم تذهب إلى المكتب العقاري وتشتري الموقع أو قطعة الأرض وهنا بالنسبة لمواقع النت يكون : رقم الآي بي Address IP 
 
هذا هو بالضبط في عالم الانترنت كعنوان قطعة الأرض المسجلة في المكتب العقاري في أرض الواقع، كل موقع على الانترنت له Address IP خاص به لا يوجد له شبيه وبه تحدد أماكن المواقع وعناوينها، ولو أردت بناء موقع لا بد أن يكون لك عنوان خاص حتى تقوم ببناء المحل عليه. يكون رقم الآي بي من أربع خانات كل خانة بها 3 أرقام : 212.112.68.104
 
تماما كما في المكتب العقاري تكون قطع الأراضي مرقمة ومعروفة وكل قطعة أرض لها رمز أو رقم تميز به عن غيرها من قطع الأراضي، كما هو واضح في الصورة السابقة فرقم الآي بي يوضح بالضبط مكان وجود الموقع. لا تقلق فلست أنت من يحدد رقم الآي بي، إنه مزود الإنترنت الذي تشبك جهازك من خلاله بالانترنت الذي يحدد هذا الرقم
 
ثانياً: والآن بعدما اشتريت قطعة الأرض او قمت باستئجار المحل ستقوم بتحديد اسم المحل وتكتب اسمه على لافتة وتعلقها على بوابة المحل. اسم النطاق Name Domain 
 
هو تماما كاسم المحل على أرض الواقع، فلا بد ان يكون لموقعك اسم يعرف به بين الناس ، ومن خلاله يزورون موقعك، وهو كااللافتة تعلق على بوابة المحل، فلا يعقل أن تعطي الناس عنوان موقعك كرقم على بوابة المحل، فلا يعقل أن تعطي الناس عنوان موقعك كرقم آي بي : 112.321.23.432 لابد أن تختار اسم تجاري لطيف ومميز لكي يسهل على الناس حفظه وزيارة موقعك من خلاله مثل :google 
 
وشركة تأجير أو بيع النطاقات تقوم بربط هذا الاسم بعنوان الموقع أو رقم الآي بي، تماما كما أنك تعلق اللافتة على المحل، بحيث يدل الاسم على المحل. 
 
ثالثاً: ستبدأ الآن بعمل ديكور المحل، من رفوف وخزائن وجوارير وما إلى ذلك من معدات وإضاءة وغيره. برمجة الموقع وتصميم صفحاته Web / designing Web developing إن كل محل في العالم لابد له من ديكورات لكي يتم ترتيب البضاعة عليها، وفي حالة مواقع الانترنت فلابد من وجود برمجة، هي بمثابة ديكورات الموقع ليتم ترتيب محتويات الموقع عليها. 
 
إن لغة تصميم المواقع هي HTML والتي بها يتم تصميم هيكل الموقع وشكل الصفحات، وهناك لغات برمجة إضافية تجعل موقعك أكثر تفاعلية أو ديناميكية مثل php و asp و coldfusion و ruby On rails ولغات أخرى. 
إذن لغة HTML لا غنى عنها لتصميم شكل الموقع، أما لغات البرمجة الأخرى فهي لإضافة مميزات تفاعلية إضافية، فلغة HTML لا يشترط تعلمها، فهناك برامج كثيرة مثل Adobe Dreamweave تساعدك على تصميم مواقع بلغة HTML دون كتابة حرف واحد. 
 
أما لغات البرمجة فبالرغم من وجود محررات كثيرة تساعدك على البرمجة إلا أنك تحتاج لمعرفة في البرمجة لتقوم ببرمجة تطبيقات ويب أو مواقع تفاعلية. 
 
رابعاً: والآن ستقوم بتعبئة المحل بالبضاعة التي ستعرضها للزبائن وزوار المحل، وذلك بشحنها من المخازن إلى المحل بواسطة شاحنة. بالتأكيد ستولي واجهة المحل اهتماما خاصا لأنها أول شيء يراه زوار محلك من الخارج، ولو كانت واجهة المحل جذابة ستجلب عدد كبير من الزبائن. ثم ستقوم بعمل إعلانات بالتأكيد في الصحف والمجلات والجرائد والمنشورات واللافتات الإعلانية وحتى ربما في التلفاز والمذياع. و سيحصل الناس على عنوان محلك من خلال الإعلانات، كما أنهم سيأخذون فكرة عن محتوى محلك التجاري، وربما تحمسهم لزيارة محلك بعمل بعض العروض التجارية. سيركبون أي وسيلة مواصلات، سياراتهم، سيارة أجرة، حافلة، قطار، أي شيء المهم أن يصلو لمحلك ويدخلوه ويتجولوا به ويروا محتوياته، وربما قد يشترون من بضاعته المعروضة. وهنا سيكون المستضيف أو الخادم Server or Host 
 
هو بالضبط مبنى موقعك الإلكتروني والذي ستقوم بوضع محتويات موقعك فيه بعد أن تقوم بعمل الديكورات، وهو بالضبط المكان الذي سيزورك فيه زبائنك، وفي عالم الانترنت يمكنك إما بناء الخادم الخاص بك أو استئجار خادم من شركة استضافة مواقع، تماما كأن تبني مبنى المحل أو تقوم باستئجار مبنى جاهز. المستضيف أو الخادم هو ليس إلا جهاز كمبيوتر موصول بالانترنت طوال الوقت 24 ساعة في اليوم بحيث لو دخل أي شخص في أي مكان في العالم موقعك في أي وقت يستطيع أن يتصفح الملفات، فلو كنت قادرا على توفير هذا الأمر بنفسك فهذا جيد.
 File Transfer Protocole / FTP نقل البيانات النقطة الأخيرة التي تحدثنا عنها في مثالنا الواقعي كانت عملية شحن البضاعة من المخازن أو تجار الجملة إلى المحل، وهو الحال تماما في عالم الانترنت، فبعد أن قمت بتصميم ملفات موقعك أو ديكور موقعك، لابد أن تقوم بنقله إلى المحل، ألا وهو المستضيف في عالم الانترنت، ثم تقوم بعدها بنقل الملفات على الموقع، إن شاحنة نقل البضاعة في عالم الانترنت هي برامج الـ FTP، 
التي تتكفل بنقل الملفات من جهاز كمبيوترك ووضعها على موقعك في الانترنت الذي قمت باستئجاره من أحد شركات الاستضافة. إن الشاحنة عادة تطلب منك عنوان محلك ومفاتيح المحل لتصل إلى المحل وتفتحه وتضع البضاعة فيه، وكذلك هو برنامج FTP فهو يطلب منك عنوان موقعك ليصل إليه، ثم يطلب منك اسم المستخدم وكلمة المرور ليفتح موقعك ويضع الملفات فيه.
 
وهكذا تكون انتهت مقالتنا وان شاء الله تكون مفيدة. لنذكر أهم المنصات او المواقع لتعلم برمجة الويب وهي
W3schools.
Dash
Mozilla Developer Network 
تنويه : الهدف من هذا المقال هو نظرة بسيطة وعامة عن تصميم وبرمجة المواقع لأصدقاءنا المبتدئين.


إعداد: أمل علي العبدلله
مراجعة وتدقيق: فادي مندي

مقالات مشابهة

تقنيات البحث في جوجل "كيف تبحث" تقنيات البحث في جوجل "كيف تبحث"
الزيارات 85

بظهور محرك البحث جوجل العملاق اصبح البحث عن اي معلومة امر سهل للغاية ولكن هناك بعض المعلومات صعبة الوصول من خلال جوجل او للوصول اليه يلزم الامر

منذ 3 أشهر
عرض المقال
حل مشكلة الذاكرة في هواتف اندرويد حل مشكلة الذاكرة في هواتف اندرويد
الزيارات 83

كثيراً منا يعاني من مشكلة امتليء ذاكرة الهاتف، وبالاخص الهواتف ذات الذاكرة ١٦ جيجا او ٨ جيجا، والسبب الاساسي في امتليء الذاكرة بهذا الشكل، ليس البرامج

منذ 3 أشهر
عرض المقال
تعرف علي تقنية Li-Fi انترنت المستقبل تعرف علي تقنية Li-Fi انترنت المستقبل
الزيارات 106

في المقال ده هنتكلم عن تقنية جديدة. (Li-Fi) وهي تقنية اتصالات ضوئية لاسلكية عالية السرعة وبتعتمد على الضوء في نقل البيانات.

منذ 3 أشهر
عرض المقال