احتراف تصميم المواقع – البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة

طريقك لاحتراف تصميم المواقع – البداية

العديد من المواقع العربية حاول جاهدا تلبية الطلب المتزايد على دروس تعلم تصميم المواقع وتعددت المستويات , فمنها من يقدم دروسا مبسطة في قسم 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 ) وربطه بمساحة على الانترنت ونشر الموقع واعداده للعمل بشكل صحيح وتتطلب من المصمم معرفة مفاهيم اساسية سنشير لها في حينها ان شاء الله

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