tag:blogger.com,1999:blog-7442348280675914642011-11-27T15:37:50.905-08:00تعلم التصميمmhamednoreply@blogger.comBlogger81100tag:blogger.com,1999:blog-744234828067591464.post-22162393172250157682009-05-11T07:22:00.000-07:002009-05-11T07:23:38.483-07:00درس عمل صندوق web 2.0<div dir="rtl" style="text-align: right;"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/BCAbZBDwMPc&hl=fr&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BCAbZBDwMPc&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/744234828067591464-2216239317225015768?l=web20-des.blogspot.com' alt='' /></div>mhamednoreply@blogger.com0tag:blogger.com,1999:blog-744234828067591464.post-77604035731224969092008-12-07T04:11:00.001-08:002008-12-07T04:11:17.006-08:00تدرجات WEB 2.0<div xmlns='http://www.w3.org/1999/xhtml'><img src='http://www.dezinerfolio.com/wp-content/uploads/2007/05/30grads_preview.jpg' style='max-width: 800px;'/><br/>للتحميل <a href='http://www.dezinerfolio.com/wp-content/plugins/wp-downloadMonitor/download.php?id=5'>هنا</a><br/></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/744234828067591464-7760403573122496909?l=web20-des.blogspot.com' alt='' /></div>mhamednoreply@blogger.com0tag:blogger.com,1999:blog-744234828067591464.post-8488031688493900062008-08-15T05:00:00.000-07:002008-08-15T05:09:37.269-07:00نصائح لتصميم شعارات web 2.0<div dir="rtl" style="text-align: right;">السلام عليكم<br />لتصميم شعار web 2.0 لا نقول سهل او صعب فيلزمك الكثير من التفكير و التخطيط لتصل الى شعار ترضي به عميلك<br />نصائح:<br />-ابدأ التخطيط في ورقة وقلم (أرسم و عدل و أختر الالوان)<br />-لا تتسرع خذ كل وقتك في التخطيط.<br />-أختر شعار يكون بسيط ليس معقدا من الأفضل أن يكون صغير الحجم و يعبر عن الشركة أو الموقع.<br />-لا تستعمل الكثير من الألوان (3 ألوان كحد أقصى)<br />-استعمل ألوان قوية أو ضعيفة فأنت حر .<br />-طالع أعمال المصممين الآخرين و قلد التصاميم التي تعجبك(للتعلم فقط)<br />-استمع الى عميلك جيدا حاول أن ترى الشعار كما يراه هو .<br />-وازن الشعار جيدا.<br />-اختر خطوط مناسبة.<br />-استعمل كحد أقصى خطين في الشعار الواحد.<br /><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/744234828067591464-848803168849390006?l=web20-des.blogspot.com' alt='' /></div>mhamednoreply@blogger.com1tag:blogger.com,1999:blog-744234828067591464.post-75072805660804984072008-07-28T04:20:00.000-07:002008-08-15T04:59:37.829-07:00درس عمل زر زجاجي web 2.0<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp2.blogger.com/_EoV6s9kRdl0/SI2v4-WEwVI/AAAAAAAAACw/iew6aOFJB3I/s1600-h/Untitled-1_03.gif"><img style="cursor: pointer;" src="http://bp2.blogger.com/_EoV6s9kRdl0/SI2v4-WEwVI/AAAAAAAAACw/iew6aOFJB3I/s400/Untitled-1_03.gif" alt="" id="BLOGGER_PHOTO_ID_5228028135790133586" border="0" /></a><br /><div dir="rtl" style="text-align: right;"><br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gpPG2T8PGl4&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/gpPG2T8PGl4&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/744234828067591464-7507280566080498407?l=web20-des.blogspot.com' alt='' /></div>mhamednoreply@blogger.com2tag:blogger.com,1999:blog-744234828067591464.post-37508422539486172932008-07-27T03:27:00.000-07:002008-07-27T05:50:38.147-07:00درس فيديو عمل هيدر web 2.0 بسيط<div style="text-align: right;"><br /><object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/GsyGLlTFQO8&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/GsyGLlTFQO8&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="344" width="425"></embed></object><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/744234828067591464-3750842253948617293?l=web20-des.blogspot.com' alt='' /></div>mhamednoreply@blogger.com0tag:blogger.com,1999:blog-744234828067591464.post-12139320541576581692008-07-26T05:33:00.000-07:002008-07-26T06:03:04.717-07:00درس عمل نص web 2.0<div dir="rtl" style="text-align: right;"><br /></div><br /><object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/mGZ_PVDjGK4&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/mGZ_PVDjGK4&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="344" width="425"></embed></object><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/744234828067591464-1213932054157658169?l=web20-des.blogspot.com' alt='' /></div>mhamednoreply@blogger.com0tag:blogger.com,1999:blog-744234828067591464.post-79384825255017673862008-07-26T02:59:00.000-07:002008-08-08T04:37:49.133-07:00درس تصميم زر web 2.0<div dir="rtl" style="text-align: right;"><div class="snap_preview"><p>السلام عليكم</p> <p>أقدم لكم اليوم درس بسيط حول تصميم زر web 2.0 .نبدأ بسم الله</p> <p>أول افتح صفحة جديدة بالقياس الذي تريد ينصح أن يكون أكثر من 200px للطول و للعرض</p> <p>ثانيا قم باختيار المستطيل ذو الانحناءات من قائمة الأدوات كما يظهر في الصورة</p> <p><a href="http://mhamed.files.wordpress.com/2008/07/11.gif"><img class="alignnone" src="http://mhamed.files.wordpress.com/2008/07/11.gif?w=100&h=94" alt="" height="94" width="100" /></a></p> <p><span id="more-76"></span></p> <p>الآن قم برسم المستطيل التالي</p> <p><img class="alignnone" src="http://mhamed.files.wordpress.com/2008/07/2.gif?w=366&h=300" alt="" height="300" width="366" /></p> <p>الآن اذهب الى قائمة الطبقات و اضغط بالزر الأيمن على Shape1 ثم Blending Options كما في الصورة</p> <p><img class="alignnone" src="http://mhamed.files.wordpress.com/2008/07/3.gif?w=272&h=172" alt="" height="172" width="272" /></p> <p>بعدها ستظهر لك النافذة التالية:</p> <p><img class="alignnone" src="http://mhamed.files.wordpress.com/2008/07/4.gif?w=606&h=448" alt="" height="448" width="606" /></p> <p>الآن قم باختيار gradient overlay و ختر الألوان كما في الصورة ثم اضغط ok:</p> <p><img class="alignnone" src="http://mhamed.files.wordpress.com/2008/07/5.gif?w=648&h=550" alt="" height="550" width="648" /></p> <p>الآن اضغط علىstroke و عدل القياس على 1px و اختر اللون المبين في الصورة:</p> <p><img class="alignnone" src="http://mhamed.files.wordpress.com/2008/07/6.gif?w=664&h=454" alt="" height="454" width="664" /></p> <p>الآن اضغط على inner glow و قم بعمل الاعدادات التالية:</p> <p><img class="alignnone" src="http://mhamed.files.wordpress.com/2008/07/7.gif?w=604&h=442" alt="" height="442" width="604" /></p> <p>انتهينا</p> <p>النتيجة النهائية مع بعض التأثيرات</p> <p><img class="alignnone" src="http://mhamed.files.wordpress.com/2008/07/8.gif?w=200&h=200" alt="" height="200" width="200" /></p> </div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/744234828067591464-7938482525501767386?l=web20-des.blogspot.com' alt='' /></div>mhamednoreply@blogger.com3tag:blogger.com,1999:blog-744234828067591464.post-46795478536471612312008-07-22T06:44:00.000-07:002008-07-22T06:47:08.759-07:00أول تدوينة...<div dir="rtl" style="text-align: right;">السلام عليكم و رحمة الله و بركاته<br />مدونة web 2.0 ستهتم ان شاء الله بكل مايخص جوانب التصميم باستعمال هذا الأسلوب .<br />سوف تجدون فرش و تدرجات و صور و أيقونات و دروس خاصة بـweb 2.0.<br /><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/744234828067591464-4679547853647161231?l=web20-des.blogspot.com' alt='' /></div>mhamednoreply@blogger.com0