الاكثر قراءة

معلومات رياضية عامة

معلومات رياضية عامة أول دولة عربية تشارك في الألعاب الأولميمبية...

كيف تقوم بحملة فعالة على اللينكد إن (LinkedIn)

  تسويق علي (LinkedIn) حدد شريحة العملاء المستهدفة لمنتجك أو خدمتك على...

البحار في العالم

انواع البحار  تنقسم البحار في العالم إلى عدة أنواع...

أهم المضايق والممرات البحرية في العالم

المضيق عبارة عن ممر بحري يصل بين مسطحين مائيين،...

أفضل 7 برامج لـ تصميم مواقع الويب

أفضل 7 برامج لـ تصميم مواقع الويب يرغب الكثيرون ب...
- اعلان -

تصنيفات

- اعلان -

أحدث المواضيع

ركوب الدراجات

تعتبر الدراجات وسيلة نقل بسيطة وبأسعار معقولة وموفرة للطاقة....

ماكينة الصراف الآلي ATM

أجهزة الصراف الآلي (ATMs) هي محطات بيانات لإجراء معاملات...

كيفية إشراك الأطفال في حفل الزفاف

الأطفال الصغار في حفلات الزفاف حفلات الزفاف هي وقت...

أفضل 3 أنشطة للأطفال لمساعدتهم على التعلم من خلال اللعب

اللعب هو أحد أهم الطرق التي يتعلم بها الأطفال....

استخدام الدرونز فى الزراعة بالامارات

الإمارات تزرع 6 ملايين بذرة باستخدام الدرونز  وقد كشفت وزارة...
- اعلان -
- اعلان -
الرئيسيةالكمبيوتر والإنترنتما هو تصميم مواقع “Web Design”؟

ما هو تصميم مواقع “Web Design”؟

- اعلان -
- اعلان -
- اعلان -

ما هو ال 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 مجال ينمو و يتطور و سقف طموحاتك انت اللي تقدر تعليه ..

المصدر

- اعلان -

مواضيع ذات صلة

ازاي اعرف مين بيشوف بروفايلي علي فيس بوك

«من زار بروفايلك؟» من أكثر الأسئلة انتشاراً على موقع التواصل...

كيف تقوم بحملة فعالة على اللينكد إن (LinkedIn)

  تسويق علي (LinkedIn) حدد شريحة العملاء المستهدفة لمنتجك أو خدمتك على...

التسويق عبر البريد الإلكتروني

التسويق عبر البريد الإلكتروني من المؤكد أنك قد سمعت بالتسويق...

كيفية التسويق الالكتروني عبر الفيس بوك

اهلا بكم فى مقال اليوم المتعلق بـ التسويق الالكترونى على...

بالصور: شرح كيفية فتح حساب جوجل ادوردز

انشاء حساب جوجل ادورد تتعلمون معي في هذه الصفحة، كيفية...
- اعلان -
- اعلان -