تصميم صفحات الإنترنت

web-design-development

تصميم صفحات الإنترنت

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

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s