mardi 21 mai 2013

تصميم وصنع وابتكار أدوات و إضافات ل بلوجر ( السر )

21:07

أصبحت تنمية وتطوير وصناعة وتصميم الأدوات والإضافات رغبه وهوايه لدى الكثير من المصممين, والآن تستطيع أنت القيام بذلك أيضا بكل سهوله ويسر .... فقط مع بعض الصبر.

كل المدونين يعتمدون على المدونات والمواقع التى تقدم لهم كل الإضافات والأدوات جاهزه وتامه للإستخدام أو لإضافتها فى مدوناتهم, ولكن لماذا لا نصنع نحن أدواتنا وإضافاتنا بأيدينا وعلى حسب رغباتنا وإحتياجاتنا.
كيف يتم صنع الإضافه أو الأداه ؟
يتم صناعة الإضافه أو الأداه على مرحلتين :
  1. برمجة الأداه.
  2. تصميم الأداه.
برمجة الأداه :
أدوات بلوجر يتم برمجتها بإستخدام XHTML و JQUERY و JAVASCRIPT . وهذه اللغات البرمجيه تقوم بتحديد طريقة عمل الأداه ووظيفتها وما ستقوم بفعله. ومعظم الأدوات يتم تشكيلها بإستخدام XHTML التى تعتمد عليها بلوجر بصوره أساسيه فى برمجة مدوناتها.

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


مرحبا بك فى مدونة نصائح للمدونين
كود HTML المكون لها هو :
<p><strong><center> مرحبا بك فى مدونة نصائح للمدونين </center></strong></p>
والآن نراها بعد إدخال لغة CSS عليها :


مرحبا بك فى مدونة نصائح للمدونين
كود CSS المكون لها :
<center><span style="border-bottom: #8080ff 10px solid; border-left: #8080ff 10px solid; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; border-top: #8080ff 10px solid; border-right: #8080ff 10px solid; padding-top: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px"><font color="#8080ff"><strong>مرحبا بك فى مدونة نصائح للمدونين</strong></font></span></center>
 لا تنزعج من كبر حجم الكود إطلاقا فهو شىء ممتع للغايه وسوف تستمتع به كثيرا.

والأن كيف تقم بتصميم الأداه أو الإضافه ؟
سواء كنت تريد أن تصبح مصمما للإضافات أو ستكتفى بعمل تعديلات عليها وعلى قالب مدونتك وتدويناتك لإعطائها شكلا جذابا, عليك تعلم لغة HTML و لغة CSS وهما لغتان برمجه من اسهل ما يمكن وأقولها لك ... لن تجد أى صعوبه وستحبهما كثيرا وستندمج معهما بدرجه كبيره. وعن نفسى قمت بتعلمهما بسهوله جدا وبإستمتاع من خلال البحث عن تعليمهم على الإنترنت ومن خلال ما يقدمه موقع w3schools وسوف أعطيك ثلاثة نصائح :
  1. إذهب وتعلم الفوتوشوب, قم بدراسته فيما لا يقل ولا يزيد عن شهر واحد, ولن يستغرق هو منك أكثر من ذلك وستصبح محترفا به مع الممارسه.
  2. قم بقراءة 5 دروس على الأقل فى اليوم فى لغة HTML من موقع w3schools .
  3. بعد توغلك ومعرفة أساسيات HTML قم بقراءة دروس CSS من موقع w3school بمعدل 4 دروس فى اليوم.
سوف يستغرق الأمر منك شهر فى التعلم وشهر أخر من الممارسه وتنمية المهارات ثم فى الشهر الثالث والرابع قم بتحضير نفسك كى تنال لقب مصمم.

وبعد تنمية مهاراتك فى لغتى HTML و CSS يمكنك تنمية قدراتك والعمل على ارتفاع مستواك بتعلم اللغات البرمجيه JAVASCRIPT, PHP, JQUERY .... إلخ.
وفى النهايه أنا على أتم إستعداد لأسئلتكم وإستفساراتكم وأطروحاتكم .... ضع تعليقا وشاركنا خبراتك فى هذا الموضوع.

4 commentaires: