أدوبي فلاش (بالإنجليزية: Adobe Flash)، (المعروف سابقاً باسم ماكروميديا فلاش) هي منصة متعددة الوسائط من إنشاء ماكروميديا وهي الآن ملك أدوبي سيستمز. منذ عام 1996، تستخدم لإضافة الصور المتحركة والتفاعل على صفحات الويب. فلاش يشيع استخدامه لإنشاء الرسوم المتحركة، بث الفيديو كما في يوتيوب والإعلانات، ومختلف صفحات الويب ينتشر بها مكونات الفلاش لدمج الفيديو في صفحات الويب، وفي الآونة الأخيرة تم تطوير التطبيقات على الإنترنت لتصبح أكثر اثارة.
فلاش يمكنه التلاعب بالنواقل والغرافيكس، وتدعم البث ثنائي الاتجاه للنظم السمعية والبصرية. وهو يحتوي على لغة برمجة تدعى أكشن سكريبت. العديد من منتجات البرمجيات والنظم والأجهزة قادرة على إنشاء أو عرض محتوى فلاش، بما في ذلك أدوبي فلاش بلاير، وهو متاح مجانا لأكثر متصفحى الويب شيوعا وبعض الهواتف النقالة وغيرها من الأجهزة الإلكترونية (باستخدام فلاش لايت). برنامج أدوبي فلاش المتخصص للوسائط المتعددة يستخدم لإنشاء المحتوى لمنصة الأدوبي الرابط، مثل تطبيقات الويب والألعاب والأفلام والمحتويات للهواتف المحمولة والأجهزة الرقمية النقالة الأخرى.
الملفات في شكل إس دبليو إف للأفلام أو فلاش فيديو أو "ألعاب فلاش" عادة ما تنتهي بامتداد swf، وقد يكون جزء من صفحة على شبكة الإنترنت. قد يمكن تشغيله عن طريق مشغل الفلاش بشكل مستقل أو دمجها في المتصفح، وهي ذاتية التنفيذ لأفلام الفلاش (مع الرمز exe في الويندوز أو hqx لماكنتوش). ملفات فلاش فيديو ^[1] تنتهى بflv وقد تستخدم داخل ملفات ال SWF أو يتم تشغيلها عن طريق مشغل flv مثل في إل سي، أو كويك تايم ويندوز ميديا بلاير مع الترميز الخارجي المضاف.

الدرس الثاني

اليوم سنتعلم انواع الحركة مع برنامج فلاش وسنبدأ في تعلم اربعة انواع وهي :
1- Frame By Frame.
2- Classic
3- Shape
4- Motion

الدرس الثالث

في الدرس الثالث سنتعلم مع بعض أداة جديدة وهي أداة Bone - العظم
بالإضافة إلى التعرف على قائمة Style حيث سنقوم بعمل العديد من التأثيرات منها :
1-Alpha
2-Brightness
3-Tint
4-Advanced

الدرس الرابع

في الدرس الرابع سنتعلم كيفية استيراد الملفات و التحكم فيها عن طريق المكتبة وترتيب البيانات و المشاهد و التحكم بها و إضافة New Symbol او رمز جديد:
MovieClip
Button
Graphic

رابط مجلد الصور:

http://www.4shared.com/file/NYCRHvOl/pic.html  

  الدرس الخامس

في الدرس الخامس سنتعلم المزيد من الحركات والمؤثرات وسنبدأ مشوارنا مع Mask وسنأخذ مثال وبعدها سنتعلم كيفيةعمل حركة دورانية و كيفية استخدام الفلاتر في فلاش مثل بعض الفلاتر المتوفرة في برنامج فوتوشوب

تدريب عملي 1

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

رابط الملف:

http://www.4shared.com/file/NuTASIXE/steve_jobs.html

  الدرس السادس

اليوم سنتعلم كيفية التحكم بالصوت في فلاش و سنقوم بالتعامل مع قائمة Blend بالإضافة إلى الدخول بشكل مبدئي في لغة البرمجة الخاصة بفلاش Action Script 3وسنجرب كيف يتفاعل على الزر مع لغة البرمجة وبإذن الله في الحصة القادمة سنستطيع عمل تفاعل اكبر باستخدام لغة AC3.

تدريب عملي 2

اليوم في التدريب الثاني سنقوم بعمل تطبيق عملي سنتعلم فيه فائدة التعامل مع MovieClip بطريقة مسلية وبالمناسبة رابط التحميل المشروع تجده هنا.

رابط المشروع:
http://www.4shared.com/file/UlEtUaC_/training.html

تدريب عملي 3

اليوم سنتعلم في هذا التدريب كيفية دمج مابين الرموز Symbols،
وستجدون المثال كامل في الرابط التالي:
http://www.4shared.com/file/K-EcpxEN/snow_example.html?

  الدرس السابع

بدأنا مشوارنا مع لغة ActionScript 3.
واليوم سنتعلم بعض الأوامر الجديدة منها امر
play();
stop();

وحاولنا ندمج ما بين الدرس السابق ودرس اليوم في تطبيق عملي بسيط اكيد نتمنى انك تستمتع وانت تنفذه وتهديه لأي احد من اصدقائك. :)

تدريب عملي 4

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

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

ومن هنا يمكنك تحميل المشروع بالكامل عن طريق الرابط التالي:

http://www.4shared.com/file/o5h-LeL8/hussayan.html

  الدرس الثامن

  الدرس التاسع

الدرس العاشر

يتبع ................. 

.......
-

بسم الله الصلاة والسلام على رسول الله , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني , كثير من المدونين يعتقدون أن مدونات بلوجر  تفتقر الى  الاضافات الجيده والمنسقه بشكل انيق , التي يمكن أن تضاف إلى منصات أخرى مثل ووردبريس وجوملا،ولكن هذا الاعتقاد خاطئ.فهناك كثير من الاضافات الاحترافيه التي تمكنك من تخصيص مدونتك وتطويرها لتظهر بشكل جذاب واحترافي ,واليوم باذن الله سوف نكسر هذا المعتقد بهذه الاضافه الاحترافيه والتي هي عباره عن شريط جانبي على شكل قائمه عموديه  تتضمن خمس من اشهر مواقع التواصل الاجتماعي  (twitter ,Facebook,Google+, feedburner, tumblr  )والتي تتميز بشكلها الرائع والانسيابي والذي بدوره يزيد من جمالية المدونه واحترافيتها



1- انتقل إلى لوحة تحكم مدونتك
2- إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript
3- والآن الصق داخل المستطيل الكود التالي 

<div id='social-sidebar'>
<ul><li>
<a class='entypo-twitter' href='https://twitter.com/eng_shadi2011' target='_blank'>
<span>Twitter</span>
</a></li><li>
<a class='entypo-gplus' href='https://plus.google.com/u/0/b/111388500644220208764' target='_blank'>
<span>google+</span>
</a></li><li>
<a class='entypo-tumblr' href='http://www.tumblr.net/shadi2015' target='_blank'>
<span>tumblr</span>
</a></li><li>
<a class='entypo-facebook' href='http://www.facebook.net/m.shadi2015' target='_blank'>
<span>facebook</span>
</a></li><li>
<a class='entypo-rss' href='http://feeds.feedburner.com/shadi' target='_blank'>
<span>feedburner</span>
</a></li></ul></div>
<style type='text/css'>
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : /---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
left: 0;
margin-top: -75px; /* (li * a:width) / -2 */
position: fixed;
top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
background: #121212;
color: #fff;
display: block;
height: 50px;
font-size: 18px;
line-height: 50px;
position: relative;
text-align: center;
width: 50px;
}
#social-sidebar ul li a:hover span {
left: 130%;
opacity: 1;
}
#social-sidebar ul li a span {
border-radius: 3px;
line-height: 24px;
left: -100%;
margin-top: -16px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding: 4px 8px;
position: absolute;
-webkit-transition: opacity .3s, left .4s;
-moz-transition: opacity .3s, left .4s;
-ms-transition: opacity .3s, left .4s;
-o-transition: opacity .3s, left .4s;
transition: opacity .3s, left .4s;
top: 50%;
z-index: -1;
}
#social-sidebar ul li a span:before {
content: "";
display: block;
height: 8px;
left: -4px;
margin-top: -4px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style>

تخصيص الاضافه

   1- استبدال ماباللونashadi باسم حسابك في فيدبرنر
 2- استبدال ماباللونeng_shadi2011 باسم حسابك في تويتر
 3- استبدال ماباللونm.shadi2015 باسم صفحتك في فيس بوك
 4- استبدال ماباللون1388500644220208764 باسم حسابك جوجل بلس
 5- استبدال ماباللونashadi2015 باسم حسابك في تمبلروبالاخير قم بحفظ القطعه ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق