تحية طيبة لكل زوار منتدى المبتكرين
ولكن قلة من الموقع تطرقت لموضوع الدخول في تصميم المواقع من البداية بالطريق الصحيح ,
وفي هذه السلسلة من المقالات سأعتمد ان شاء الله ابسط اسلوب لإدخال القارئ في هذا المجال بحيث يستطيع وبعد فترة وجيزة من قراءة المقالات أن يقرر هل يناسبه هذا المجال أو لا وبأي قسم يود أن يختص , وسأحرص دائما من جهتي على تزويدكم بالمواقع التي تفيدكم في كل مرحلة .
لنبدأ على بركة الله وتوفيقه
من أين وكيف تبدأ في تعلم تصميم المواقع
قبل ان نجيب على هذا السؤال سنشرح مراحل تصميم اي موقع على الانترنت بشكل موجز قبل الدخول بالتفاصيل لاحقا
مراحل تصميم مواقع الانترنت :
المرحلة الأولى : التخطيط لبنية الموقع
في هذه المرحلة يتم رسم مخطط ولو على الورق لاقسام الموقع كمعلومات وخدمات حسب طلب الزبون صاحب الموقع وهي مرحلة لن نتوقف عندها كثيرا
المرحلة الثانية : تصميم شكل الموقع وألوانه
وهذه المرحلة من أهم المراحل ففيها يتم تصميم الشكل الخارجي للموقع والصفحات الداخلية ويستخدم فيها أحد برامج التصميم وأشهرها 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 ) وربطه بمساحة على الانترنت ونشر الموقع واعداده للعمل بشكل صحيح وتتطلب من المصمم معرفة مفاهيم اساسية سنشير لها في حينها ان شاء الله
وهكذا عزيزي القارئ تكون قد تعرفت بشكل سريع على مراحل تصميم المواقع وبرمجتها ولاحقا سنشرح كل مرحلة منها بالتفصيل مع مصادر باللغتين لتعلم كل مايحتاج لاتقان هذه المرحلة
تحياتي لكم
ولكن قلة من الموقع تطرقت لموضوع الدخول في تصميم المواقع من البداية بالطريق الصحيح ,
وفي هذه السلسلة من المقالات سأعتمد ان شاء الله ابسط اسلوب لإدخال القارئ في هذا المجال بحيث يستطيع وبعد فترة وجيزة من قراءة المقالات أن يقرر هل يناسبه هذا المجال أو لا وبأي قسم يود أن يختص , وسأحرص دائما من جهتي على تزويدكم بالمواقع التي تفيدكم في كل مرحلة .
لنبدأ على بركة الله وتوفيقه
من أين وكيف تبدأ في تعلم تصميم المواقع
قبل ان نجيب على هذا السؤال سنشرح مراحل تصميم اي موقع على الانترنت بشكل موجز قبل الدخول بالتفاصيل لاحقا
مراحل تصميم مواقع الانترنت :
المرحلة الأولى : التخطيط لبنية الموقع
في هذه المرحلة يتم رسم مخطط ولو على الورق لاقسام الموقع كمعلومات وخدمات حسب طلب الزبون صاحب الموقع وهي مرحلة لن نتوقف عندها كثيرا
المرحلة الثانية : تصميم شكل الموقع وألوانه
وهذه المرحلة من أهم المراحل ففيها يتم تصميم الشكل الخارجي للموقع والصفحات الداخلية ويستخدم فيها أحد برامج التصميم وأشهرها 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 ) وربطه بمساحة على الانترنت ونشر الموقع واعداده للعمل بشكل صحيح وتتطلب من المصمم معرفة مفاهيم اساسية سنشير لها في حينها ان شاء الله
وهكذا عزيزي القارئ تكون قد تعرفت بشكل سريع على مراحل تصميم المواقع وبرمجتها ولاحقا سنشرح كل مرحلة منها بالتفصيل مع مصادر باللغتين لتعلم كل مايحتاج لاتقان هذه المرحلة
تحياتي لكم