أصبحت تنمية وتطوير وصناعة وتصميم الأدوات والإضافات رغبه وهوايه لدى الكثير من المصممين, والآن تستطيع أنت القيام بذلك أيضا بكل سهوله ويسر .... فقط مع بعض الصبر.
كل المدونين يعتمدون على المدونات والمواقع التى تقدم لهم كل الإضافات والأدوات جاهزه وتامه للإستخدام أو لإضافتها فى مدوناتهم, ولكن لماذا لا نصنع نحن أدواتنا وإضافاتنا بأيدينا وعلى حسب رغباتنا وإحتياجاتنا.
كيف يتم صنع الإضافه أو الأداه ؟
يتم صناعة الإضافه أو الأداه على مرحلتين :
أدوات بلوجر يتم برمجتها بإستخدام XHTML و JQUERY و JAVASCRIPT . وهذه اللغات البرمجيه تقوم بتحديد طريقة عمل الأداه ووظيفتها وما ستقوم بفعله. ومعظم الأدوات يتم تشكيلها بإستخدام XHTML التى تعتمد عليها بلوجر بصوره أساسيه فى برمجة مدوناتها.
تصميم الأداه :
وهذا هو الجزء الأكثر متعه وهو التصميم, بعد عمل الكود والبرمجه للأداه يتم البدأ فى التصميم مثل الخط, الألوان, الإطارات, ألوان الخلفيه ...إلخ. ولغة CSS هى المسؤله عن إعطاء هذا الشكل وهذه الصفات للأداه التى نقوم بتصميمها و لغة HTML هى التى تحدد المكان التى تعمل فيه ال CSS بشكل دقيق. ف HTML تبنى الأداه و CSS تقوم بتجميل وتنسيق شكلها. ولنعطيك مثالا على ذلك :
مرحبا بك فى مدونة نصائح للمدونين
مرحبا بك فى مدونة نصائح للمدونين
والأن كيف تقم بتصميم الأداه أو الإضافه ؟
سواء كنت تريد أن تصبح مصمما للإضافات أو ستكتفى بعمل تعديلات عليها وعلى قالب مدونتك وتدويناتك لإعطائها شكلا جذابا, عليك تعلم لغة HTML و لغة CSS وهما لغتان برمجه من اسهل ما يمكن وأقولها لك ... لن تجد أى صعوبه وستحبهما كثيرا وستندمج معهما بدرجه كبيره. وعن نفسى قمت بتعلمهما بسهوله جدا وبإستمتاع من خلال البحث عن تعليمهم على الإنترنت ومن خلال ما يقدمه موقع w3schools وسوف أعطيك ثلاثة نصائح :
وبعد تنمية مهاراتك فى لغتى HTML و CSS يمكنك تنمية قدراتك والعمل على ارتفاع مستواك بتعلم اللغات البرمجيه JAVASCRIPT, PHP, JQUERY .... إلخ.
وفى النهايه أنا على أتم إستعداد لأسئلتكم وإستفساراتكم وأطروحاتكم .... ضع تعليقا وشاركنا خبراتك فى هذا الموضوع.
كل المدونين يعتمدون على المدونات والمواقع التى تقدم لهم كل الإضافات والأدوات جاهزه وتامه للإستخدام أو لإضافتها فى مدوناتهم, ولكن لماذا لا نصنع نحن أدواتنا وإضافاتنا بأيدينا وعلى حسب رغباتنا وإحتياجاتنا.
كيف يتم صنع الإضافه أو الأداه ؟
يتم صناعة الإضافه أو الأداه على مرحلتين :
- برمجة الأداه.
- تصميم الأداه.
أدوات بلوجر يتم برمجتها بإستخدام 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 وسوف أعطيك ثلاثة نصائح :
- إذهب وتعلم الفوتوشوب, قم بدراسته فيما لا يقل ولا يزيد عن شهر واحد, ولن يستغرق هو منك أكثر من ذلك وستصبح محترفا به مع الممارسه.
- قم بقراءة 5 دروس على الأقل فى اليوم فى لغة HTML من موقع w3schools .
- بعد توغلك ومعرفة أساسيات HTML قم بقراءة دروس CSS من موقع w3school بمعدل 4 دروس فى اليوم.
وبعد تنمية مهاراتك فى لغتى HTML و CSS يمكنك تنمية قدراتك والعمل على ارتفاع مستواك بتعلم اللغات البرمجيه JAVASCRIPT, PHP, JQUERY .... إلخ.
وفى النهايه أنا على أتم إستعداد لأسئلتكم وإستفساراتكم وأطروحاتكم .... ضع تعليقا وشاركنا خبراتك فى هذا الموضوع.
موضوع رائع جدا ومفيدا مشكورررر جدا ياسو الى الامام دائما
ردحذفشكرا جزيلا يا محمد وزياره كريمه للمدونه .. أتمنى تتكرر
ردحذفبجد تدوينه غايه فى الافادة و الاهمية . تسلم أيدك
ردحذفتحياتى لك اخى الغالى . و فى انتظار المزيد من ابداعك
دمت بخير
شكرا ليك على الافاده :)
ردحذفحماده بجد شكرا وانت مدونتك كويسه اوى على فكره انا بازورها باستمرار.
ردحذفسبايدر مان شكرا ليك على المتابعه الدائمه وان شاء الله احاول اجلب لكم المزيد.
معلومات سليمة وجميلة مية المية
ردحذفسامكو ... شكرا جزيلا وربنا يكرمك يارب
ردحذفشكرا على أخي ياسو على الافادة والموضوع الرائع....
ردحذفوأنت محق في ما قلته...... فعلينا ان لا نبق نعول على الآخرين ... وننس أنه باسطاعتنا ان نكون مثلهم ونتفوق عيهم أيضا .... خصوصا أن مجال تصميم المواقع ليس بصعب ....
.....ومرحبا بك في مدونتي : http://al-kitabe.blogspot.com
بصراحه شئ ممتع جدا
ردحذفبامكانك ان تصمم ما تريد باستخدام الـcss وبمعرفه بسيطه
عن نفسى استخدمت css لتغير شكل الادوات فى القائمه الجانبيه وتغيير شكل الستايل
اعتقد انه مهم جدا اضفاء لمستك الخاصه على قالب موقعك
تدوينه رائعه
بالتوفيق
لا بجد مبهر وكويس جدا عشان منحتجش فى كل حاجة ندور على حد يساعدنا ولا نعمل سرش ومرة تصيب ومرة تخيب ونتعطل
ردحذفميرسى ياريت دايما من المقالات المحمسة دى
أشكرك على هذه النصائح المفيدة..
ردحذفكما أشكرك على زيارتك لمدونتي المتواضعة..
عبد الجليل : فعلا هو مش صعب لكنه ايضا مش سهل .. ربنا يوفقك مدونتك جميله.
ردحذفMACC : فعلا أهم شىء انك تعمل لمسات خاصه بيك انت ومميزه ليك.
sossi : من عيونى
أبو حسام الدين : شكرا لأهتمامك ومدونتك انت كمان جميله جدا.
أخي ياسو مواضيعك مميزة جداً
ردحذفهذه أول معرفتي بمدونتك و أول زيارة لي
في الحقيقية إطلعت على بعض المواضيع و بصراحة ...
أحتاج العودة مرة أخرى لقراءة جميع مواضيع المدونة واحد تلو الآخر :) لأنها فعلا مواضيع متعوب عليها
أتمى لك التوفيق
إن في إمكانية تبدي رأيك في مدونتي المتواضعة
أو كان لديك بعض النصائح أكون ممتن لك
فريش سوفت | أحدث البرامج الكاملة و المجانية
جزاك الله كل خير اخي ياسو
ردحذفانا أنشأت مدونة الاسلام طريق النجاة واريد منك أحي العزيز ان تدلني
1- كيف اربط رأس الصفحة مع محتواها الاصلي
على سبيل المثال اريد ان أضع على رأٍس الصفحة المجموعة البريدية وعند الاشارة عليها بالماوس لا تدخل على المجموعة
2- كيف اعمل حرزمة واحدة متعددة المواضيع مثلا الفلاشات
على المدونة
وما رأيك ان تشاهد المدونة وتبدي ر[يك فيها وانا على اتم الاستعداد أن اتقبل نصائحك اخي ياسووهذا رابط المدونة
http://www.najehs.blogspot.com/
وهذا هو ايميلي najeh.salhab@yahoo.com
ولك جزيل اشكر
فريش سوفت : شكرا جزيلا على الكلام الجميل .. أما بالنسبه لمدونتك فأنا شوفتها وهى جميله جدا جدا جدا ولكن .. البار بتاع الترجمه العلوى ياريت تشيله لأن محدش بيستعمله اصلا وكمان البار بتاع ويبيا اللى تحت هو كمان مالهوش لزوم وياريت تفضى مدونتك من الاضافات الشبيهه للاضافات دى لأنك بصراحه زاحم وعامل تقل كبير جدا لمدونتك بالاضافات دى .. نصيحه لا تستخدم سوى ما تحتاجه فعليا فقط. غير كده انت مدونتك بجد محتواها جميل جدا وكمان تصميمها حلو اوى .... بالتوفيق والنجاح إن شاء الله.
ردحذفناجح سلهب التميمى : شكرا لزيارتك ولكنى لا أتفهم ما تقوله بسهوله ولم افهم بالضبط ما تريد لذلك قمت بإضافة ايميلك على الياهو عندى ونتواصل إن شاء الله .. وبالتوفيق ومعنا الله
موضوع اكثر من رائع
ردحذفشكرا اخ ياسر
ياسو لو سمحت انا متابعة للمدونة وهي ضمن التوب تن عندي ^^
ردحذفعندي بعض الاستفسارات أتمنى لو ممكن تضيفني ع الايميل لو ما يمانع .. وشكرًا جزيلاً لكل اللي بتقدمه للتدوين :)
abuod haridy : العفو نورت المدونه يا عبود
ردحذفⓐⓝⓘⓐⓚⓤⓢ : طبعا ما فى مانع ... تقدرى تضيفينى على الياهو وايميلى هو
yaso.actor@yahoo.com
وانا تحت امرك
موضوع في المستوى تابع الى الأمام متابعك يا معلم
ردحذفشكرا لك علي ماكتبت يدك
ردحذفشكرا لك علي ماكتبت يدك
ردحذفالسلام عليكم و رحمة الله وبركاته
ردحذفانا جديد في عالم التدوين مع اني لت جديد في عالم البرمجة الا اني في حاجة الي بعض المساعدة منك فب انشاء مدونتي
kingdomeofdroid.blogspot.com
لا ارى الا فنان يتحدث و يتكر و يحفز
ردحذفجمييييييييييييل شكرا
ردحذفاعطني رايك في مدونتي
http://alwadifamaroc2012.blogspot.com/
اخ ياسو لقد قمت بانشاء مدونة تهتم ببحوث اقوم بها في مختلف الميادين من فضلك احتاج الى نصائح حول زيادة عدد الزوار وكيفية النهوض بها النوع من المحتوى رابط مدونتي هو www.maroc-in.blogspot.com
ردحذفشوف التدوينه دى
حذفhttp://ar-blogger-tips.blogspot.com/2011/03/100.html
أهلاً . أنا من متابعي المدونة و كان نفسي أخد ميل "إيميل" حضرتك لأن أنا عندي مدونات فعايز مساعدة.
ردحذفو دي مدونة جميلة جداً.
وشكراً
ايميلى هو
حذفyasseresmailactor@gmail.com لإرسال رسائل
yaso.actor@yahoo.com للمحادثه والدردشه
https://www.facebook.com/yaso.actor على الفيسبوك
انا ولله الحمد صرت محترف بنسبة 70% بلغة thml , صراحة لغة ممتعة , وماافي احد بيعرفها إلا انا بين معارفي , لدرجة انو لما آجي افتح صفحة اللغة وأسوي تعديل عليها بحرف واحد , بيقولولي انتا كيف عرفت انو العلة كلها من هذا الحرف المتخبي بين آلاف الرموز الثانية ؟ , بقلوا خبرة , والسبب ببساطة كثر الممارسة وحب المعرفة لهذا الشيء , الحمد لله رب العالمين
ردحذفتمام جدا وهو ده الصح ربنا يوفقك يارب
حذفكانت عايز اضيف تعليقات الفيس لكن لما بنسخ كود واروح ادور لية بيقولى مش موجود bodyارجو المساعدة شكرا
ردحذف