تعلم أفضل طرق تصميم مواقع و تعلم لغات

تحية طيبة لكل اخوتي الكرام في شبكة المنهل

العديد من المواقع العربية حاول جاهدا تلبية الطلب المتزايد على دروس تعلم تصميم المواقع وتعددت المستويات , فمنها من يقدم دروسا مبسطة في قسم html  ومنها من يقدم دروسا متوسطة المستوى لاحد لغات البرمجة والكثير الكثير ..

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

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

لنبدأ على بركة الله وتوفيقه

من أين وكيف تبدأ في تعلم تصميم المواقع

قبل ان نجيب على هذا السؤال سنشرح مراحل تصميم اي موقع على الانترنت بشكل موجز قبل الدخول بالتفاصيل لاحقا

المرحلة الأولى : التخطيط لبنية الموقع

في هذه المرحلة يتم رسم مخطط ولو على الورق لاقسام الموقع كمعلومات وخدمات حسب طلب الزبون صاحب الموقع وهي مرحلة لن نتوقف عندها كثيرا

المرحلة الثانية : تصميم شكل الموقع وألوانه

وهذه المرحلة من أهم المراحل ففيها يتم تصميم الشكل الخارجي للموقع والصفحات الداخلية ويستخدم فيها أحد برامج التصميم وأشهرها Adobe Photoshopبأحد إصداراته أو برامج تصميم أخرى مثل (Adobe Fireworks – Adobe Illustrator) وغيرها

وعادة في شركات تصميم المواقع يتم اسناد هذه المهمة الى قسم التصميم لانها مهمة تصميمية بحتة لاتحتاج أي معرفة بلغةhtml أو php  أو اي شئ عن تصميم المواقع
المرحلة الثالثة : تحويل التصميم الى صفحة html 

حيث يتم نقل التصميم من صورة جامدة إلى  صفحة html  من دون بيانات وهذا يتطلب من مصمم الموقع ان يتعلم لغة html واستعمال الانماط CSS  وعدة أمور أخرى , حتى تكون النتيجة كصفحة html  مطابقة للتصميم الاساسي الذي بدأنا به
وطبعا نحتاج في هذه المرحلة استعمال Adobe Photoshop  للتعامل مع التصميم الاساسي وتصدير عناصره الى صفحة html  النهائية  , والأهم أننا سنتعامل مع برامج إدارة المواقع وأشهرها Adobe Dreamweaver  وكذلك

 Frontpage قديما وبرامج أخرى

المرحلة الرابعة : وضع البيانات في الصفحات وربطها

وخلال هذه المرحلة وباستخدام برامج إدارة المواقع يتم وضع البيانات بالصفحة بإحدى الطريقتين :

-          يدويا : وذلك عن طريق مصمم الموقع حيث يتم نسخ البيانات من برنامجWord مثلا ولصقها في الصفحة فورا وهكذا ينتج لدينا مايسمى موقع static  وهو ماسنشرحه لاحقا

-          ديناميكيا : وذلك عن طريق لغات البرمجة مثل Php  وAspوقواعد البيانات مثل mysql, حيث يتم تهيئة الصفحة لاستقبال البيانات عن طريق لغات البرمجة ويتم تخزين البيانات في قواعد البيانات , وبهذا نحصل على موقع ديناميكي Dynamic Site

المرحلة الخامسة : تجميل الموقع :

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

المرحلة السادسة : رفع الموقع ونشره على الانترنت

وهذه المرحلة تتضمن حجز اسم للموقع (الدومين Domain ) وربطه بمساحة على الانترنت ونشر الموقع واعداده للعمل بشكل صحيح وتتطلب من المصمم معرفة مفاهيم اساسية سنشير لها في حينها ان شاء الله

وهكذا عزيزي القارئ تكون قد تعرفت بشكل سريع على مراحل تصميم المواقع وبرمجتها ولاحقا سنشرح كل مرحلة منها بالتفصيل مع مصادر باللغتين لتعلم كل مايحتاج لاتقان هذه المرحلة
تحياتي لكم