القائمة الرئيسية

الصفحات

آخر الأخبار[LastPost]

الطرق الصحيحة لتعلم وتصميم وتطوير المواقع


البرمجة طرق تعلم وتصميم وتطوير المواقع

البرمجة طرق تعلم وتصميم وتطوير المواقع 

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

ما هي اهم انواع المواقع


يوجد في عالم من انترنت نوعين من المواقع فقط لا غير.

اولا: المواقع الاستاتيكية

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

ثانيا: المواقع الديناميكية

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

قد نجد الداخل المواقع الاستاتيكيه بعض الاشياء من المواقع الديناميكية.

مكونات المواقع


يجب عليك معرفه اساس ومكونات اي موقع لكي تعمل على تطويره ملكه تتمكن من متابعه المشوار الخاص بك في عالم التطور الخاص بالمواقع، يمكن دائما تشبه المواقع بالمتاجر نرصد اهم مكونات الخاصة بتصميم وتطوير المواقع وهي كالاتي:

الاستضافة Hosting


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

النطاقات (رابط الموقع) Domain


وهذا ايضا يمثل خطوه مهمه جديده في استخدام الموقع الخاص بك فلا يحتوي اي موقع بدون اسم نطاق لأنه هو الذي يساعدك على الوصول الى الموقع الخاص بك، بعد ان تجد المساحة الخاصة بك التي ذكرناها والتي عباره عن الاستضافة، لا ابدا ومتى اختيار النطاق او عنوان رابط الموقع الخاص بك على أجمل كمثال www.dirayati.com

فلابد من اختيار الدومين الصحيح المدفوع والذي يتميز بخصائص كبيره عن الدومين المجاني.

المحتوي الحصري الخاص بالموقع


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



كيف تصبح مطور ومستخدم جيد للمواقع


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

لغة HTML


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

الشكل العام للوصول الخاصة باللغة ال html


الوسم TAG 

<TAG Attribute=Value>Content</TAG>
يجب علينا وضع الوسوم دائما بين الاقواس، وايضا كل وسم نجده ينتهي ب <\>.
لا يوجد صرف بين كتابه الحروف الكبيرة او الصغيرة في كتابه الوسوم.

كل ما عليك لكتابه لغة html هو الذهاب للمتصفح أيا كام نوعه ومحرر النصوص مثل النوت باد، لكتابة الاكواد التي تريدها ثم اضافتها الي الموقع الخاص بك.

الوسوم الرئيسية ل html بشكل عام التي لابد أن تكون موجودة في جميع الاكواد الخاصة بك والتي يحتويها الموقع.
<HTML>
<Head>
<Title>
........
</Title>
</Head>
<Body>
........
</Body>
</Html>

نشاهد انه لابد ان تكتب جميع الاكواد بهذا أكثر ترتيب وبهذا الشكل وبنفس الاكواد المكتوبة بالأعلى فهي لا تتغير ولا تستبدل ولكن يكتب بداخلها الاكواد التي نريد كتابتها لكي تظهر على الموقع.

الوسم <Body>
هو المسؤول عن كل شيء في اجزاء الصفحة وبداخله توضع جميع الصور والروابط والجداول.

خصائص الوسم <Body>


1.   Bgcolor والتي تعمل على تغيير وتحديد ألوان الموقع ولو خلفية الصفحة الرئيسية.
2.   Background وهي الخاصة بتحديد لون خلفية الصفحة الموقع.
3.   Text خاصية تحديد لون النصوص.
4.   Link خاص بلون الروابط.
5.   Vlink لون الوصولات التشعبية.
6.   Alink لون مرور المؤشر للوصلات عليها.

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



reaction:

تعليقات