ماهو تصميم المواقع - خطوات تصميم موقعك

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

بيطلق علي عملية انشاء صفحات الأنترنت مثل FaceBook-Saraha-Twitter

وغيرهم من المواقع اللي بنتصفحها يوميا انشاء الموقع يتم علي مرحلتين هم 

تصميم كامل لشكل الموقع بمحتواه و عناصره يمكن رسم التصميم علي ورقة او Tool او اي Paintعلي برنامج ال 

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




ثم استخدام لغات الinternet مثل html والjavascript ف انشاء و ادراج العناصر و المحتوي الموجودين في التصميم وال css لتنسيقهم ليطابقوا ال interface الوجهة

تطورت عملية تصميم المواقع عدة مرات .. فكانت البداية في 1995 فبدل من كتابة summon linesمثل الDOS لأدراج العناصر في صفحة الموقع تم تقسيم الصفحة الي جداول داخل بعضها تمثل البنية او القالب اللي هيبدأ يحول التصميم فيه اللي موقع الجداول تحتوي علي صفوف و اعمدة تشكل خلايا يتم تحديد خلية او مجموعة من الخلايا يتم ادراج فيها العناصر ثم ظهر الflash في 1996 

وكان بمثابة تطور كبير في illustrations الwebواصبح بأمكانك ادراج العناصر بجميع الأشكال و التنسيقات و تأثيرات الحركة (animation) و انواع الخطوط كل هذا بأستخدام الflash, فقط علي المستخدم تحميل ال plugin الخاص بال flash و انتظار تحميله (processing time) . 

ظهر ال enchantment device الcss اختصارCascading Style Sheets وهي لغة ديكور قتم فصل بينها و بين ال html اصبح الhtml خاص بأدراج المحتوي و الcss لتنسيقه ليظهر بنفس الشكل في التصميم (plan) كانت مشكلة 

الcss هي ان الbrowsers بعضها لا يفهم بعض الأوامر و بعضها exceptional مع اوامر اللغة وبعضها لأ مع مرور الوقت و تحديات الweb fashioners مثل الbrowsing من الموبيل و الtablets اصبح استخدام الcss والgrid frameworks اللي تنقذ بالcss هي انسب و اسرع طريقة و المستخدمة حتي يومنا هذا تعلم الcss و فهمه اساسي لأي. website specialist 

انشاء اي موقع يبدأ بخطوة necessity detail and examination وهي تحديد المتطلبات و تحليلها ليه هنشأ الموقع؟ 

ممكن يكون موقع شخصي لأفراد او موقع بيقدم خدمات للمجتمع أو عميل شركة او business يبدأ الweb architect يفهم المتطلبات اللي هينشأ بسببها الموقع وعلي اساسه ترجمتها الي عناصر مثل (الصور, القوائم, النصوص...) 

ثم يبدأ في تصميم(layout) لشكل الموقع كاملا بصفحاته الداخلية .. احسن apparatus لعمل التصميم هي ال Photoshop لسهولته في الأستخدام و التعامل مع الألوان كما انه يسهل علي ال website specialist تكويد (تنفيذ) التصميم دون عن ايinstrument تانية ال plan علي الPhotoshop يكون نسخة طبق الأصل من الموقع نفس المسافات بين العناصر و الوانها و الخطوط احجامها و انواعها كل شيء 

 
يتم الأتفاق مع العميل علي شكل الموقع من خلال الdesign و يتم الموافقة من خلاله علي الundertaking و يبدأ الweb fashioner رحلة تكوييده

علي الweb originator اختيار التقنية اللي هينفذ بها الموقع .. فالأكثر تداولا هي استخدامunadulterated html and css اي استخدام لغات الhtml و الcss فقط لأنشاء الموقع. يوجد طرق مثل الbootstrap و الadobe muse وغيرها من التقنيات المختلفة. جميع التقنيات تعتمد علي الhtml والcss و تستخدمهم لكن بطرق مختلفة ما عدا الadobe muse لأنه بيحول الdesign اليcode مباشرة لا يمكنك التعديل عليه لأنه created code ليس html و css الملخص انه الhtml لأدراج المحتوي و الcss لتنسيقه هو كل شيئ ف حياة الwebsite specialist 

تستخدم ال javascript و مكتبتها الشهيرة الjQuery لل intercation و ال activity داخل الموقع. ولها استخدمات اخري عديدة منها الvalidation وال DOM ال javascript تتمتع بقوة وظائفها و امكانيتها كونها لغة برمجة اساسية

مجال ال website architecture سهل التعلم فالhtml وال css لغات بسيطة جدا و استخدمات الjavascript and jQuery لن تمثل عائق لمن يكرهوا البرمجة و يعد الgraphic originator اكثر حظا من غيره في دخول المجال لقدرته علي تعلم انشاء تصميمات قوية (اسرع) و من يمتلك مهارة التكويد و البرمجة سيجد الweb designاسهل الweb outline مجال ينمو و يتطور وسقف طموحاتك انت اللي تقدر تعليه

إرسال تعليق