السبت، 30 مايو 2015

لماذا لا تستخدم بيهانسا؟؟؟

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

 المصممين في جميع أنحاء العالم ويتيح لك فرصة عرض أعمالك ليشاهدها الآلاف من المصممين من جميع أنحاء العالم، ويهتم 

الموقع بمناقشة خمسة أقسام رئيسية في العمل الفني والتصميمات وهي:

١-مجموعة التصميم الغرافيكي: وهو قسم عام يهتم بتصميمات الدعاية والإعلان مثل الفيلارات والبروشورات.

٢-مجموعة التصوير والاخراج: ويهتم بأعمال التصوير الفوتوغرافي والسينمائي.

٣-مجموعة تصميم الموشن والـ 3d المتحرك: ويهتم بأفكار العمل الثلاثي الأبعاد والتي تدخل فيها تصميمات الفيديو والرسوم  المتحركة والهوية البصرية للقنوات التليفزيونية.

٤-مجموعة الفنون الجميلة: ويهتم بأعمال الفنانين التشكيليين مثل الحفر والرسم الزيتي والرسم التشكيلي.

٥-مجموعة التيبوغراف: ويهتم بكل ما يخص بأعمال الخطوط واستعراض فن الكتابة.

قسم الوظائف:

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

أهمية متابعة الأعمال الفنية.

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

للمزيد من الدروس أرجوا العودة إلى روابط الاستوديو المختلفة

على الفيس بوك
على جوجل بلاس
على تويتر
على بيهانسا
على حسوب
على ورد برس

الخميس، 14 مايو 2015

السينما يقفز في مواجهة البرامج الأخرى

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

سؤال هام... أيهم أهم؟

عندما نطرح هذا السؤال على أفضلية التعامل مع برامج الثري دي.. كنا نقسم البرامج تقسيمة عجيبة فمثلاً نقول أن الماكس أفضل البرامج للديكور والمشاهد المعمارية... وأن المايا مهم جدًا في أعمال السينما والمؤثرات السينمائية.. أما السينما فور دي ... واو في شغل الوسائط المتعددة والاعمال التليفزيونية...
وللأجابة على هذا السؤال سأستعين بمقال جاء في مجلة (3D Artist Magazine)  في العدد رقم 43 لعام 2012، وهو بعنوان اختار برنامجك المفضل (Choose The Best Software)  وفيه مقارنة بين عدة برامج هذه المقارنة تم بنائها على أربعة معايير؛ الأستخدام، السعر، القدرة على تعلمه مجانًا، هل هناك نسخة مجانية للطلبة.
بدأت المقارنة ببرنامج الماكس: فهو (حسب المقارنة) يستخدم في أعمال التحريك، ومجاني التعليم على موقعه، وهناك نسخة مجانية للطلبة من الممكن أن يتم تنزيلها من موقع البرنامج ورخصتها مستمرة حتى ثلاث أعوام ولكن الأعمال المخرجة توضع عليها علامة مائية حتى لا تستخدم في الأعمال التجارية، أما بالنسبة للسعر فهو 3500 جنيه استرليني
أما برنامج المايا فهو يستخدم للتحريك، ودروسه المجانية متوفرة على الموقع، وسعره أيضًا 3500 جنيه استرليني ونسخته التعليمية متوفرة أيضًا برخصة لمدة ثلاث سنوات مع وضع علامة مائة على الأعمال المنتجة حتى لا تستخدم بغرض التجارة، وكلا البرنامجين من إنتاج أوتوديسك.
البرنامج التالي في القائمة هو يونتي برو، وهو يستخدم أيضًا في التحريك خاصةً الألعاب، وسعره 950 جنيه استرليني وهناك خصومات تبداء من 60 جنيه استرليني للنسخ الطلابية وهناك نسخة اقتصادية للطلبة تبداء من 415 جنيه استرليني.
البرنامج التالي؛ المود بوكس؛ وهو برنامج يستخدم في النحت والرسم، وسعره يصل إلى 725 جنيه استرليني، النسخة الطلابية متوفرة مجانًا لمدة ثلاث سنين والأعمال المنتجة تخرج عليها علامة مائية.
أما برنامج زي برش فهو من البرامج الهامة في النحت والرسم وسعره 448 جنيه استرليني أما النسخة التعليمية فسعرها يصل إلى 294 جنيه استرليني، كما أن هناك أيضًا برنامج السوفت إيمدج والمستخدم في أعمال التحريك والمؤثرات البصرية وسعره يصل إلى 900 جنيه استرليني إلا أن شركة أوتوديسك المنتجة أعلنت أنها ستوقفه وأن آخر نسخة منه هي نسخة 2015.
يأتي برنامج السينما فور دي في قائمة البرامج الهامة وهو يستخدم في التحريك، وسعره يصل إلى 2800 جنيه استرليني أما النسخة التعليمية فهي ذات خصم يصل إلى 135 جنيه استرليني، أما النسخة التعليمية للطلبة فهي كاملة ولكن رخصتها ربما تصل إلى 18 شهر فقط.
من البرامج الجديدة برنامج مودو وهو برنامج متخصص في النحت والنمذجة، وسعره قد يصل إلى 755 جنيه استرليني أما الخصم الخاص بالنسخة التعليمية فهو بين 95 و157 جنيه استرليني ، يأتي بعد ذلك برنامج الليت واف وهو من برامج المؤثرات البصرية وسعره يصل إلى 1000 جنيه استرليني.
أما برنامج البلندر فهو برنامج مجاني، ومفتوح المصدر، ويستخدم في النحت والتحريك.

لماذا السينما يخطوا خطوات نحو التميز؟

الإحصائية السابقة جائت في عام 2012 أي منذ ما يقرب من ثلاث أعوام، في هذه الأعوام الثلاثة حدثت متغيرات كثيرة قفزت ببرنامج السينما إلى الأمام وأعتقد أنه سينافس المايا بقوة في المستقبل، ونستطيع أن نلخص هذا التميز في هذه النقاط:
1-      محرك المعالجة في السينما رائع ومتقدم جدًا وسهل في التعامل معه وغير معقد على العكس من الثري دي ماكس والمايا واللذان يعتمدان على محركات خارجية مثل المنتال راي والفيراي.
2-      أصبح برنامج السينما شامل وجامع لكل تخصصات الرسوم المتحركة حيث جمع خواص كل البرامج في نسخة واحدة، مثل النحت والرسم والتي توجد في برنامج مثل الزي برش.
3-      تمت إضافة خواص جديدة في التعامل مع الفيديوهات وأخذ تراكات تعمل على تسهيل المذج بين الواقع من ناحية والتصميمات الثلاثية الأبعاد.
4-      من أهم النقاط التي عملت على شهرة السينما وتطوره هو الربط المستمر بين هذا البرنامج وبرنامج الأفترإفكت، هذا الربط بين نسختي السينما آر 16 وبين الأفترإفكت سي سي، فأصبح من السهولة استيراد ملف السينما وفكه على برنامج الأفترإفكت لتقوم بعمل المعالجة من خلال برنامج الأفتر وإضافة المؤثرات اللازمة من خلال الأفتر دون العودة إلى السينما.
5-      الأهم من كل هذا هو أن برنامج السينما من الممكن أن يتم تنصيبه على أجهزة بسيطة وليست عالية الإمكانية فهو برنامج خفيف وواجهته غير معقدة وهذه المعلومة عن تجربة شخصية لي.

أرجوا أن يكون هذا الدرس مفيد وأرجوا مشاركته لتعم الفائدة

للمزيد من الدروس أرجوا العودة إلى روابط الاستوديو المختلفة

على الفيس بوك

على جوجل بلاس

على تويتر

على حسوب

على ورد برس

الثلاثاء، 5 مايو 2015

اخترنا لك العطاء... من إنتاج (AK3D.DE)

فيلم اليوم هو مقطوعة فنية رائعة لما يحتويه من قيمة رائعة ومن فكرة فنية عالية، هذا بالإضافة إلى الأداء الراقي في تنفيذ العمل وجودته... المهم أن اسم الفيلم باللغة الإنجليزية (Self illumination) أو الإضاءة الذاتية، إلا أننا سميناه العطاء، لما تحتويه هذه الكلمة من معنى راقي يتناسب مع قصة الفيلم.

دائرة السيناريو:

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

طريقة تنفيذ العمل:

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

من هنا

للمزيد من الدروس أرجوا العودة إلى روابط الاستوديو المختلفة

على الفيس بوك

على جوجل بلاس

على تويتر

على حسوب

على ورد برس



مقدمة عن البلندر

المقدمة:

أهلاً بك في برنامج البلندر، هذا البرنامج مجاني ومفتوح المصدر (Open Source) في مجال الأعمال الثلاثية الأبعاد.تستطيع أن تستخدم البلندر في إنتاج تصورات ثلاثية الأبعاد مثل الصور، والفيديوهات والألعاب التفاعلية، وهو برنامج مناسب للأشخاص العادين والأستوديوهات الصغيرة التي تستفيد من استخدام البرامج المتعددة المهام والمتنامية باستمرار.يعتبر البلندركمنصة الانطلاق التي تعمل جيدًا على نظم التشغيل العديدة مثل لينكس وويندوز والماكنتوش، وذلك باستخدام ذاكرة صغيرة ومساحة صغيرة من القرص الصلب، وواجهته تستخدم تقنية أوبن جي إل (OpenGL) حتى تتناسب وتتلائم مع جميع الخبرات التي تتعامل في أي نظام. هذه الخاصية غير متوفرة في كثير من برامج الثري دي فمثلاً؛ برنامج ثري دي ماكس تستطيع أن تستخدمه مع نظام التشغيل ويندوز فقط، أما المايا والسينما فور دي من الممكن أن تستخدمه مع الويندوز والماكنتوش أما البلندر فهو مفتوح المصدر وهو برنامج من الممكن أن يستخدم مع اللينكس، البرنامج خفيف جدًا ويمكن تنصيبه على أجهزة تستخدم معالجات البانتيم مما يساعد على استخدامه بشكل جيد ويؤهله لانتشاره.

../../_images/introduction_intro_bigbuckbunny.jpg

أهم الميزات:

بليندر برنامج متكامل تمامًا في التعامل مع المحتوى الثلاثي الأبعاد، يقدم مجموعة واسعة من الأدوات الأساسية، بما في ذلك أعمال النمذجة (Modeling)، فرد الخامات (UV mapping, texturing)، أعمال التحريك (Rigging and skinning, Animation) والكثير من تقنيات المعالجة الحيوية (Simulations)  وكتابة الإسكريبت، والمعالجة (Rendering) وأعمال الخدع والتركيب (Compositing, VFX) وتطوير الألعاب (Game Creation).جودة عالية في إنتاج أعمال العمارة ثلاثية الأبعاد، مع إمكنية إنهاء الأعمال بسرعة وكفاءة.هناك دعم ممتاز من الجميع يظهر لك في شكل دروس وتعليمات في المنتديات ومواقع التواصل الاجتماعي.حجم البرنامج صغير بالنسبة للبرامج الأخرى ويسهل نقله دون مشاكل.

../../_images/introduction_intro_postprocessing.jpg

لمتابعتناعلى الفيس بوكعلى جوجل بلاسعلى تويترعلى حسوبعلى ورد برس

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

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

جولة في عالم تصميم المواقع 1

جولة في عالم تصميم المواقع 2

جولة في عالم تصميم المواقع 3

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

الألوان:

نبداء بالحديث عن الألوان ولابد من الانتباه إلى هذه النقاط الهامة فهي ما تميز المصمم المحترف من غير المحترف، هناك ما يعرف بعلم النفس اللوني، فكل لون يعطيك مدلولات وأفكار، فمثلاً اللون الفضي يدل على الوقار والهيبة، بينما الأبيض يدل على النقاء والصفاء، اللون الأسود يدل على الغياب والتعقيد، واللون الأحمر يدل على العاطفة.
والألوان في الطبيعة تجدها عبارة عن خليط من لونين أو أكثر، ونستطيع أن نقول أن هناك نوعين من الألوان .. ألوان الطباعة - اللون السماوي، اللون الأحمر القرمزي، اللون الأصفر، اللون الأسود - (CMYK) وألوان الشاشة – الأحمر، الأخضر، الأزرق – (RGB) وفي هذه الحالة التي ندرسها نستخدم ألوان الشاشة.

وهناك طريقتين للتعامل مع الألوان أو يتم على أساسها اختيار الألوان الطريقة الأولى هي التي ذكرناها من تحديد اللون حسب الموضوع ولن أتحدث في هذا الأمر طويلاً بل سأحيلكم إلى مقال على موسوعة ويكبيديا يتحدث عن علم النفس اللوني وهو مقال مفيد ورائع من هنا.أما طريقة الثانية فهي طريقة التقنية، حيث تقوم بخلط الألوان بعضها ببعض وبقيم محددة حتى تستطيع الوصول إلى قيمة اللون الذي تريده، هذا التدريج يكون بين الرقمين 0 و 255، فمثلاً اللون الأحمر يكون نتاج خلط الألوان الثلاثة معًا حسب القيم التالية:الأحمر: من1 إلى 255 حسب الدرجة المطلوبة، الأخضر 0 ، الأزرق 0.
وهكذا تستطيع الحصول على كل لون منفرد، فالأخضر يكون تدريجه من 1 إلى 255 بينما الأحمر والأزرق قيمتهما 0 والأزرق يكون تدريجه من 1 إلى 255 بينما الأحمر والأخضر قيمتهما 0.الألون الأسود يكون لون غير مشبع تمامًا حيث تكون كل قيم الألوان الثلاثة 0، أما الأبيض فهو لون مشبع تمامًا فكل قيم الألوان فيه 255، أما اللون ارمادي فهو لون إشباعه غير مكتمل حيث جميع الألوان الثلاثة تكون قيمتها 136.في تصميم المواقع وخاصة عن استخدام الألوان في الخلفيات ومكونات الموقع يكون من المهم على المصمم أن يراعي هذه القيم وأن يكون معه قائمة بهذه التدريجات والتي سوف نعطيها لكم من موقع (w3 Schools) المتخصص في تطوير المواقع.الملحوظة التي يجب أن نختم بها في هذا السياق أنه كما ذكرنا أن لكل لون قيم مكونة له، كذلك له مرادف رمزي يرمز إلى هذا اللون هذا الرمز أو الكود مهم جدًا وللغاية في تصميم المواقع فأنت لا تقول للغة البرمجة أنا أريد اللون الأحمر الفاتح أو الأخضر الغامق بل تعطيها كود هذا اللون...

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

ومن هنا تستطيع التعرف على أكواد الألوان.

ومن هنا تستطيع التعرف على تدريجات كل لون.

شعار الموقع:

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

تقسيم الموقع:

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

جولة في عالم تصميم المواقع 3

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

عند فتح برنامج الفوتوشوب يظهر لك البرنامج بالشكل التالي:
Ekran Alıntısı
ففي أعلى اليمين نرى قوائم البرنامج، فقائمة (file) تفيدنا في إنشاء الملفات واستيرادها وتصديرها، أما قائمة (Edit)  فهي مهمة في عمل النسخ والقص، وفي اختيار اعناصر الموجودة في التصميم، وفي تكبيرها وتصغيرها، وقائمة (Image) تفيدينا في تغيير خصائص التصميم مثل الطول والعرض، إضافة هوامش، وقائمة (layer) تفيدنا في تغيير خصائص العناصر وإضافة التعديلات اللازمة، أما قائمة (Select) تفيدنا في كثير من التعديلات والاختيارات الخاصة بالعناصر، وبعد ذلك نرى قائمة (filter) وهي تساعد في إضافة كثير من التعديلات على العناصر ولكن تعديلاتها تكون ثابتة ولا تتغير على عكس قائمة (Layer)، ثم تأتي قائمة (Veiw) والتي تفيدنا في إضافة عناصر مساعدة تسهل علينا العمل مثل المسطرة العلوية والجانبية والشبكة التي تقسم سطح التصميم إلى مربعات متساوية، وهذه قائمة (Window) تعيننا في إضافة القوائم الجانبية وإزالتها حسبما تكون الحاجة، وفي النهاية فإن قائمة (Help) فهي تساعدنا في التعرف على البرنامج وتعلمه وكذلك أهم التعديلات المضافة في كل نسخة جديدة.

 يأتي بعد ذلك الجانب الأيمن للبرنامج، وهو مقسم إلى قسمين:

Ekran Alıntısı002

القسم الأول ويحتوي على كل ما يخص العناصر، مثل الألوان والتغييرات التي يمكن أن تضاف على العنصر لتعدل من ألوانه أو تعدل من شكله وتجسيمه وهو ما يعرف بـ (Layer Style) وكذلك تحتوي على أوامر تصحيح الألوان، وقائمة الطبقات (Layers) ومسارات الخطوت (pathes) والتي سنستعين بها في تصميم الشعارات.أما القسم الثاني فهذا القسم يتغيير حسب الحاجة، إلا أن محتوياته ثابتة، فحسب الشكل الموضح سنجد أمامنا زر تصفح الملفات عن طريق البرنامج دون العودة إلى قائمة الملفات، ثم يليله قائمة بأهم الخطوات التي سجلتها، ثم القائمة الهامة جدًا في التعامل مع النصوص، ثم قائمة التعامل مع مقاطع النصوص.وفي أقصى اليمين سنجد قائمة الأدوات وهي مهمة في التحكم فهي يدك التي تتحرك بها داخل البرنامج ولن نتناولها كثيرًا لأننا سوف نعود إليها باستمرار.في هذه القائمة ستجد أداة الاختيار والحركة (Move And Select tool) وهي مفيدة في اختيار العناصر الموجودة في التصميم وتأخذ الشكل التالي (003) ثم يأتي بعد ذلك مجموعة المسارات والتي تفيدنا في اختيار جزء من العنصر وتعديله مثل أن يكون جزء مربع أو جزء دائري أو جزء عشوائ أو كتلة لون، وسنلاحظ أن بجوار كل أداة من هذه الأدوات سهم صغير يدل على أن هذه الأداة مخفي بداخلها أدوات أخرى مع استمرار الضغط على زر الفارة ستظهر هذه الأدوات المختفية وهذه الأدوات تأخذ الشكل التالي (006).الأداة التالية هي أداة قص حجم التصميم (Crop)، ثم أداة اختيار الألوان(Color Rang).المجموعة التالية من الأدوات هي مجموعة التعديلات الفنية (007)وهذه الأدوات مفيدة في الرسم، وإضفة بعض اللمسات الفنية على التصميم.المجموعة التالية هي مجموعة الخطوط وهي مهمة في رسم الشعات والكل ما يخص الخطوط وتأخذ الشكل التالي (008) فسنجد أولاً: القلم (Pen Tool)  وهي تقوم برسم الخطوط الحرة، والنصوص (Text)، وأداة اختيار المسار (Path selection Tool) وأخيرًا أداة رسم المسارات المنتظمة مثل المربع أو الدائرة أو الأشكال الحرة.عند اختيار أي أداة من هذه الأدوات سوف تظهر خصائصها أعلى البرنامج في قائمة خاصة تتغيير وتظهر هذه القائمة أسفل قوائم البرنامج المنسدلة.
إلى هذا القدر من الحديث نكتفي إلى أن نتحدث في الدرس القادم في تطبيقات عملية تفيدنا في تنفيذ بعض المواقع إن شاء الله
009

جولة في عالم تصميم المواقع 2

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

ما هي البرمجة؟

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

مثال عملي:

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

ما هي لغات البرمجة؟

لغات البرمجة متعددة وكثيرة، والهدف من وضع لغات البرمجة هو تسهيل مهمة المبرمج في وضع الأوامر التي يحتاج إليها، ولقد أخذت لغات البرمجة مراحل طويلة حتى تطورت ووصلت إلى المرحلة التي نراها الآن.لكل لغة من لغات البرمجة خصائصها التي تميزها، فهناك ما يعرف بلغة التجميع وهي أول لغة تم وضعها في البرمجة، وتعتمد على حرفين 0 و1 فكل حرف في حروف اللغة المعتادة يقابله ترتيب محدد من هذين الرقمين هذا الترتيب ربما يكون فيه تكرار، وبالطبع كانت هذه اللغة صعبة وأكوادها معقدة ... فحاول المبرمجين تطوير هذه اللغة حتى يصلوا إلى لغات أسهل وأفضل وتلبي احتياجاتهم.

فظهرت لغات جديدة فيما يعرف بالفيجوال بيسك والسي والسي بلاس والسي بلاس بلاس والسي شارب.

البداية:

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

أولاً: سوف نتحدث عن برنامج التصميم الشهير الفوتوشوب وكيفية استخدامه.

ثانيًا: سوف نتناول أمثلة عملية لتصميم المواقع حتى نطبق ما تعلمناه في الفوتوشوب.

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

رابعًا: سوف نتعلم معًا كيفية التعامل مع جوملا كأحد نظم تصميم المواقع.

خامسًا: سوف نتعلم معًا كيفية التعانل مع الورد برس كنظام آخر لتصميم المواقع.

 

 

جولة في عالم تصميم المواقع

جولة في عالم تصميم المواقع1

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

التصميم:

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

برمجة المواقع:

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

هناك برامج من الممكن أن تستفيد منها في البرمجة وقوالب مجانية متخصصة نذكر منها:

الدريم ويفر: وهو برنامج هام ومتخصص في هذا الأمر بل ومن أقدم البرامج والذي تقدمه شركة أدوبي، ويعود الإصدار الأول منه إلى عام 1997، قدم البرنامج مجموعة متقدمة من الأدوات التي تساعدك على الارتقاء بمستوى خبرتك في تصميم مواقع الإنترنت .. حيث يمكننا من إضافة الخواص التفاعلية Interactivity .. وعمل التحريك Animation للعناصر لإنتاج صفحات ومواقع إنترنت متميزة . والإتقان التام لكيفية إنشاء وتعديل وإدارة مواقع وصفحات الويب.

قالب جوملة:نظام جوملا نظام مجاني يستخدم لبناء مواقع الانترنت ، وهو من المشاريع المفتوحة المصدر ، وكما هو حال أغلب المشاريع المفتوحة المصدر ، هو يسير بثبات ، وقد كان ناجحا للغاية منذ سبعة سنوات ولحد الان ويعتبر الاكثر شعبية من خلال استخدامه من قبل ملايين المستخدمين حول العالم .كلمة (جوملا) مشتقة من كلمة (جملة) من اللغة السواحلية الافريقية والتي تعني ،" الكل معا"

قالب ورد برس:هو نظام لإدارة المواقع بشكل عام والمدونات بشكل خاص وتم بناءه باستخدام لغة بي إتش بي (php) وقواعد بيانات ماي إس كيو إل(My SQL) ، وهو مفتوح المصدر وقام ببرمجته مجموعة من المطورين المتطوعين.أول نسخة تحمل الرقم 0.70 تم إصدارها في 27/5/2003 بواسطة مات مولينغ، وأحدث نسخة تم إصدارها من الووردبريس هي 4.1 ويتم توزيعه تحت رخصة جنو العمومية.

وهناك الكثير من النظم والبرمجيات المنتشرة ولكن ما ذكرناه يكفي ويساعد في إنشاء الموقع وتصميمه.

لغات البرمجة:

الحديث عن البرمجة يطول، ولابد من الاستفاضة فيها في أعمال أخرى وربما نقدم لكم فيما بعد جولات في عالم البرمجة، ولكن ما يجب أن نعرفه هو أن الهدف من تعلم هذه اللغات أنها تمثل الهيكل البنائي لأي موقع، حيث تربط مكونات الموقع بعضها ببعض باستخدام أكواد وأوامر كثيرًا ما تتكرر.ومن هذه اللغات (HTML) (CSS) (XHTML) (PHP) (PERL)(PYTHON) وبالطبع لن نتعلم كل هذه اللغات، ولكننا سنتعلم ما نحتاج إليه عند تصميم المواقع.