المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : كيف تصمم موقع انترنت؟


أَحمــد
2011-06-03, 11:11
مقاربة بسيطة في كيفية إنشاء مواقع الأنترنت بين الواقع والحقيقة لتسهيل الفهم.

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

سنبدأ معا قصة الانترنت والتي منها ستفهم تماما كيف تعمل مواقع الانترنت ..
تخيل معي المشهد التالي :
عندما تريد أن تفتح الانترنت وتزور المواقع ، تقوم بفتح أحد متصفحات الانترنت ، انترنت اكسبلورر أو فايرفوكس أو غيره ، ثم تقوم بكتابة عنوان الموقع وتضغط زر ادخال ، فيفتح لك الموقع وتتجول في صفحاته وتستعرض ما فيه.
من خلال هذا المشهد سنقوم بعمل المقارنة التالية والتي ستوضح لك تماما كيف تعمل مواقع الانترنت :
تخيل أنك تريد عمل مشروع تجاري على أرض الواقع وليس على الانترنت ، ماذا ستحتاج ؟ وكيف ستتم العملية التجارية ككل ؟
أولا ستحتاج أن تحدد عنوان المحل ، يعني تحدد مكان المحل في أي منطقة في أي شارع ، ثم تذهب إلى المكتب العقاري وتشتري الموقع أو قطعة الأرض.
ستقوم الآن ببناء مبنى المحل ، أو لو كان المبنى جاهزا ستقوم باستئجاره من المالك.
والآن ستقوم بتحديد اسم المحل وتكتب اسم المحل على يافطة وتعلقها على بوابة المحل.
ستبدأ الآن بعمل ديكور المحل ، من رفوف وخزائن وجوارير وما إلى ذلك من معدات وإضاءة وغيره.
والآن ستقوم بتعبئة المحل بالبضاعة التي ستعرضها للزبائن وزوار المحل ، وذلك بشحنها من الخازن إلى المحل بواسطة شاحنة.
بالتأكيد ستولي واجهة المحل اهتماما خاصا لأنها أول شيء يراه زوار محلك من الخارج ، ولو كانت واجهة المحل جذابة ستجلب عدد كبير من الزبائن.
ستقوم بعمل إعلانات بالتأكيد في الصحف والمجلات والجرائد والمنشورات واللافتات الإعلانية وحتى ربما في التلفاز والمذياع.
سيحصل الناس على عنوان محلك من خلال الإعلانات ، كما أنهم سيأخذون فكرة عن محتوى محلك التجاري ، وربما تحمسهم لزيارة محلك بعمل بعض العروض التجارية.
سيركبون أي وسيلة مواصلات ، سياراتهم ، سارة أجرة ، حافلة ، قطار ، أي شيء المهم أن يصلو لمحلك ويدخلوه ويتجولوا به ويروا محتوياته ، وربما قد يشترون من بضاعته المعروضة.
إن مواقع الانترنت لا تختلف أبدا عن عالم الواقع ، فهي باختصار محاكاة تامة للعملية التي شرحتها لكم قبل قليل في تسع نقاط سريعة.
أولا : رقم الآي بي IP Address
هذا هو بالضبط في عالم الانترنت كعنوان قطعة الأرض المسجلة في المكتب العقاري في أرض الواقع ، كل موقع على الانترنت له IP Address خاص به لايوجد له شبيه وبه تحدد أماكن المواقع وعناوينها ، ولو أردت بناء موقع لا بد أن يكون لك عنوان خاص حتى تقوم ببناء المحل عليه.
يكون رقم الآي بي من أربع خانات كل خانة بها 3 أرقام :
212.112.68.104
تماما كما في المكتب العقاري تكون قطع الأراضي مرقمة ومعروفة وكل قطعة أرض لها رمز أو رقم تميز به عن غيرها من قطع الأراضي ، كما هو واضح في الصورة السابقة فرقم الآي بي يوضح بالضبط مكان وجود الموقع.
لا تقلق فلست أنت من يحدد رقم الآي بي ، إنه مزود الإنترنت الذي تشبك جهازك من خلاله بالانترنت الذي يحدد هذا الرقم.
ثانيا : المستضيف أو الخادم Host or Server
هذا هو بالضبط مبنى موقعك الإلكتروني والذي ستقوم بوضع محتويات موقعك فيه بعد أن تقوم بعمل الديكورات ، وهو بالضبط المكان الذي سيزورك فيه زبائنك ، وفي عالم الانترنت يمكنك إما بناء الخادم الخاص بك أو استئجار خادم من شركة استضافة مواقع ، تماما كأن تبني مبنى المحل أو تقوم باستئجار مبنى جاهز.
المستضيف أو الخادم هو ليس إلا جهاز كمبيوتر موصول بالانترنت طوال الوقت 24 ساعة في اليوم 7 أيام في الأسبوع ، بحيث لو دخل أي شخص في أي مكان في العالم موقعك في أي وقت يستطيع أن يتصفح الملفات ، فلو كنت قادرا على توفير هذا الأمر بنفسك فبها ونعمت ، ولكن لماذا تكلف نفسك هذا العناء ؟؟ عناء المراقبة الدائمة للكمبيوتر ، وهل هو مشبوك بالانترنت أم لا ، هل خط الانترنت موصول أم انقطع لسبب معين ، هل خط الانترنت سريع بشكل كاف لتحمل عدد كبير من الزوار في وقت واحد ، هل تضمن استمرار الكهرباء وعدم انقطاعها ، توجد مشاكل كثيرة تواجهك لو قمت بعمل السيرفر لوحدك.
الحل الأمثل هو استئجار مكان من ناس متخصصين بهذا المجال ومتفرغين له ، فقط ادفع لهم الأجار آخر السنة وهم يتكفلون بكل ما سبق ذكره ، وانت ما عليك سوى تنظيم المحل (الموقع) وترتيبه بحيث يستقبل الزوار بأبهى حلة.
ثالثا : اسم النطاق Domain Name
هو تماما كاسم المحل على أرض الواقع ، فلا بد ان يكون لموقعك اسم يعرف به بين الناس ، ومن خلاله يزورون موقعك ، وهو كاليافطة تعلق على بوابة المحل ، فلا يعقل أن تعطي الناس عنوان موقعك كرقم آي بي :
212.112.68.104
لابد أن تختار اسم تجاري لطيف ومميز لكي يسهل على الناس حفظه وزيارة موقعك من خلاله مثل :
www.google.com
وشركة تأجير أو بيع النطاقات تقوم بربط هذا الاسم بعنوان الموقع أو رقم الآي بي ، تماما كما أنك تعلق اليافطة على المحل ، بحيث يدل الاسم على المحل.
رابعا : برمجة الموقع وتصميم صفحاته Web designing / Web developing
إن كل محل في العالم لابد له من ديكورات لكي يتم ترتيب البضاعة عليها ، وفي حالة مواقع الانترنت فلابد من وجود برمجة ، هي بمثابة ديكورات الموقع ليتم ترتيب محتويات الموقع عليها.
إن لغة تصميم المواقع هي HTML والتي بها يتم تصميم هيكل الموقع وشكل الصفحات ، وهناك لغات برمجة إضافية تجعل موقعك أكثر تفاعلية أو ديناميكية مثل php و asp و cgi و coldfusion و ruby on rail ولغات أخرى ..
إذن لغة HTML لا غنى عنها لتصميم شكل الموقع ، أما لغات البرمجة الأخرى فهي لإضافة مميزات تفاعلية إضافية ، فلغة HTML لا يشترك تعلمها ، فهناك برامج كثيرة مثل Microsoft FrontPage أو Adobe Dreamweaver تساعدك على تصميم مواقع بلغة HTML دون كتابة حرف واحد ، أما لغات البرمجة فبالرغم من وجود محررات كثيرة تساعدك على البرمجة إلا أنك تحتاج لمعرفة في البرمجة لتقوم ببرمجة تطبيقات ويب أو مواقع تفاعلية.
خامسا : نقل البيانات File Transfer Protocole / FTP
النقطة الخامسة التي تحدثنا عنها في مثالنا الواقعي كانت عملية شحن البضاعة من المخازن أو تجار الجملة إلى المحل ، وهو الحال تماما في عالم الانترنت ، فبعد أن قمت بتصميم ملفات موقعك أو ديكور موقعك ، لابد أن تقوم بنقله إلى المحل ، ألا وهو المستضيف في عالم الانترنت ، ثم تقوم بعدها بنقل الملفات على الموقع ، إن شاحنة نقل البضاعة في عالم الانترنت هي برامج الـ FTP ، التي تتكفل بنقل الملفات من جهاز كمبيوترك ووضعها على موقعك في الانترنت الذي قمت باستئجاره من أحد شركات الاستضافة.
إن الشاحنة عادة تطلب منك عنوان محلك ومفاتيح المحل لتصل إلى المحل وتفتحه وتضع البضاعة فيه ، وكذلك هو برنامج FTP فهو يطلب منك عنوان موقعك ليصل إليه ، ثم يطلب منك اسم المستخدم وكلمة المرور ليفتح موقعك ويضع الملفات فيه.
سادسا : واجهة الموقع Homepage أو صفحة الـ(Index)
إن واجهة الموقع هي أحد أهم صفحات موقعك ، ربما من واجهة الموقع قد تكسب الزوار أو قد تفقدهم للأبد ، تماما مثل واجهة المحل ، فإن كثير من واجهات المحل قد تنفر الزبائن رغم أن البضاعة قد تكون قيمة ، وهناك محلات تجذبك واجهاتها جذبا بالرغم من بضاعتها التعيسة ، إنه حسن تنسيق الواجهة.
إن أهم شيء يجب معرفته في واجهة الموقع أنها عبارة عن ملف اسمه index ، وهناك خطوط عريضة لواجهات المواقع :
يجب أن تكون سريعة.
يجب أن تكون معبرة عن محتوى الموقع.
يجب أن تكون واضحة وسهلة الوصول.
يفضل أن تكون جذابة ولكن ليس على حساب السرعة.
يجب أن تساعد الزائر على الوصول إلى محتويات الموقع.
سابعا : الإعلان عن الموقع والإشهار Advertising and Promoting
هذا من أساسيات التجارة ، بدون إعلان فتجارتك خاسرة بالتأكيد ، كيف سيأتي الزبائن إذا لم يعرفوا عن وجود محلك من الأصل ؟ وكذلك مواقع الإنترنت بل بشكل أشد ، لن يزوره أحد ما لم تخبر الناس عنه ، هناك طرق عديدة للإعلان عن موقعك مثل وضع بنر إعلاني في مواقع مشهورة أخرى ، أو من خلال برامج الإعلانات النصية المقدمة من مرحكات البحث ، وأشهرها Google AdWords.
تماما كما تفعل المصانع والشركات التي تعلن عن منتجاتها في الشوارع والصحف والمجلات وقنوات التلفزة والإذاعة ، وكلما كانت الصحيفة أو القناة أشهر كلما زاد سعر الإعلان ، وكلما تغير حجم الإعلان ومدته تغير سعره ، نفس الشيء ينطبق على مواقع الانترنت ، فالإعلان في المواقع المشهورة أغلى من الإعلان في المواقع العادية ، وحجم الإعلان ومكانه في الموقع ومدته أيضا يؤثر على سعره.
ثامنا : تعرف الناس على موقعك Identifiying
هناك عدة طرق مجانية تستطيع تعريف الناس بها عن موقعك ، مثل وضع عنوان موقعك في أدلة المواقع ، نشر عنوان موقعك في محركات البحث ، تبادل روابط مع مواقع أخرى ، كتابة عنوان موقعك في توقيعك بالمنتديات التي تكتب بها ، ووسائل أخرى كثيرة يمكن من خلالها أن يتعرف الناس على موقعك ويزوروه.
تماما مثلما يحصل في الأدلة التجارية وأدلة الهاتف ، حيث توضع فيه العناوين وأرقام الهواتف ، فهذه الأدلة يبحث فيها الناس عما يريدون ، هذا يعطيك فرصة جيدة مجانية لكسب بعض الزوار ، فبهذه الحالة الزوار هم من يبحثون عنك ولست أنت من يبحث عنهم ، فاستغل الفرصة وأعطهم المجال ليجدوك ، وذلك بنشر موقعك بأكبر عدد ممكن من أدلة المواقع ومحركات البحث.
تاسعا : دخول الزوار لموقعك Web Surfing
بعد مشاهدة الناس لإعلانات موقعك في الانترنت ، أو بعد مشاهدتهم لموقعك في أدلة المواقع أو محركات البحث سيبدؤون في زيارة موقعك ، ولابد لهم من وسيلة تنقل ، ووسيلة التنقل في الإنترنت هي متصفحات الانترنت ، هي بمثابة السيارة التي بها تتنقل بين المواقع ، كل ما عليك هو كتابة العنوان أو الضغط على عنوان والانتقال للموقع الجديد.

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

شراطي يوسف
2011-06-03, 19:10
اؤكد لك اخي بان تطرقك لموضوع تاسيس المواقع كان الافضل في كل المواضيع المتعلقة التي تطرقت لها انا منذ مدة وانا ابحث في هذا الموضوع واليوم انا اكثر اقتناع من اي وقت مضى شكرا جزيلا والمزيد من التالق
:19:

أَحمــد
2011-06-04, 00:41
اؤكد لك اخي بان تطرقك لموضوع تاسيس المواقع كان الافضل في كل المواضيع المتعلقة التي تطرقت لها انا منذ مدة وانا ابحث في هذا الموضوع واليوم انا اكثر اقتناع من اي وقت مضى شكرا جزيلا والمزيد من التالق
:19:
لقد أعجبني الموضوع لبعده عن التعقيد والعبارات الغير مفهومة.
شكرا لتكرم بالمرور

[كبْرياء]
2011-06-17, 16:44
باركـ الله فيكـ أخي

شرح رائع

أسعدني الموضوع كثيراا لأنه أزال بعض الغموض

سلامــ ي..

أَحمــد
2011-06-17, 20:49
شكرا لك لمرورك الأخت ايمان قلب

djatv
2011-06-21, 17:40
لقد أعجبني الموضوع لبعده عن التعقيد والعبارات الغير مفهومة.
شكرا لتكرم بالمرو

الشابي الجزائري
2011-06-21, 23:03
مشكوووووووووووووووووووووووووووووووووور

أَحمــد
2011-06-25, 16:08
شكرا للجميع على المرور

صفاء السماء
2011-06-25, 20:18
جزاك الله خيرا على الموضوع فعلا هو مقيد للغاية

أَحمــد
2011-06-29, 17:46
جزاك الله خيرا على الموضوع فعلا هو مقيد للغاية
شكرا لمرورك.

zakaria.belkham
2011-06-29, 22:46
شكرا بك أخي الكريم على هذه المحاكاة الرائعة
أتمنى لك دوام التوفيق

أَحمــد
2011-06-29, 22:56
شكرا لمرورك أخي زكريا

ghezal mohamed
2011-07-01, 16:53
مشكوووووووووووووور

أَحمــد
2011-07-14, 18:10
شكرا لمحمد على المرور

nrgslawi
2011-08-13, 14:44
انا مصمم مواقع ولقد افدتني كثيرا

hamzabip
2011-08-23, 11:55
باركـ الله فيكـ أخي

fatma079
2011-09-02, 14:03
بارك الله فيك و جعله في ميزان حسناتك

malek06
2011-09-15, 21:11
شكرا اكمل على هدا النحو و ستنجح

بهاء الدين جابر
2011-09-19, 12:25
بارك الله فيك

ahahah32
2011-09-21, 17:37
جازاك الله خيرا فقد قربت الفكرة كثيرا لأذهان معظم الناس شكرا

أَحمــد
2011-09-30, 11:13
الشكر للجميع على المرور...

- صلاح الدين -
2011-10-29, 18:53
شكرا لك و بارك الله فيك

أَحمــد
2011-10-30, 19:58
شكرا لك و بارك الله فيك
وفيك بارك الرحمان

مصطفى قاسمي
2011-10-31, 16:38
بارك الله فيك على هذا المجهود

أَحمــد
2011-10-31, 17:44
بارك الله فيك على هذا المجهود


وفيك بارك الرحمان

atlasse
2011-11-17, 18:36
شكرا اخي على طرحك الرائع للموضوع

نور الاحسان
2011-12-22, 19:02
جزاك الله خيرا

مصطفى قاسمي
2012-01-26, 17:07
بارك الله فيك اخي على الموضوع

عقبة شعبي
2012-03-07, 18:01
جزيل الشكر اخي

عقبة شعبي
2012-03-07, 18:02
تقبل مروووري

الطيب الجزائر
2012-03-23, 16:24
بارك الله فيك لدي موقع و أعمل منط فترة في تطوير المواقع ولكنك كتبت موضوع يزيل الكثير من الغموض و عن ماهية المواقع و كيفة إجراءات العمل بها

djatv
2012-04-20, 16:56
شـــــــــــــــــكرا

HYS
2012-04-20, 21:31
الله الله عليك خويا قنمبلة من العيار الثقيل تضرب منتديات الجلفة
بارك الله فيك خويا أفدتني كثيرا

aminecadix
2012-04-21, 10:22
لقد أعجبني الموضوع لبعده عن التعقيد والعبارات الغير مفهومة.

cristiano.ronaldo
2012-04-27, 21:39
شكرا جزيلا هذا ما كنت ابحث عنه

Noureddine14
2012-05-01, 22:41
شكرا جزيلا، بارك الله فيك.

دكتور دولار
2012-06-11, 22:02
شكرا لك اخي

أَحمــد
2012-06-20, 23:30
شكرا لكل من مر على الصفحة

Darkous
2012-06-21, 02:39
جزاك الله خيرا على الموضوع

alcario_159
2012-06-21, 03:15
موضوع رائع بارك الله فيك

mahmoudb69
2012-06-25, 15:31
بارك الله فيك وجزاك الله خيرا وجعلها في ميزان حسناتك

mahmoudb69
2012-07-01, 15:52
شكرا جزيلا و بارك الله فيك

الجليس الصلح
2012-07-01, 17:39
شكرااااا جزيلاااااا على ما قدمت

ghiatou
2012-07-03, 21:13
بارك الله فيك

riadhnet19
2012-07-05, 10:41
الف الف شكر

عبد القادر
2012-07-24, 13:42
بووووووووووووووووووووووووووووووووووركت ورمضان كريم

مـلكـة آلآحـسـآسـ
2012-07-25, 18:16
شكرا لك على الموضوع افدتني كثيرا

سلامــ ي..

bendjedoud
2012-07-27, 01:58
مشكور أخي الكريم

كوكوكو31
2012-07-27, 22:33
السلام عليكم
مشكور أخي

شعلة النار
2012-08-04, 17:50
مشكوررررررررررررررررر

abc4tech
2012-08-06, 22:21
السلام عليكم

ألف شكر على الموضوع

baffa
2012-08-07, 19:28
مشكووووووووور

أَحمــد
2012-08-31, 20:58
بورك في الجميع على المرور

ticnico
2012-09-01, 23:03
باركـ الله فيكـ أخي

شرح رائع

tassili27
2012-09-09, 00:34
بارك الله فيك أخي الكريم

جلول سلامي
2012-09-20, 16:46
شكرا على مجهودك

devlop7
2012-09-22, 16:46
مشكور أخي الفاضل

نسمة90
2012-10-20, 14:21
مشكور على الافادة
جزاك الله خيرا

ABDELKADER ADLI
2012-10-30, 13:46
بارك الله فيكم

aik
2012-10-31, 19:10
شكررررررررررررررررا جزيلا علي هذا الموضوع البسيط والمهم لانني كونت فكرة جيدة على التصميم المواقع:mh92::1:

LMn08
2012-11-01, 13:42
بارك الله فيك

ya7oo
2012-11-01, 17:59
موضوع في القمة اخي بارك الله فيك لقد افدتني

سي لحواس
2012-11-03, 16:34
شكرا على الموضوع القيم

meak2010
2012-11-06, 12:57
مشكوووووووووووور

kimo95261
2012-11-14, 17:23
جزاك الله خير
trÈs bonne explication,simple et trÈs bien dÉtailler
trÈs bonne continuation

عبد الله10
2012-12-03, 13:13
اسال الله ان يحفضكم ويتم اعمالكم الصالحة[ وشكرا لكم

Cayote
2012-12-09, 11:37
شكرا لك على الموضوع الرائع
+ كم اتمنى ان تطبق الخطوة " سادسا " على منتدى الجلفه ^^

hakim18
2012-12-10, 22:51
شكرا اخي على طرحك الرائع للموضوع

PETRIC89
2012-12-20, 16:27
مشكووووووووووووووووووووووووور

halim mah
2012-12-22, 21:35
جزاك الله خيرا

hcenoo doux
2012-12-25, 12:56
جزاك الله خيرا اخي الكريم
شرح وفي

zianidz2300
2012-12-28, 13:02
شكرا على الموضوع القيم

ismailinh
2012-12-31, 12:56
السلام*عليكم*اريد*معرفة*المواقع*التي*تمكنني*من*اصد ار*موقعي*الخاص*بكل*حرية*ومجانا*لفترة*معينة*

Mastercom
2012-12-31, 13:12
السلام عليكم ورحمة الله و بركاته
يسعدني ان انضم الى هدا المنتدى الدي وجدته مليئا بحتوى جد متميز.

khaled mos
2013-01-13, 14:16
السلام عليك يا اخ حمدي اريد التعرف عليك و الاستفادة من معلوماتك
انا ادرس في المدرسة العليا للاساتذة اعلام الي واريد معرفة شروط التسجيل في الماستر فارجو ان تتواصل معي
0773401609
الفايسوك khaled king
khaledking16@hotmail.fr
khaledking31@gmail.com

زلزال المشاعر
2013-01-16, 13:57
مشكور موضوع وجميل ومفيد

vitnamien
2013-01-26, 12:35
مشكوووووووووووووووووووووووووووووووووور

the.mask.x7
2013-01-28, 11:50
مشكوووور اخي

smalville
2013-01-28, 16:58
مشكوووووووووووووووووووووووووووووووووور

Tebessa_12
2013-03-04, 15:54
طرح مكتمل بجميع جوانبه جعل اقلامنا
تقف عاجزة عن الاضافة
بارك الله فيك على هذا الموضوع المفيد والنافع
كل الشكر والتقدير

uchiha laid
2013-03-06, 00:26
باركـ الله فيكـ أخي

loyalman1976
2013-03-21, 13:38
موضوع رائع بأسلوب سهل و مفهوم
أبليت حسنا
بارك الله فيك أخي

djatv
2013-04-14, 09:49
باركـ الله فيكـ أخي

شرح رائع

أسعدني الموضوع كثيراا لأنه أزال بعض الغموض

سلامــ ي..

* عبد الجليل *
2014-01-18, 14:58
السلام عليكم
شكرا لك على الافادة اخي الكريم بارك الله فيك
احتراماتي

ba10dz
2014-01-20, 23:39
بارك الله فيك أخي الكريم على المعلومات القيمة

saysso
2014-01-24, 00:32
شرح مبسط وشامل ، مفيد جداً للمبتدئين . مشكور

AZER02130
2014-02-08, 16:24
بارك الله فيك و ربي خليك ، عندي يومين نحاول ندخل للموقع لم استطيع