ما هو ال Web Design تصميم مواقع ؟
مصطلح (Web Design) بيطلق علي عملية انشاء صفحات الأنترنت مثل google و youtube وغيرهم من المواقع اللي بنتصفحها يوميا. انشاء الموقع يتم علي مرحلتين هم:-
تصميم كامل لشكل الموقع بمحتواه و عناصره .. يمكن رسم التصميم علي ورقة او علي برنامج الpaint او اي tool تساعدك علي ترتيب المحتوي و تنسيقه بشكل مريح للمستخدم و يعد هذا العنصر الاساسي لنجاح الموقع.
ثم استخدام لغات الinternet مثل الhtml و الjavascript في انشاء موقع الكتروني و ادراج العناصر و المحتوي الموجودين في التصميم والcss لتنسيقهم ليطابقوا الinterface(الوجهة).
تطورت عملية تصميم مواقع عدة مرات .. فكانت البداية في 1995 فبدل من كتابة command lines مثل الDOS لأدراج العناصر في صفحة الموقع تم تقسيم الصفحة الي جداول داخل بعضها تمثل البنية او القالب اللي هيبدأ يحول التصميم فيه اللي موقع. الجداول تحتوي علي صفوف و اعمدة تشكل خلايا يتم تحديد خلية او مجموعة من الخلايا يتم ادراج فيها العناصر. ثم ظهر الflash في 1996 وكان بمثابة تطور كبير في graphics الweb و اصبح بأمكانك ادراج العناصر بجميع الأشكال و التنسيقات و تأثيرات الحركة(animation) و انواع الخطوط كل هذا بأستخدام الflash, فقط علي المستخدم تحميل الplugin الخاص بالflash و انتظار تحميله(processing time).
ظهر الmagic tool الcss اختصار Cascading Style Sheets و هي لغة ديكور قتم فصل بينها و بين الhtml اصبح الhtml خاص بأدراج المحتوي و الcss لتنسيقه ليظهر بنفس الشكل في التصميم(design). كانت مشكلة الcss هي ان الbrowsers بعضها لا يفهم بعض الأوامر و بعضها up-to-date مع اوامر اللغة و بعضها لأ. مع مرور الوقت و تحديات الweb designers مثل الbrowsing من الموبيل و الtablets اصبح استخدام الcss و الgrid systems اللي تنقذ بالcss هي انسب و اسرع طريقة و المستخدمة حتي يومنا هذا. تعلم الcss و فهمه اساسي لأي web designer.
انشاء اي موقع يبدأ بخطوة requirement specification and analysis و هي تحديد المتطلبات و تحليلها. ليه هنشأ الموقع؟ ممكن يكون موقع شخصي لأفراد او موقع بيقدم خدمات للمجتمع أو عميل شركة او business. يبدأ الweb designer يفهم المتطلبات اللي هينشأ بسببها الموقع و علي اساسه ترجمتها الي عناصر مثل(الصور, القوائم, النصوص ..).
ثم يبدأ في تصميم(layout) لشكل الموقع كاملا بصفحاته الداخلية .. احسن tool لعمل التصميم هي الPhotoshop لسهولته في الأستخدام و التعامل مع الألوان. كما انه يسهل علي الweb designer تكويد(تنفيذ) التصميم دون عن اي tool تانية. الdesign علي الPhotoshop يكون نسخة طبق الأصل من الموقع نفس المسافات بين العناصر و الوانها و الخطوط احجامها و انواعها .. كل شيء .. يتم الأتفاق مع العميل علي شكل الموقع من خلال الdesign و يتم الموافقة من خلاله علي الtask و يبدأ الweb designer رحلة تكوييده.
علي الweb designer اختيار التقنية اللي هينفذ بها الموقع .. فالأكثر تداولا هي استخدام pure html and css اي استخدام لغات الhtml و الcss فقط لأنشاء الموقع. يوجد طرق مثل الbootstrap و الadobe muse و غيرها من التقنيات المختلفة. جميع التقنيات تعتمد علي الhtml و الcss و تستخدمهم لكن بطرق مختلفة ما عدا الadobe muse لأنه بيحول الdesign الي code مباشرة لا يمكنك التعديل عليه لأنه generated code ليس html و css. الملخص انه الhtml لأدراج المحتوي و الcss لتنسيقه هو كل شيئ ف حياة الweb designer 🙂
تستخدم الjavascript و مكتبتها الشهيرة الjQuery للintercation و الanimation داخل الموقع. ولها استخدمات اخري عديدة منها الvalidation و الDOM. الjavascript تتمتع بقوة وظائفها و امكانيتها كونها لغة برمجة اساسية.
مجال الweb design سهل التعلم فالhtml و الcss لغات بسيطة جدا و استخدمات الjavascript and jQuery لن تمثل عائق لمن يكرهوا البرمجة. و يعد الgraphic designer اكثر حظا من غيره في دخول المجال لقدرته علي تعلم انشاء تصميمات قوية (اسرع) . و من يمتلك مهارة التكويد و البرمجة سيجد الweb design (اسهل). الweb design مجال ينمو و يتطور و سقف طموحاتك انت اللي تقدر تعليه ..