ما هي عملية تصميم المواقع !

 

عملية التصميم:

عملية تصميم المواقع. هي التي ينتج عنها بعد جهد جهيد من مصمم المواقع (web designer) , موقع بصفحات متنوعة على شبكة الإنترنت. قابل للتصفح والاستيعاب بشكل صحيح وسريع وبكامل الألوان, وتحوي فيما تحويه النصوص والصور ومقاطع الفيديو وغيرها من الوسائط. وهي كذلك ثمرة استخدام المصمم للبرامج المتخصصة بالبرمجة والتصميم مثل لغات html, java, css,xml وغيرها من اللغات. وعادة ما تبدأ عملية التصميم بوضع خطة فنية مقسًمة لمراحل تفصيلية حسب نوع وطبيعة الموقع والوظائف التي يفترض ان يعرضها وينفذها.

الأساسيات:

يؤسس موقع الإنترنت على ثلاث عناصر أساسية (اسم الموقع وعنوانه www.jormedia.com – والخادم web server الذي يرفع ويخزن فيه ملفات الموقع – وأخيرا تصميم وبرمجة الموقع).

world security

مواصفات الموقع الفنية:

من المهم أن يكون تصميم شكل ومظهر الموقع جيداً بل وجذاباً, مع توفر المحتوى content الواضح وتوافرجميع الوظائف التي يطلبها العميل،

فالموقع الذي يحوي محتوى وبيانات جيدة ولكن بتصميم ردئ, لن يكون له النفع للمستخدم ولا للعميل، وبالمقابل.

إذا كان الموقع جذاباً ومبهراً بالشكل والتصميم ولكن. ليس به محتوى جيد وواضح فسيكون بلا شك عديم القيمة، من المهم أن يجتمع كلا العنصران – التصميم الجيد والمحتوى الجيد - لنجاح أى موقع على الانترنت.

 

المواصفات الفنية للموقع:

swachesيجب ألا تتداخل عناصر ومكونات الصفحات مع بعضها البعض بأي شكل من الأشكال، المحتوى يجب أن يكون مقروءاً وواضحاً, وكذلك العناصر الأخرى يجب ان تتواجد في أماكنها المناسبة والصحيحة.التصميم (الشكل) والمحتوى (البيانات المقروءة والمرئية):

يجب ألا تتداخل عناصر ومكونات الصفحات مع بعضها البعض بأي شكل من الأشكال، المحتوى يجب أن يكون مقروءاً وواضحاً, وكذلك العناصر الأخرى يجب ان تتواجد في أماكنها المناسبة والصحيحة.

سهولة التصفح:

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

التصميم المتجانس وسهولة التنزيل:

التصميم المتجانس:

يجب أن تكون صفحات الموقع متجانسة مع بعضها البعض، فيتعرف عليها المستخدم تلقائياً حتى لو كانت جميع الصفحات بها اختلافات كبيرة عن الصفحة الرئيسية. فيجب وصم جميع صفحات الموقع ككل بصبغة مشتركة سواءً باللون أو بأحجام وأنواع الأحرف والنصوص المستخدمة. بحيث يشعر المتصفح بالألفة مع مكونات الموقع ككل.

سرعة وسهولة تنزيل صفحات الموقع:

يمتاز الموقع الناجح بالسرعة والسهولة، فالزائر المتصفح لا يملك الصبرالكافي عادة ويمل من إنتظار التنزيل وظهور الصفحات البطيئة، وبنقرة واحدة يخرج من موقعك الى آخر بسهولة ويسر.

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

تقسم المواقع حالياً إلى نوعين:

مواقع بالمحتوى الثابت static:

هذا النوع ظهر أولاً. على يد السير تيم بيرنرز لي مخترع الإنترنت. حيث عمل على إنشاء لغة html ليبني بذلك أول موقع ثابت. والمقصود بالثابت أي أن المحتوى لا يتغير تبعا للزائر بل الوحيد الذي يغيره هو صاحب الموقع أو مدير الشبكة.

مواقع بالمحتوى التفاعلي interactive:

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

محتوى تفاعلي تنفًذ وظائفها من خلال الخادم:

هذا النوع ظهر نتيجة الحاجة إلى توسعة مهام الانترنت. من مجرد نصوص وكتابات مقروءة إلى تطبيقات ذكية لتلبية حاجات متنوعة بكل دقًة وذكاء. وقد بدأت بالتجربة الأولىبتصميم وبرمجة موقع تفاعلي بلغة Perl. تبع ذلك اختراع لغة أخرى PHP المخصصة لتنفيذ المهام من خلال خوادم الاستضافة, وال php هي في الواقع خليط من لغات وتقنيات أشهرها:

  • PHP
  • Perl
  • Python
  • ASP
  • JSP

وهناك محتوى تفاعلي ينفذ الوظائف من طرف المستخدم نفسه.

الشكل النهائي للمواقع التفاعلية

حالياً لا تستطيع أن تفصل بين هذين النوعين من المواقع لاشتراك جميع هذه التقنيات معاً في تكوين موقع واحد ألا وهو موقع الإنترنت التفاعلي حيث ظهرت نتيجة هذا التزاوج تقنية AJAX.

برامج تصميم المواقع

  • أدوبي ميوز: في ويندوز وماك.
  • سكرييم: في لينكس.
  • كوانتا+: في لينكس وماك.
  • أدوبي دريمويفر: في ويندوز وماك.
  • مايكروسوفت إيكسبريشن ستوديو: في ويندوز.

المواقع المتوافقة Responsive :

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