tag:blogger.com,1999:blog-37306349546615223662025-11-09T22:05:37.048+02:00لتصميم المواقع والسيرفرات الصوتية والبرمجه والتكويد والدعم الفنى سيرفرات صوتية, تصميم, تصميم مواقع, برمجة, تصميم سى اس اس, تصميمات , برمجة مواقع , تصميم قوالب بلوجر , تصميم وردبرس , جملهM . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.comBlogger246125tag:blogger.com,1999:blog-3730634954661522366.post-43559559238263121042016-09-21T20:33:00.000+02:002016-09-21T20:33:10.891+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">ماهو ما يميز جوجل أدسنس عن الشركات الإعلانية الأخرى ؟</span></h2> <div style="text-align: center;"> <br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMEw_ceBoWOPrTtSiuz4MORCY2rr5n8DjiXTVuHEyeJik_RJaUFqNZLdpqop7y_QyCsSqGE3ZcAnH8OFG6lWCfr6gG_Jjf1U2EWENQx8KEGz7KEFfhPc3rdxL8_IRqvNDKxNQkrFRDMWk/s1600/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" class="bann" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMEw_ceBoWOPrTtSiuz4MORCY2rr5n8DjiXTVuHEyeJik_RJaUFqNZLdpqop7y_QyCsSqGE3ZcAnH8OFG6lWCfr6gG_Jjf1U2EWENQx8KEGz7KEFfhPc3rdxL8_IRqvNDKxNQkrFRDMWk/s1600/images.jpg" style="cursor: move;" /></a>هذا المقال موجه لكل شخص تم تعطيل حسابه في جوجل ادسنس , لماذا ؟ لانه ببساطة و حسب متابعتي للمنتديات و المواقع العربية أجد بأن كل شخص يتم تعطيل حسابه يذهب و يبحث عن بديل لجوجل أدسنس ! .</div> <br /> أولا يجب أن تعلم عزيزي الزائر بأنه لو بحثت مراراً و تكراراً لن تجد البديل الذي يغني عن شركة جوجل ادسنس لان جوجل ادسنس هي أقدم شركة في هذا المجال عدا أن جوجل أدسنس الشركة الوحيدة التي لديها قاعدة معلنين ضخمة و أسعار نقرات رائع .<br /> قبل أن أكتب المقالة بحثت عن شركات التي تسمى ببديل أدسنس و جربتها على عدة مواقع خاصة بي و المفاجأة بأن 90% من الشركات هذه تدفع متوسط 0.003 $ على النقرة الواحدة أو أعلى بقليل أو أقل بقليل<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> هنا سنتذكر بأن أقل سعر في جوجل ادسنس هو 0.01 أي 3 أضعاف الشركات الاخرى , لذلك رسالة أوجهها لكل من تم تعطيل حسابه سواء قام بمخالفة أم لا , لا تيأس و لا تبحث عن البديل الامر بسيط جدا قم بفتح حساب اخر باسمك مع تغيير بعض الحروف و تغيير عنوان الIP , و إبدأ من جديد و حاول التعلم من أخطائك إن كنت مخالفاً أوقف المخالفات و إن تم تعطيل حسابك عن طريق النقر الغير شرعي حاول مراقبة حسابك باستمرار و التبليغ عند مشاهدة شيء غير صحيح في الحساب .<br /> <br /> في النهاية أتمنى أن تكون المقالة مفيدة و نحن هنا جاهزون لأي مساعدة يحتاجها أي ناشر بخصوص شركة جوجل أدسنس و هذا سبب إنشاء هذه المدونة .<br /> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" /></div> <div style="text-align: right;"> <div dir="rtl" style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">إقرأ المزيد </span></td> </tr> </thead> <tbody> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/google-adsense.html" target="_blank">بعض الاسرار للنجاح من adsense</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2013/01/adsense_6.html" target="_blank">تهيئة مدونتك للربح من ادسنس AdSense</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/wordpress_29.html" target="_blank">كود : إضافة إعلانات الى القائمة الجانبية للـ(WordPress )</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2013/03/blogger.html" target="_blank">استبدال الخطوط في المدونة بأخرى جديده</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2013/01/blogger_8.html" target="_blank">اضافة اقرأ المزيد بدون جافا سكربت Blogger</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blogger_28.html" target="_blank">اهم وأفضل الأماكن لوضع اعلانات جوجل في المدونة</a></b></td> </tr> </tbody> </table> <h11> <span style="color: black;"><marquee behavior="alternate" bgcolor="#cccccc" direction="center" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="50"> "عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا"</marquee></span></h11><br /> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">قم بتصفح جميع الموضوعات </span></td> </tr> </thead> </table> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "8812187270"; google_ad_width = 468; google_ad_height = 15; //</script> <br /> <div style="text-align: right;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com2tag:blogger.com,1999:blog-3730634954661522366.post-74474911839230812632016-09-16T22:07:00.000+02:002016-09-16T22:25:28.874+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">معرفة ترتيب الكلمات المفتاحية فى نتائج البحث</span> <span style="color: #b45f06;">SEO</span></h2> <div style="text-align: center;"> <br /></div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ2GF3mrGsutWaHoFmKn0x5jWjstMtj5sdvSFMaxXGlPcK9bxEWYk8978ISls3PkE5GqN-_nBn_hkTjD1_6Vn3M4_iuZw749Lx8PWPr9nPsYZYc3tGTeR8mWojuBvgpPPi78Qc6W5JztU/s1600/seoimage%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ2GF3mrGsutWaHoFmKn0x5jWjstMtj5sdvSFMaxXGlPcK9bxEWYk8978ISls3PkE5GqN-_nBn_hkTjD1_6Vn3M4_iuZw749Lx8PWPr9nPsYZYc3tGTeR8mWojuBvgpPPi78Qc6W5JztU/s200/seoimage%255B1%255D.jpg" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a>واحد من ضمن مهام اخصائي تهيئة محركات البحث (<span style="color: #b45f06;">سيو</span>) هو معرفة ترتيب الكلمات المفتاحية فى نتائج البحث.<br /> <br /> من الضروري جدا لك اذا كنت مدون او من محترفى <span style="color: #b45f06;">SEO </span>ان تقوم فحص ترتيب الكلمات المفتاحية المستهدفة فى جوجل. ومن ضمن الاخطاء الاكثر شيوعا ويقع فيها مديري المواقع والمدونين هي كتابة مقالات ونشرها دون استهداف اى كلمات مفتاحية.<br /> <br /> <span style="color: #cc0000;">فهل انت ايضا تقوم بذلك ؟</span><br /> <br /> اذا كانت اجاتك “لا“ فهذا جيد وسوف تجد فى هذا المقال ادوات ربما لم تكن تعرفها<br /> <br /> اما اذا كانت اجابتك “نعم“ فهذا المقال سيفرق معك بشكل كبير ويوفر عليك الجهد والوقت بل والمال ايضا.<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> كـ اخصائي سيو او مدير موقع يجب عليك استخدم ادوات للبحث عن الكلمات المفتاحية التى من المفترض استخدامها وهذا الامر لن يستغرق اكثر من دقيقتين ومن افضل هذه الادوات <a href="https://www.semrush.com/sem/?ref=16237545">SEMRUSH</a> و <a href="https://adwords.google.com/KeywordPlanner">Google keyword search tool</a> للعثور على الكلمات المفتاحية التى يمكن استخدامها. استفيد من هذه الأدوات من أجل اتمام هذه الخطوة الهامة جدا!<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL1BMaHbZ-pfwWy86qhFmp8hwn3ZHe0GCbv-u3otd135uK3XmLxjliR9gSyFGj_mtwwaffoUTBjCOwsgd9ktSGQ8u0j9n52v9OjFe4a482aUXyDxwtcualLn6db4xv_Q1haANzx_194J8/s1600/0000000.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL1BMaHbZ-pfwWy86qhFmp8hwn3ZHe0GCbv-u3otd135uK3XmLxjliR9gSyFGj_mtwwaffoUTBjCOwsgd9ktSGQ8u0j9n52v9OjFe4a482aUXyDxwtcualLn6db4xv_Q1haANzx_194J8/s400/0000000.jpg" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="400" /></a></div> <br /> بمجرد الانتهاء من تهيئة المقال داخليا SEO on-page باستخدام الكلمات المفتاحية التي تستهدفها، مهمتك التالية هي تتبع ترتيبك في <a href="http://abda3design.blogspot.com.eg/2016/09/seo.html" target="_blank">محركات البحث</a>، و الحصول علي Social Signals من مواقع التواصل الاجتماعي وعلي رأسهم جوجل بلس و تويتر ومواصلة بناء باك لينك مع اضافة anchor text بشكل صحيح.<br /> <br /> ** مرة اخرى، اختيار الكلمات المفتاحية المناسبة هى واحدة من العوامل الرئيسية التى تساهم فى تحقيق افضل ترتيب فى محرك بحث جوجل.<br /> <br /> كلا منا هدفه هو الوصول الى نتائج جيدة فى محركات البحث وذلك يمكن من خلال استهداف الكلمات المفتاحية التي يبحث عنها المستخدمين بكثرة، وبالأخص الكلمات المفتاحية التي سوف تساعد موقعك على الظهور في النتائج الاولى من نتائج البحث. اى قم باستهداف كلمات مفتاحية تمتلك نسبة بحث جيدة ومنافسة سهلة.<br /> <br /> إذا قمت باتمام السيو الداخلي بشكل صحيح فسيكون لديك إحتمالات جيدة لظهور موقعك ضمن اول 50 نتيجة بحث اى اول 5 صفحات.<br /> <br /> لتحسين سيو موقعك يجب عليك إدارة الكلمات المفتاحية بشكل صحيح بحيث يمكنك معرفة أي الكلمات المفتاحية مناسبة لمقالك وأيا منها ليست مناسبة. هذه المعلومات تسمح لك بإستخدام أقوى الكلمات المفتاحية، بالتالي زيادة فرصك في إحتلال ترتيب جيد في جوجل ومحركات البحث الاخرى.<br /> <br /> من أجل تحقيق هذا الهدف، تحتاج إلى أداة تخبرك بترتيبك علي كلمة مفتاحية معينة في نتائج محرك البحث جوجل بدون البحث يدويا في 100 نتيجة بحث واضاعة الوقت فى البحث بين صفحات نتائج البحث.<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> لمساعدتك في تحقيق ذلك وتوفير الوقت والجهد، قمت بجمع قائمة تحتوي علي مجموعة من الأدوات الممتازة والمجانية لكي تستخدمها في فحص ترتيب الكلمات المفتاحية المستهدفة في جوجل.<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCHOOH0mOqB4cnD8tnSOZrdSFIIH84neb1Q3gNHP2b-_wcLYat7sF1LO3HMp5-9bbaYjUFVLGJZrJ3IBzhmUsuNsX8Phc-fIsmg1_rgMVHRHzFnrOadrNFDM5_WnaMlnMqbw7cmfo97wI/s1600/0000000.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCHOOH0mOqB4cnD8tnSOZrdSFIIH84neb1Q3gNHP2b-_wcLYat7sF1LO3HMp5-9bbaYjUFVLGJZrJ3IBzhmUsuNsX8Phc-fIsmg1_rgMVHRHzFnrOadrNFDM5_WnaMlnMqbw7cmfo97wI/s320/0000000.png" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></a></div> <br /> <a href="http://www.semrush.com/sem/?ref=16237545">Semrush</a> هي أداتي المفضلة ما بين هذه القائمة حيث إنها الاختيار الامثل لفحص ترتيب الكلمات المفتاحية. يمكنك إدخال عنوان رابط موقعك وسوف يظهر لك ترتيب موقعك في الكلمات المفتاحية التى ادخلتها. يمكنك ايضا النقر على أي نتيجة لفحص المنافسة علي الكلمات المفتاحية و الاطلاع علي بعض التفاصيل الاضافية.<br /> <br /> وهو يدعم معظم نطاقات جوجل ( يمكنك أختيار بحث جوجل على أساس دولتك مثلا جوجل الامارات Google.ae )<br /> <br /> Semrush هو برنامج احترافي حيث أنه سهل الإستخدام، ويمكنك تجربتة مجانا لعدة أسابيع قبل إتخاذ قرار الإشتراك فيه .<br /> <br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJuEQeiNSwzJYUhC3wNcMn2-uu_mhSFXZTj3yuCjVD0kl-AbpH59sbHDObG8SEGKHjnURVjZY6q4LTWN5QwZEJq5wzNk-o87XBkI6WXpKhPfCDQnei2jMm-mU_3woyQEJaCL1yAoF0lfs/s1600/Ahrefs%255B1%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJuEQeiNSwzJYUhC3wNcMn2-uu_mhSFXZTj3yuCjVD0kl-AbpH59sbHDObG8SEGKHjnURVjZY6q4LTWN5QwZEJq5wzNk-o87XBkI6WXpKhPfCDQnei2jMm-mU_3woyQEJaCL1yAoF0lfs/s320/Ahrefs%255B1%255D.png" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></a></div> <br /> <br /> على العموم , <a href="http://www.semrush.com/?ref=16237545">semrush</a> هي أداة رائعة لفحص ترتيب اي موقع علي الكلمات المفتاحية في محركات البحث.<br /> <br /> انا غالبا اكتفي باستخدام semrush، ولكن إذا كنت تريد موقع اخر فإنة سيكون <a href="https://ahrefs.com/">ahrefs</a>.<br /> <br /> يحتوي هذه البرنامج على العديد من المميزات. فهو تلقائيا يحدد اي الكلمات المفتاحية المناسبة لموقعك ويمكنك تحديد الدولة التى تريد معرفة ترتيب م .<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl60XBYMiIWoIiKWB8-EREoNY38XKh39fa2-cCvlJB_EfIYGt_ekgo8N53W9sIsqtOF7RA_9u0UAvPcCTWX8W2iJTx_XNdye0s9VInp5empTaQLBis-Fhb1KRtnAMSWCkALeXuowvo1mo/s1600/Google-Rank-Checker%255B1%255D.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl60XBYMiIWoIiKWB8-EREoNY38XKh39fa2-cCvlJB_EfIYGt_ekgo8N53W9sIsqtOF7RA_9u0UAvPcCTWX8W2iJTx_XNdye0s9VInp5empTaQLBis-Fhb1KRtnAMSWCkALeXuowvo1mo/s1600/Google-Rank-Checker%255B1%255D.gif" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <br /> <br /> <a href="http://smallseotools.com/google-pagerank-checker/">Google Rank Checker</a> هي أداة مجانية ممتازة حيث انها تساعد المستخدمين في تتبع ترتيب اي موقع علي الكلمات المفتاحية في نتائج محرك البحث.<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> من أجل إستخدام هذه الخدمة, ببساطة ضع الكلمة المفتاحية التي تريد البحث عنها مع دومين الموقع وسيظهر لك ترتيب الكلمة المفتاحية التى ادخلتها، إنه تتميز بـ السهولة.<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg23MOtpa0WkABy0mlDWPXGEw8dwqWAqJAPq1rH8loqd9juJXgtM7XusLd5siwP_88tmXZQFe3OO61QAEHIAVprLLwh39P8DiBGVobQTfbFTIc-VYmZMe4v_grjgmeKknKeQc6ZzkFS-ig/s1600/0000000.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg23MOtpa0WkABy0mlDWPXGEw8dwqWAqJAPq1rH8loqd9juJXgtM7XusLd5siwP_88tmXZQFe3OO61QAEHIAVprLLwh39P8DiBGVobQTfbFTIc-VYmZMe4v_grjgmeKknKeQc6ZzkFS-ig/s1600/0000000.png" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> هذع الاداة مثل Google Rank Checker ، اداة <a href="http://www.iwebtool.com/search_engine_position">iWebTool Position Checker</a> هي اداة اخرى تساعدك على تتبع ترتيب الكلمات المفتاحية. هذه الاداة بسيطة وسهلة في الاستخدام.<br /> <br /> كل ما عليك فعلة هو كتابة الكلمة المفتاحية التي تريد البحث عنها.<br /> <br /> <div style="text-align: center;"> <img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbWcmstB_Gd4mGQFELDdKaW3TWzlMK8NGWQ-t5HckSpHJnTb9g42FYkkt0zqDuxfO8-qmgaLEVwofa2woIGHhYyDuYCCnzlOzTtX3hyphenhyphengyrLN4xxBjP64ehFkb3is2jlNFECq7sRDq8XMk/s1600/SEOCentro-Rank-Checker%255B1%255D.gif" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <br /> <a href="http://www.seocentro.com/tools/search-engines/keyword-position.html">SEOCentro</a> هي من أفضل أدوات فحص ترتيب الكلمات المفتاحية التي وجدتها حتى الان.<br /> <br /> بواسطة هذه الأداه يمكنك فحص أداء كلمات مفتاحية معينة في عدة محركات بحث مثل جوجل و ياهو و غيرهما. النتيجة ستظهر لك مع تفاصيل كاملة عن الكلمة المفتاحية بما في ذلك ترتيبها في عدة محركات بحث بجانب تاريخ بدء ظهور الوقع علي الكلمة المفتاحية.<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <div style="text-align: center;"> <img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: right;"> <div dir="rtl" style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">إقرأ المزيد </span></td> </tr> </thead> <tbody> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2016/09/hreflang.html" target="_blank">وسم Hreflang و الإستهداف الدولي لزيادة الزوار </a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2013/01/seo.html" target="_blank">شاهد مدونتك او موقعك كما يراها جوجل seo</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/404-blogger.html" target="_blank">تصميم صفحة الخطأ 404 لـ(Blogger) بشكل انيق</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blog-post_4693.html" target="_blank">طريقة سريعة وسهلة لاختبار سرعة موقعك او مدونتك</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2014/03/blogger.html" target="_blank">إضافة نبذه عن المؤلف وصورتة</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2013/01/jquery.html" target="_blank">رسالة انبثاقية تظهر للزائر مرة واحدة بتقنية JQuery</a></b></td> </tr> </tbody> </table> <h11> <span style="color: black;"><marquee behavior="alternate" bgcolor="#cccccc" direction="center" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="50"> "عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا"</marquee></span></h11><br /> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">قم بتصفح جميع الموضوعات </span></td> </tr> </thead> </table> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="معرفة ترتيب الكلمات المفتاحية فى نتائج البحث seo | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "8812187270"; google_ad_width = 468; google_ad_height = 15; //</script> <br /> <div style="text-align: right;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> </div> </div>M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com3tag:blogger.com,1999:blog-3730634954661522366.post-64825552858659827192016-09-14T05:41:00.001+02:002016-09-14T05:58:47.792+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: left;"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;"><span style="background-color: #351c75;">&nbsp;</span> طريقة وضع وسم </span><span style="color: #b45f06;">Hreflang </span><span style="color: #38761d;">و</span><span style="text-align: left;"><span style="color: #38761d;">الإستهداف الدولي لزيادة الزوار</span><span style="color: #b45f06;">&nbsp;<span style="background-color: #351c75;">&nbsp;</span></span></span></h2> </div> <br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKVJraF1e5mLqzVz2CLWXMiZygTpDdHpzR0RfPyvWBPoT0UT78Y3P3eg2e4cn8oMh_JFgThqcZ_tyhCDLtnJ-4lT0_UkMxgK7yjXq2jSdPTefah8_rr4bKrIdksXejhCyhxJNh-ti3-Hs/s1600/%25D9%2588%25D8%25B3%25D9%2585+Hreflang.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="168" class="bann" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKVJraF1e5mLqzVz2CLWXMiZygTpDdHpzR0RfPyvWBPoT0UT78Y3P3eg2e4cn8oMh_JFgThqcZ_tyhCDLtnJ-4lT0_UkMxgK7yjXq2jSdPTefah8_rr4bKrIdksXejhCyhxJNh-ti3-Hs/s200/%25D9%2588%25D8%25B3%25D9%2585+Hreflang.JPG" title="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a><br /> <div style="text-align: right;"> وفي هذا الدرس سنتكلم عن الـ <span style="color: #0b5394;">hreflang </span>ودوره في الإستهداف الدولي, فكما نعرف جوجل تعمل دائما على تطوير محرك بحث وتقديم أفضل خدمة للمستخدم وهذا ما جعل محرك بحثها يعتبر الأفضل عالميا</div> <br /> <br /> <span style="color: #cc0000;">سوف اقوم اولا بشرح ماهو وسم Hreflang ؟</span><br /> <br /> <br /> <span style="color: #38761d;">وسم hreflang والمعروف بـ ( rel=”alternate” hreflang=”x” )</span><br /> <br /> &nbsp;يخبر Google باللغة المستخدمة على صفحة معينة، بحيث تستطيع بدورها ان تقدم نتائج مرتبطة باللغة المفضلة للزائر.<br /> مثال على الكود<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <blockquote class="tr_bq" dir="ltr" style="text-align: left;"> <br /> &lt;link rel="alternate" href="http://www.be-professionall.com//" hreflang="ar-sa" /&gt;</blockquote> <div dir="ltr" style="text-align: left;"> <br /></div> بعد اضافة وسم <span style="color: #0b5394;">Hreflang </span>الى مدونتك<br /> ستشعر بفارق كبير فى عدد الزوار الاتين الى مدونتك<br /> لان الوسم به تقضر على تخصيص اللغة والاستهداف مع اللغي<br /> <br /> <span style="color: #cc0000;">تاريخ الاعلان عن وسم Hreflang</span><br /> <br /> تم الإعلان عن هذا الوسم من قبل Google في شهر DEC من عام 2011، لإظهار العلاقة بين صفحات البحث ولغة المستخدم واللغات البديلة، على سبيل المثال توجه إلى موقع Google.com ( عليك الإنتباه أن جوجل سيقوم بتحويلك تلقائياً إلى محرك البحث المحلي في عملية الاستهداف الجغرافي للبلد التي قدمت منها ) في آخر الصفحة سوف تجد خيار لاستخدام Google.com قم بالضغط عليه.<br /> <br /> ومن فوائد وسم Hreflang أيضاً تحديد لغات الصفحات ، على سبيل المثال:<br /> <br /> لو قمت بإنشاء نسخة من الصفحة الرئيسية باللغة الانجليزية والهدف منها استهداف سكان الولايات المتحدة، سيتوجد عليك عندها استخدام الوسم<br /> <div dir="ltr" style="text-align: left;"> <span style="background-color: white;"><span style="color: #b45f06;">&nbsp; hreflang="en-us=" &nbsp;</span></span></div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> أي ان هذا الوسم هو نسخة مصغرة عن الإستهداف الجغرافي وعليك ايضاً استخدام هذا الوسم مع المعرفة المطلقة بخصائصه لتفادي أي تأثير سلبي على موقعك.<br /> <br /> <span style="color: #cc0000;">بأضافة هذا الوسم فى المدونات حقق فارقاً كبيراً فى المدونات مع المدونين</span><br /> <br /> في دراسة أجراها موقع seerinteractive.com توضح إرتفاع نسبة البحث لأكثر من 100% بعد تحديد اللغة الخاصة بالموقع<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBDwzaFKewL-Y45BXQiWLxJQ8y9ioEIHIaHDEsAh1HYOuR3eS2M3jptpfS6kCP9NgZP4KusjwdBDdoEqE43b0iMwTjet9fiUADmZk_Fjb9r1YLQTwBZCICMCvdyAvrX6XYI2qzVUWUap8/s1600/%25D8%25B2%25D9%258A%25D8%25A7%25D8%25AF%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25B2%25D9%2588%25D8%25A7%25D8%25B1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBDwzaFKewL-Y45BXQiWLxJQ8y9ioEIHIaHDEsAh1HYOuR3eS2M3jptpfS6kCP9NgZP4KusjwdBDdoEqE43b0iMwTjet9fiUADmZk_Fjb9r1YLQTwBZCICMCvdyAvrX6XYI2qzVUWUap8/s1600/%25D8%25B2%25D9%258A%25D8%25A7%25D8%25AF%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25B2%25D9%2588%25D8%25A7%25D8%25B1.JPG" title="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <br /> بالرغم من عدم وجود حديث عن أن هذا الوسم هو أحد العلامات المؤثرة في محركات البحث إلى أن الباحثين في مجال تسحين محركات البحث يرون أن له اهمية كبيرة خصوصاً في المواقع متعدة اللغات وإن لم يكن كذلك فلماذا قامت جوجل بذكره وإدراجه في أدوات مشرفي المواقع ؟<br /> <br /> توجه الان الى ادوات مشرفى المواقع جوجل <a href="https://www.google.com/webmasters/tools">Search Console</a><br /> <br /> لترى ما اذا كان وسم Hreflang متوفر على موقعك/مدونتك ام لا انتقل الى الاستهداف الدولى<br /> <br /> كما فى الصورة التالية :<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib_M60w0rQPPv-bw8eXuUz6ulYa9xzgbmjjohuW3pgKdGd0bGq_leKz_drsCvNWe6f7ArETeMEY2vRlkcbWVXN0LhrrXXmhYUTBtq4nvpvbS6adOH0x-MJfjW5xW5mNEJ8vgmQgr8yCRE/s1600/%25D8%25A7%25D9%2584%25D8%25A7%25D8%25B3%25D8%25AA%25D9%2587%25D8%25AF%25D8%25A7%25D9%2581+%25D8%25A7%25D9%2584%25D8%25AF%25D9%2588%25D9%2584%25D9%2589.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib_M60w0rQPPv-bw8eXuUz6ulYa9xzgbmjjohuW3pgKdGd0bGq_leKz_drsCvNWe6f7ArETeMEY2vRlkcbWVXN0LhrrXXmhYUTBtq4nvpvbS6adOH0x-MJfjW5xW5mNEJ8vgmQgr8yCRE/s320/%25D8%25A7%25D9%2584%25D8%25A7%25D8%25B3%25D8%25AA%25D9%2587%25D8%25AF%25D8%25A7%25D9%2581+%25D8%25A7%25D9%2584%25D8%25AF%25D9%2588%25D9%2584%25D9%2589.JPG" title="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></a></div> <br /> ان واجهت رسالة كالتالية<br /> لا يتضمن موقعك أية علامات hreflang.<br /> <br /> يستخدم محرك بحث Google علامات hreflang لمطابقة تفضيل اللغة الذي حدده المستخدم مع النسخ الصحيحة لصفحاتك.<br /> فيجب عليك وضع وسم hreflang<br /> اللغة <span style="color: #38761d;">(بالتنسيق ISO 639-1 ) </span>كما تحدد المنطقة بشكل اختياري<span style="color: #38761d;"> (بالتنسيق ISO 3166-1 Alpha 2)</span> لعنوان URL بديل. على سبيل <span style="color: #cc0000;">المثال :</span><br /> <span style="color: #38761d;">ar :</span><br /> محتوى باللغة العربية، بغض النظر عن المنطقة<br /> <span style="color: #38761d;">ar-EG :</span><br /> محتوى باللغة العربية، للمستخدمين في مصر<br /> <span style="color: #38761d;">ar-ES :</span><br /> &nbsp;محتوى باللغة العربية، للمستخدمين في إسبانيا<br /> <br /> – توجه إلى أداة توليد وسم Herflang قم بوضع رابط موقعك مع اللغة والبلد المستهدف ( في حال عدم استهداف دولة محددة قم باختيار ar ) ليصبح الكود على الشكل التالي:<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <blockquote class="tr_bq" style="text-align: left;"> <br /> &lt;link rel="alternate" href="http://www.be-professionall.com/" hreflang="ar" /&gt;</blockquote> <div dir="ltr" style="text-align: left;"> <br /></div> – بعد حصولك على الكود توجه إلى موقع وقم بتحرير الملف Header.php وضع الكود ضمن &lt;Head&gt; كما فى الصورة اسفل<br /> مع تغير رابط مدونتي برابط مدونتك<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqU2WPAMZw2bmKSNXRZq-vdmQjcsCZaACQ95vK57zi7thH9k7xUATv4yNHnzW6gC0qQwKOKER-1mDMq6gieZY0uCYLUX8chi3VTeWu9zKM-ETu3vqTcuBGV4krx2ZFsENTnz85cV5Ey6E/s1600/Capture.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqU2WPAMZw2bmKSNXRZq-vdmQjcsCZaACQ95vK57zi7thH9k7xUATv4yNHnzW6gC0qQwKOKER-1mDMq6gieZY0uCYLUX8chi3VTeWu9zKM-ETu3vqTcuBGV4krx2ZFsENTnz85cV5Ey6E/s640/Capture.JPG" title="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="640" /></a></div> <br /> راجع هذا الموضوع من جوجل<br /> <a href="https://support.google.com/webmasters/answer/189077?hl=ar">استخدام hreflang لعناوين URL للغات والأقاليم</a> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: center;"> <img alt="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: right;"> <div dir="rtl" style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">إقرأ المزيد </span></td> </tr> </thead> <tbody> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2013/02/seo.html" target="_blank">الباك لينكس ماهو واهميته seo</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2013/01/seo.html" target="_blank">شاهد مدونتك او موقعك كما يراها جوجل seo</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2013/01/favicon-blogger.html" target="_blank">تغيير أيقونة Favicon على لمدونتك او موقعك Blogger</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/sharing-blogger.html" target="_blank">طريقة رائعة جذابة لاضافة ازرار المواقع الاجتماعية </a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/css_28.html" target="_blank">بعض حيل واسرار ونصائح Css</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/12/blogger_26.html" target="_blank">كيفية تركيب قوالب بلوجر </a></b></td> </tr> </tbody> </table> <h11> <span style="color: black;"><marquee behavior="alternate" bgcolor="#cccccc" direction="center" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="50"> "عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا"</marquee></span></h11><br /> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">قم بتصفح جميع الموضوعات </span></td> </tr> </thead> </table> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="hreflang و الإستهداف الدولي لزيادة الزوار | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "8812187270"; google_ad_width = 468; google_ad_height = 15; //</script> <br /> <div style="text-align: right;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> </div> </div>M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com2tag:blogger.com,1999:blog-3730634954661522366.post-90463607759763382372016-08-15T02:10:00.001+02:002016-09-07T22:56:39.907+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 style="text-align: right;"> <div class="ban" style="text-align: center;"> <span style="color: #38761d;">&nbsp;أي </span><span style="color: #b45f06;">لغة برمجة</span><span style="color: #38761d;"> أقوى أو أفضل ?!</span></div> </h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HwBkK7-j-vAbchXKf5KOcFK_Q0vh6s7hiMDBcaX-RcowSTWdaESDMVPh8IWX_UtgdXQwDxH_VVkj1q79u6kdKN1TPdRbHtMXuWDej5yIbGTvAVREPTEXllVjnJ4gLNPpV89-Ldyu4rw/s1600/cyber-5%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HwBkK7-j-vAbchXKf5KOcFK_Q0vh6s7hiMDBcaX-RcowSTWdaESDMVPh8IWX_UtgdXQwDxH_VVkj1q79u6kdKN1TPdRbHtMXuWDej5yIbGTvAVREPTEXllVjnJ4gLNPpV89-Ldyu4rw/s320/cyber-5%255B1%255D.jpg" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></a></div> لا شك أن منكـم الكثيــرين من ذلك النوع من المبـرمجيـن الشغـوفين&nbsp;بتطويـر أنفسهــم فى هــذا المجــال الممتــع والمعقّـد أيضــاً&nbsp;في ظــل التنوع الكبيــر فى لغــات البـرمجة المتـاحة حاليـاً ..<br /> <div> <span style="text-align: right;">أغلب النقاشـات التى تشغــل بال المُبــرمجيـن – خصوصاً المبتدئيـن فى هذا المجال ، والباحثيـن عن موطئ قــدم فى هذا العــالم الواسع&nbsp;</span><span style="text-align: right;">&nbsp;تدور حول ســؤال واحد وأساســي :</span><span style="text-align: right;"><br /></span><br /> <span style="background-color: #b45f06; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #cc0000;"> أي لغة برمجة أقوى أو أفضل ?!</span><span style="color: #cc0000;"><span style="background-color: #b45f06;">&nbsp;</span></span></div> <div> <br /></div> <div> والحقيقــة أننـا كمبـرمجيـن نضيع وقتـاً هائلاً فى التفكيــر لإجابة هذا السؤال ، وربما نفشـل فى النهاية بسبب الشغف العـام بلغـات البــرمجة ككـل..<br /> مثلاً ، يكون أحدنا مميــز فى البرمجة بلغـة ما ، لكن قبل بداية مشروع معيــن يبدأ في تعلم لغة بــرمجة مختلفة عن التى تميـّز فيها ؛ لأنه ربما رأى مبرمجـاً آخر يستخـدمها بشكــل أعجبـه أو أثار اهتمــامه..<br /> <br /> وكـأغلب المبرمجين مررت بهذه الحالة وتضررت كثيراً منها ، وأضعـت الكثير من وقتي في البحث والإنتقال من هنا الى هنا .. وكم من المرات التي أسـأل فيها مبرمجـاً آخر عن اللغة التى يستخدمهـا ، ثم أصبح شغوفاً بها للغاية .. أعود للمنـزل ، أبدأ بالقـراءة حولها ، أبدأ فى تعلمـهـا .. يضيع الوقت .. لا استفــادة مُطلقــاً !<br /> <br /> في هذا المقال سأصطحبكـم في جولة سريعة للمنافسـة بيــن لغات البرمجة الأساسيــة .. ومن ثمّ نحــدد من الفــائــز !</div> <div> <br /> دعونا نأخذ جولة سريعة مع تعليق على بعض لغات البرمجة..</div> <div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <div style="text-align: center;"> <img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <br /> <span style="background-color: #b45f06; color: #b45f06;">&nbsp;</span><span style="color: #38761d;"> لغــة السي ( </span><span style="color: #cc0000;">c </span><span style="color: #38761d;">) <span style="background-color: #b45f06;">&nbsp;</span></span></div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUql-Lp-Rzus6HyNHsk3X1wHMHovYvX5mrIXkuj9g6juhoIQwLvNcFEXIRP0P12pu5ev_GFBtBe3FVSr5L5WaG1RvyQO5TPGmR71e8san88wvxy2HRNAJVnKD4G6akcywyyu7-QcsWqKU/s1600/c-language%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUql-Lp-Rzus6HyNHsk3X1wHMHovYvX5mrIXkuj9g6juhoIQwLvNcFEXIRP0P12pu5ev_GFBtBe3FVSr5L5WaG1RvyQO5TPGmR71e8san88wvxy2HRNAJVnKD4G6akcywyyu7-QcsWqKU/s200/c-language%255B1%255D.jpg" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a><br /> <div style="text-align: left;"> </div> الوحش الذي لا يزال على مر السنين ثابتـاً في مكانـه كواحد من أقوى لغـات البرمجة .. وللعلم تعتبر لغة برمجة السي أساس كثير من العلوم والأنظمة والبرامج .. وأيضا لهـا دور في لغات برمجة أخـرى ، فمثلا لغــة <span style="color: #b45f06;">php </span>هي اصلاً عبارة عن برنامج بلغة السي..<br /> <br /> <a href="http://us1.php.net/manual/en/history.php.php">المصدر</a><br /> <br /> والعديد من اللغات الأخرى هي في الأصل ليست سوى برنامج صغير من هذه اللغة العملاقة !!<br /> <br /> <span style="color: #cc0000;"><span style="background-color: #38761d;">&nbsp;</span><span style="background-color: white;"> من مميزاتها تعدد منصات التشغيل </span><span style="background-color: #38761d;">&nbsp;</span></span></div> <div> <span style="color: #cc0000;"><span style="background-color: #38761d;">&nbsp;</span><span style="background-color: white;"> من عيوبها الصعوبة ووقت التكويد&nbsp;</span><span style="background-color: #38761d;">&nbsp;</span></span><br /> <span style="color: #cc0000;"><span style="background-color: #38761d;"><br /></span></span></div> <div> </div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPpSkgG_EJZSeFI5c-t61sTaeSdOr2T5aB5P7q9oShd3X5HASB43r8tsrNwL5HOn_JTP1eOBdf9o1a9UYqodgVq4SShYfRIjlyiny7pWdImsrjrMBNfbR4XwFonpwc710ggJkqaokHcK8/s1600/C%252B%252B%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPpSkgG_EJZSeFI5c-t61sTaeSdOr2T5aB5P7q9oShd3X5HASB43r8tsrNwL5HOn_JTP1eOBdf9o1a9UYqodgVq4SShYfRIjlyiny7pWdImsrjrMBNfbR4XwFonpwc710ggJkqaokHcK8/s200/C%252B%252B%255B1%255D.jpg" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a><br /> <div style="text-align: left;"> </div> <div> <span style="background-color: #b45f06; color: #b45f06;">&nbsp;</span><span style="background-color: white;"><span style="color: #38761d;">&nbsp;</span><span style="color: #38761d;">السي بلس بلس (</span><span style="color: #cc0000;"> C++ </span><span style="color: #38761d;">)</span><span style="color: #38761d;">&nbsp;</span></span><span style="background-color: #b45f06; color: #38761d;">&nbsp;</span><br /> <span style="background-color: #b45f06; color: #38761d;"><br /></span></div> تعتبر وريثة لغــة السي ، فهي عبارة عن C مطوَّرة لتكون أسهل وأسرع في التكويد .. وتعتبر لغتـا ( <span style="color: #b45f06;">C++</span>&nbsp; و<span style="color: #b45f06;"> C</span> ) وجهان لعملة واحدة كمـا يقولون .. وبما أنها وريثـة ، فقد ورثت صفات لغـة الـ <span style="color: #b45f06;">C</span> بمميـزاتها وعيـوبها !<br /> <br /> لكن – من ناحيـة الصعوبة ووقت التكويد – بالتأكيد السي بلس بلس اكثــر سرعة وانجـازاً..<br /> <br /></div> <div> <span style="background-color: #b45f06; color: #b45f06;">&nbsp;</span><span style="background-color: white;"><span style="color: #38761d;"><span style="color: #38761d;">&nbsp;</span>البايثون ( </span><span style="color: #cc0000;">python </span><span style="color: #38761d;">)</span><span style="color: #38761d;">&nbsp;</span></span><span style="background-color: #b45f06; color: #38761d;">&nbsp;</span></div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2dRVjYvID_4E91hvBNxnbbEGA9vJxitx0DAxSk6zC2nJhFbMLeU6yUGxka_RluB0awoVxjGv4_BYTEddjGDn__s2myfkEes-jNgaAuNRyQ0-Il03kqYiZg7W_5k2EQJjaNtkrqO2a4k/s1600/Python-Programming-Language%255B1%255D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2dRVjYvID_4E91hvBNxnbbEGA9vJxitx0DAxSk6zC2nJhFbMLeU6yUGxka_RluB0awoVxjGv4_BYTEddjGDn__s2myfkEes-jNgaAuNRyQ0-Il03kqYiZg7W_5k2EQJjaNtkrqO2a4k/s200/Python-Programming-Language%255B1%255D.png" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a><br /> <br /> <div style="text-align: left;"> </div> لغة عصرية و سريعة التطور ، وبالفعـل شيّقة والبرمجة بها ممتعة .. في حالة لو ابتعــدت عن التعقيــد ، وعمــلت بها تحت منصــة معينة ! ..&nbsp;</div> <div> <br /> من مميزتها السرعة في التكويد ، وتعدد المكتبات ، والعمــل تحت منصات عديدة..<br /> <br /></div> <div> <span style="color: #38761d;"><span style="background-color: #b45f06;">&nbsp;</span><span style="background-color: white;"><span style="color: #38761d;">&nbsp;</span>السي شارب&nbsp;</span><span style="background-color: #b45f06;">&nbsp;</span></span></div> <div> <br /></div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo6OVBfAzwtvTeGBFO9HcxTQdmoUuLdCIOZQ3JxZN1JKfZwlf-nQAUb_w77hC_0G9hKAbrzy0sO4khbJxy0JTm3mz9aMt6OX3YBB2DVLxDIh2cBZQG0111vOUrNfz8aj_osWe36F3eBSs/s1600/csharp%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo6OVBfAzwtvTeGBFO9HcxTQdmoUuLdCIOZQ3JxZN1JKfZwlf-nQAUb_w77hC_0G9hKAbrzy0sO4khbJxy0JTm3mz9aMt6OX3YBB2DVLxDIh2cBZQG0111vOUrNfz8aj_osWe36F3eBSs/s200/csharp%255B1%255D.jpg" width="200" /></a><br /> <div style="text-align: left;"> </div> اللغة التي يتكلـم عنها الكثيــر جداً من المبـرمجين ، والتى عشقهـا الكثيـرون منهم بإعتبـارها أخذت من لغــة الـ ( <span style="color: #b45f06;">C</span> ) قوتها ، ومن لغــة الـ (<span style="color: #b45f06;"> C++</span> ) احترافيتها ، ومن لغــة الجـافا سهولة الـ ( <span style="color: #b45f06;">Frame Work</span> ) ، ومن لغــة الـ ( <span style="color: #b45f06;">Basic</span> ) سهولتها ..<br /> <br /> فكوّنـت خليطـاً عبقــرياً من انتــاج مايكــروسوفت ، وأصبحت تتطـور بسرعة هائلة فى مجالات متعددة..<br /> <br /> من مميزاتها تعدد المنصات وسرعة التشغيل Run Time .. من عيوبها بُعدها عن التحكم الكبير في الهارد وير ، مثل قوة السي مثلا في التحكم في الهارد وير وموارد النظام .</div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2UL-Q0fOv4cPM6VppMHZdtF-A5rg5BM00ErPgsXliRdQA-sPos1hZcrMQQ7pVb_DuLv7UncmtjSgqFXy-fdAv8B8htNsS1aOZo5S8YXDqBfSdNGTpJmRySz9cxPDgiJiuCwg1p-myXUo/s1600/javaScriptLogo%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2UL-Q0fOv4cPM6VppMHZdtF-A5rg5BM00ErPgsXliRdQA-sPos1hZcrMQQ7pVb_DuLv7UncmtjSgqFXy-fdAv8B8htNsS1aOZo5S8YXDqBfSdNGTpJmRySz9cxPDgiJiuCwg1p-myXUo/s200/javaScriptLogo%255B1%255D.jpg" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a><br /> <br /> <span style="background-color: #b45f06; color: #38761d;">&nbsp;</span><span style="background-color: white;"><span style="color: #38761d;"><span style="color: #38761d;">&nbsp;</span></span><span style="color: #38761d;">الجافا سكـريبت</span><span style="color: #38761d;">&nbsp;</span></span><span style="background-color: #b45f06; color: #38761d;">&nbsp;</span><br /> <br /></div> <div> لغة منتشرة جداً وغنيه عن التعريف في بناء الويب وجعله أكثر حركة وأكثر تأثيراً وروعة .. من أهم مميزاتها السهولة والسرعة..</div> <div> كل شئ في هذه اللغة جميل&nbsp;</div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwoWWlfYMmzNj9Ritfa-XSwmCOhlRzL5pFoJDwyrUdPtjWjRy-S70HQbnjqXjnWove7C06IzZ0QfD2zQrrQcfdOS2Ls7jCJcMhW789Gx-Xm1_WrddflYzOf6nuyyLrIjla3AaEKa0lcMw/s1600/java%255B1%255D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a> <span style="color: #38761d;"><span style="background-color: #b45f06;">&nbsp;</span><span style="background-color: white;"><span style="color: #38761d;">&nbsp;</span>الجافا&nbsp;</span><span style="background-color: #b45f06;">&nbsp;</span></span></div> <div> <br /> <div style="text-align: right;"> المنصة الأشهر للتطوير ، منتشرة بكثرة لسهولتها وتعدد مصادر الدروس فيها ، وإعتمادها في الجامعات والمدارس الخ ..</div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwoWWlfYMmzNj9Ritfa-XSwmCOhlRzL5pFoJDwyrUdPtjWjRy-S70HQbnjqXjnWove7C06IzZ0QfD2zQrrQcfdOS2Ls7jCJcMhW789Gx-Xm1_WrddflYzOf6nuyyLrIjla3AaEKa0lcMw/s1600/java%255B1%255D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwoWWlfYMmzNj9Ritfa-XSwmCOhlRzL5pFoJDwyrUdPtjWjRy-S70HQbnjqXjnWove7C06IzZ0QfD2zQrrQcfdOS2Ls7jCJcMhW789Gx-Xm1_WrddflYzOf6nuyyLrIjla3AaEKa0lcMw/s200/java%255B1%255D.png" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a>من مميزتها الحيوية والقوة ، ومن عيوبها الثغرات التي تكتشف في الـ ( <span style="color: #b45f06;">Frame Work</span> ).</div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> وهناك العديد والعديد من اللغات ربما سنتناقش فيها في مقال آخر ولكن أود ان انبه ان الترتيب هنا عشوائي ولا يعني ظهور لغة او عدمها انها قوية اول لا …</div> <div style="text-align: right;"> الفائز … !</div> <div style="text-align: left;"> </div> <div style="text-align: right;"> حسناً ، هل دخلت في نقاش ذات مرة حول لغات البرمجة ، كله يدور حول أن لغـة البرمجة هذه أقــوى .. وهذه أشهــر .. وهذه مليئة بالعيـوب .. وهذه بها نقاط ضعـف .. إلخ..</div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> لتجد نفسـك تنتهــى إلى طريق مغلـق فى نهاية الأمـر !</div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> الحقيقـة أن الفـائز فى الجولة السابقة ، ليست لغة برمجة بعينها ، إنمـا الفائز هو الذي تحــدده أنت ! هل تجيــد أي لغة برمجة من اللغـات المذكورة بشكـل قوى ؟ .. إذن ، وبلا تردد استمــر فى تطوير نفســك بها ، حتى تصــل إلى أعلى مستوى من الاحترافية والتميــز..</div> <br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <div style="text-align: right;"> صدقني كل لغات البرمجة يمكنك ان تصل بها الى ما تريد من أهداف ، فقــط إجعل وقتك يمضي في المشاريع وكيفيـة تحضيــرها ، والافكـار التى تستقيها من وراء كل تجــربة .. ودع تمـاماً فكــرة الانتقــال من لغة إلى أخــرى ، لأن هذا خطـأ قاتل يقع فيه الكثيــر من المبـرمجيـن..</div> <br /> كــل لغات البـرمجة متطورة ، وكلها تفي بالغرض .. ولا داعي اطلاقـاً لتغير لغتك التى تجيــد العمـل بها ، لأن هذا سيضيــع عليك الوقت والمجهــود وسيصيبك بتشتت هائل..<br /> <br /> لذلك ، نصيحتي المتواضعــة – وعن تجــربة – :<br /> <br /> <br /> من اليوم لا تشتت نفسك بالانتقـال بين لغات البرمجة ، حتى لو أعجبتك لغـات اخرى غير التى تجيـدها ، أو تعتقــد أنها أقــوى من لغتك .. فيتحول الشغف إلى شوق واستطـلاع ورغبــة فى المعــرفة والإجادة ، ومن ثمّ تضيع وقتـاً هائلاً فى تعليم لغــة أخرى مازلت تحبــو فى بدايتها..<br /> <br /> فى المقـالات القادمة ، أبــدأ معكــم فى التعــرّض لكل لغــة برمجة بشيئ من التفصيــل ، وهو ماسيفيـدك حتمـاً خصوصاً إذا كنت مبتدئـاً فى هذا المجــال ، وترغب فى تحديــد أفضــل لغة برمجة تناسب احتياجاتك .. وتفتـح لك آفـاقاً جديدة فى لغة البـرمجة التى تعمــل بها ، إذا كنت مبـرمجـاً متخصصـاً فى إحدى اللغــات ..<br /> <br /> مارأيـك ؟! .. إذا كان لديــك خبــرة فى مجال البـرمجة ، ولك وجهة نظــر مخالفة فلننـاقشهـا فى التعليقــات .. وإذا كان لديك اي سؤال ، فلا تتــردد !<br /> <div style="text-align: left;"> </div> <div style="text-align: right;"> <div style="text-align: right;"> </div> </div> </div> <div> <br /></div> <div style="text-align: center;"> <img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_15.html" target="_blank">أي لغة برمجة أقوى أو أفضل ?!</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_12.html" target="_blank">الغات البــرمجة التي يمكنــك تعلمهــا</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/java-script_28.html" target="_blank">[فهرس] دورة Java Script</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="font-family: 'times new roman'; margin: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/09/css3.html" target="_blank">طريقة عمل تاثيرات رائعه علي الصور في مدونة بلوجر بتقنية ال css3</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2013/01/jquery.html" target="_blank">رسالة انبثاقية تظهر للزائر مرة واحدة بتقنية JQuery</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: #674ea7; color: #cc0000;"></span><br /> <div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"> <span style="background-color: #674ea7; color: #cc0000;"></span></div> <div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"> </div> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/blogger_3677.html" target="_blank">مواضيع ذات صلة الثابتة والمتحركة</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="margin: 0px;"> </div> <br /> <br /></div> <div style="text-align: center;"> <b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-54354492321620792502016-08-12T03:48:00.001+02:002016-08-12T03:52:36.259+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">&nbsp;الغات البــرمجة التي يمكنــك تعلمهــا</span></h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0QhdWOpShGcnAm7Wec8h-fqZwxXACdesrNNCFro1BRnVTVdVc5BXN75b-I0UOZMs-21dybUGT3hgdgMOeKeDabwZC98gRCtdGKdskcuzkhV42V9AQBMIvcY6ezbUBpvFlRGHdh3zgGk/s1600/224%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img alt=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0QhdWOpShGcnAm7Wec8h-fqZwxXACdesrNNCFro1BRnVTVdVc5BXN75b-I0UOZMs-21dybUGT3hgdgMOeKeDabwZC98gRCtdGKdskcuzkhV42V9AQBMIvcY6ezbUBpvFlRGHdh3zgGk/s200/224%255B1%255D.jpg" title=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a></div> <div> <br /></div> <span style="color: #0b5394;">الجميع يتسائل عن ما هي افضل لغة برمجة للبدء في التعلم ؟</span>.. لكن الحقيقــة أن هذا السؤال مضيعة للوقت , ولا يوجد اجابة جيدة مناسبة..<br /> <br /> للبــدء في تعلم لغات البرمجة يجب اولاً ان تسأل ما هي اللغة الانسب التي تلبي احتياجاتي ؟ .. فمثلاً هل تريد ان تقوم ببرمجة المواقع , او البرامج , او برمجة تطبيقات للموبايل<br /> <br /> لغات البرمجة عديدة وليس هناك لغة قديمة او حديثة ، المهم ان تلبي حاجات المشروع التي ترغب بالعمل به .. كما ان هناك العديد من الشركات التي تفضل أن يكون الشخص ان يكون ملم بأكثر من لغة برمجية..<br /> <br /> <span style="background-color: #cc0000; color: #b45f06;">&nbsp;</span><span style="background-color: white; color: #b45f06;"> العوامل المساعدة في اختيار اللغة البرمجية المناسبة : </span><span style="background-color: #cc0000; color: #b45f06;">&nbsp;</span><br /> <br /> – اللغة التي سوف توفر لك افضل أساس مفاهيمي جيد<br /> – اللغة التي ستساعدك الى الانتقال الى اللغات الاخرى بكل سهولة<br /> – اللغة التي تساعدك في التسويق لعملك<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: center;"> <img alt=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <br /></div> لتعلم اساسيات البرمجة اعتقد ان لغة <span style="color: #b45f06;">python </span> و <span style="color: #b45f06;">ruby </span> مفيدة جداً , لكن انا انصح بلغة <span style="color: #b45f06;">c#</span> و <span style="color: #b45f06;">java </span>لأنها تساعد كثيراً للأنتقال الى لغات اخرى بكل سهولة , طبعاً اضيف عليهم لغة<span style="color: #b45f06;"> c++</span><br /> <br /> تعــالوا نأخذ جولــة سريعـــة فى هذه اللغــات :<br /> <div> <br /> <h2 style="text-align: right;"> <span style="background-color: #cc0000; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #b45f06;"> </span><span style="background-color: white; color: #38761d;">Java</span><span style="background-color: white; color: #b45f06;"> </span><span style="background-color: #cc0000; color: #b45f06;">&nbsp;</span></h2> <br /> لغة غرضية التوجه ظهرت لأول مرة عام <span style="color: #b45f06;">1995</span> حيث قام بتصميمها جيمس جوسلينغ , كما انها تعد الأكثر شعبية من بين جميع لغات البرمجة<br /> <br /> الاستخدامات : برمجة الشبكات , تطوير تطبيقات الوب , تطوير البرامج , تطوير واجهات المستخدم الرسومية <span style="color: #b45f06;">GUI</span><br /> <br /> مستخدمة من قبل اندرويد (<span style="color: #0b5394;">نظام التشغيل , التطبيقات</span>)<br /> <h2 style="text-align: right;"> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> C# </span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span></h2> لغة غرضية التوجه ظهرت لأول مرة عام <span style="color: #0b5394;">2000 </span>قام بتصميمها شركة مايكروسوفت , شبيها بلغة <span style="color: #b45f06;">java </span> تمتاز بسرعة الاداء , لكن نقطة الضعف انها تعمل فقط على بيئة <span style="color: #bf9000;">windows</span><br /> <h2 style="text-align: right;"> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> C++ </span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span></h2> الجميع يعتبر هذه اللغة الأفضل في بناء التطبيقات , ظهرت لأول مرة عام <span style="color: #0b5394;">1983</span> قام بتصميمها بيارن ستروستروب , ميزاتها انها سريعة , نقطة الضعف يعتقد البعض انها اصبحت قديمة<br /> <br /> <span style="color: #b45f06;"><span style="background-color: #cc0000;">&nbsp;</span><span style="background-color: white;"> الاستخدامات :</span></span><span style="background-color: white;">&nbsp;</span><span style="background-color: #cc0000;"> </span>&nbsp;برمجة الالعاب , كما انها تعتبر جزء لا يتجزء في بناء البرامج<br /> <br /> مستخدمة في :<span style="color: #0b5394;">Mozilla Firefox , Adobe Google Chrome , Internet Explorer<br />Python</span><br /> <br /> لغة برمحة غرضية التوجه , تتميز بسهولة تعليمها , وببساطة كتابتها و قرائتها , ظهرت لأول مرة عام <span style="color: #0b5394;">1991 </span>قام بتصميمها جايدو فان روسم<br /> <br /> <span style="color: #b45f06;"><span style="background-color: #cc0000;">&nbsp;</span><span style="background-color: white;">&nbsp;الاستخدامات :</span></span><span style="background-color: white;">&nbsp;</span><span style="background-color: #cc0000;">&nbsp;</span>&nbsp;تطبيقات الويب , تطوير البرامج , امن المعلومات<br /> <br /> مستخدمة من قبل <span style="color: #b45f06;">Google </span>, <span style="color: #b45f06;">Yahoo</span><br /> <span style="color: #b45f06;">Ruby</span><br /> <br /> ظهرت هذه اللغة لأول مرة عام <span style="color: #0b5394;">1993</span>, قام بتصميمها الياباني يوكيهيــرو ماتسوموتو , وهي غرضية بشكل كامل, كما انها سهلة التعلم<br /> <br /> <span style="color: #b45f06;"><span style="background-color: #cc0000;">&nbsp;</span><span style="background-color: white;">&nbsp;الاستخدامات :</span></span><span style="background-color: white;">&nbsp;</span><span style="background-color: #cc0000;">&nbsp;</span>&nbsp;تطوير تطبيقات الويب , <span style="color: #b45f06;">Ruby on Rail</span><br /> <br /> مستخدمة في : <span style="color: #b45f06;">twitter</span> , <span style="color: #b45f06;">hulu</span><br /> <br /> <div style="text-align: center;"> <img alt=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2EncYhRKv6VbAHgQjOy2QDfwa2W1WwTuexA40Lgrq8KFTpux_UO7TPHv-lWlBbXeajMReGwV91Pc3rIpRrbPhbLSvp_Y7LUPIoGKjyD_FZwwDVcwW2LwvCLC_R-aw0uyVC5WPzNv2PZA/s1600/319%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2EncYhRKv6VbAHgQjOy2QDfwa2W1WwTuexA40Lgrq8KFTpux_UO7TPHv-lWlBbXeajMReGwV91Pc3rIpRrbPhbLSvp_Y7LUPIoGKjyD_FZwwDVcwW2LwvCLC_R-aw0uyVC5WPzNv2PZA/s1600/319%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2EncYhRKv6VbAHgQjOy2QDfwa2W1WwTuexA40Lgrq8KFTpux_UO7TPHv-lWlBbXeajMReGwV91Pc3rIpRrbPhbLSvp_Y7LUPIoGKjyD_FZwwDVcwW2LwvCLC_R-aw0uyVC5WPzNv2PZA/s320/319%255B1%255D.jpg" width="320" /></a><br /> <div> <br /></div> <div> <br /></div> اللغات التي تساعدك على التسويق ، ذلك يعتمد على ما الذي ترغب بالقيام به .. مثلاً :<br /> <br /> # تريد العمل في بناء المواقع لديك <span style="color: #b45f06;">PHP </span><br /> # بناء تطبيقات ابل <span style="color: #b45f06;">Objective-C</span><br /> # تطبيقات اندرويد <span style="color: #b45f06;">java</span><br /> <h2 style="text-align: right;"> <span style="color: #b45f06;">Objective-C</span></h2> لغة برمجة مستخدمة بشكل رئيسي من قبل شركة ابل ظهرت لأول مرة عام <span style="color: #0b5394;">1983 </span>قام بتصميمها براد كوكس وتوم لوف<br /> <br /> الاستخدامات: برمجة تطبيقات ابل<br /> <h2 style="text-align: right;"> <span style="color: #b45f06;">Php</span></h2> ظهرت لأول مرة عام 1995 قام بتصميمها راسموس ليردور , وهي اللغة الأكثر شعبية في بناء تطبيقات الويب التفاعلية , كما انها مفتوحة المصدر<br /> <br /> مستخدمة في : <span style="color: #b45f06;">Facebook </span>, <span style="color: #b45f06;">Wikipedia </span>, <span style="color: #b45f06;">WordPress</span> , <span style="color: #b45f06;">Joomla</span><br /> <br /> <div style="text-align: center;"> <br /></div> بالنهاية للبدء في تعلم لغة برمجة ، تعلم لغة تساعدك بتعلم لغات برمجية اخرىوانا انصح بلغة c# و java ..<br /> <br /> ما اقتراحاتك بتعلم اول لغة ؟<br /> <br /> <div style="text-align: center;"> <img alt=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;">... نهاية الشرح ...</span><br /> <span style="color: #38761d;"><img alt=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/java-script_28.html" target="_blank">[فهرس] دورة Java Script</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/11/css.html" target="_blank">[ دورة CSS ] مقدمة عامة لصفحات الأنماط الانسيابية</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/java-script_28.html" target="_blank">[فهرس] دورة Java Script</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="font-family: 'times new roman'; margin: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/09/css3.html" target="_blank">طريقة عمل تاثيرات رائعه علي الصور في مدونة بلوجر بتقنية ال css3</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="margin: 0px;"> </div> <br /></div> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title=" الغات البــرمجة التي يمكنــك تعلمهــا | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <span style="color: #cc0000;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></div> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-39541082029383234672016-08-07T16:22:00.000+02:002016-08-12T03:49:04.754+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;"><span style="background-color: #674ea7;">&nbsp;</span>&nbsp; &nbsp;عـــالم </span><span style="color: #b45f06;">البــرمجـــــة </span><span style="color: #38761d;">&nbsp;البداية &nbsp; &nbsp;&nbsp;<span style="background-color: #674ea7;">&nbsp;</span></span></h2> <div> <br /></div> <div> &nbsp;هل حاولت يوما فى الدخول إلى عالم البرمجة؟<br /> <div class="separator" style="clear: both; text-align: center;"> <a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Cg7lxTV9IAuiHbeUDwrk7f6rvS54f3-7tsnd8rgUUj6bflPEEKUmlC3YzbQ_KmLiubZw23BvTNqvYyxokUXtlbnYM944eJeHdTKzxlf0CdSHwFg9Hn4fb7Hs6kE6sGM4-maf2l68SD8/s1600/programming-810x559%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Cg7lxTV9IAuiHbeUDwrk7f6rvS54f3-7tsnd8rgUUj6bflPEEKUmlC3YzbQ_KmLiubZw23BvTNqvYyxokUXtlbnYM944eJeHdTKzxlf0CdSHwFg9Hn4fb7Hs6kE6sGM4-maf2l68SD8/s200/programming-810x559%255B1%255D.jpg" title=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a></div> &nbsp;ما الذي منعك؟<br /> &nbsp;هل ترى ذلك العالم غريب عنك، أم أنك تشعر أنه قريب منك جدا فقط تحتاج لبعض الإرشاد؟<br /> <br /> <span style="background-color: #cc0000; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #38761d;"> فيما يلي ساستعرض معك بعض المعالم عن ذلك العالم التقني، ولكن قبل أن تبدأ معي عليك أن تدرك: </span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><br /> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="background-color: white; color: #0b5394;"> &nbsp;أولا : </span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span> هذا المقال ليس مُوجّهـاً للدارسين النظاميين فى مجال الحاسب الآلي سواء فى المعاهد أو الكليات المتخصصة ، بل هو لمن يرى عالم البرمجة من بعيد ويريد الولوج إليه.<br /> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="background-color: white; color: #0b5394;">&nbsp;&nbsp;ثانيا :&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span>&nbsp;هذا العالم لا يصمد فيه ضعاف الهمم أو المتخاذليـن أو سريعي الكســل ، فاسأل نفسك قبل أن تبــدأ ، هل ستصمــد للنهــاية أم لا ؟!<br /> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="background-color: white; color: #0b5394;">&nbsp;&nbsp;ثالثا :&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span>&nbsp;احتمالية أن لا يخلو هذا الكلام من الأخطاء احتمال ضعيف ، فإن رأيت أي خطأ فصححه لنــا مباشرة دون أى استئذان أو استشعار أى نوع من أنواع الحرج ، لتعــم الاستفــادة للجميــع ..<br /> <br /> <div style="text-align: center;"> <img alt=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <br /></div> <div> يمكـن أن نبدأ أولى خطـواتنا فى التعريف بعـالم <span style="color: #b45f06;">البــرمجة </span>، عن طريق الإجــابة على&nbsp;<span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="background-color: white; color: #0b5394;">&nbsp;&nbsp;ثلاث اسئلة محورية :&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><br /> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="background-color: white; color: #0b5394;">&nbsp;&nbsp;أولا :&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span>&nbsp;لماذا تريد الدخول إلى هذا العالم، هل هو نوع من أنواع التعليم أم طلبا للوظيفة؟<br /> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="background-color: white; color: #0b5394;">&nbsp;&nbsp;ثانيا :&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span>&nbsp;أى المجالات تفضل للبدأ فيها ، الديسك توب أم الويب أم الموبايل؟<br /> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="background-color: white; color: #0b5394;">&nbsp;&nbsp;ثالثا :&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span>&nbsp;كم من الوقت تريد لكي تخرج أو منتجاتك فى هذا العالم ؟<br /> <br /> <span style="color: #b45f06;"><span style="background-color: #f1c232;">&nbsp;</span><span style="background-color: white;"> &nbsp;أولاً: لماذا تريد دخول هذا العالم ؟ &nbsp;</span><span style="background-color: #f1c232;">&nbsp;</span></span><br /> <br /> عليك أن تعلم أولاً أن هذا العالم – الآن – ملئ بالمبدعين ، ومع مرور الوقت يزداد هؤلاء المبدعين ويزداد ابداعهم، فإن لم تكن واثقا من نفسك ، ومصمم على منافسة هؤلاء المبدعين فعليك الخروج الآن !<br /> <br /> إن كنت دخلت هذا العالم من أجل أن تتعلم قبل أي شئ فهذه هي البداية الصحيحة، فأنت قبل أن تأخذ عليك أن تعطى، وقبل أن تطلب عليك أن تبذل.<br /> <br /> وإن كنت دخلت هذا العالم من أجل أن تطور نفسك لتحصل على الوظيفة المرموقة فعليك أن تدرك أن الأمر لن يستغرق أياما ولا أسابيع ولا حتى شهورا بل سيصل بك الأمر إلى ربما عدة سنوات ، فخذ الأمران بالتوازي التقدم فى الوظيفة مع الاستمرار فى التعلم:<br /> <br /> <br /> لا تحسبن المجد تمرا أنت آكله . . . . لن تبلغ المجد حتى تلعق الصبر</div> <div> <br /> <span style="color: #b45f06;"><span style="background-color: #f1c232;">&nbsp;</span><span style="background-color: white;">&nbsp;&nbsp;ثانيا: أى المجالات تفضل للبدء : الديسك توب أم الويب أم الموبايل؟&nbsp;&nbsp;</span><span style="background-color: #f1c232;">&nbsp;</span></span></div> <div> <span style="color: #b45f06;"><br /></span>الآن يسير عالم البرمجة فى ثلاثة مسارات متوازية ، الديسك توب و الويب و الموبايل، ولكل منهم سوقه، ولكن منهم مميـزاته كما أن لكل منهم عيوبه .. فأنا لن أقول لك أيهم أفضل، ولكن سأعرض عليك مقارنة سريعة بينهم وعليك أن تختار.<br /> <br /> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="color: #0b5394;"><span style="background-color: white;">&nbsp;&nbsp;</span></span><span style="background-color: white; color: #0b5394;">الويب :</span><span style="background-color: white; color: #0b5394;">&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span>&nbsp;</div> <div> <br /> هو الأكثر انتشارا و الأكثر تنافسية و الأكثر طلبا و الأسهل تعلما، فهو الأكثر انتشارا الأفضل فى العرض وربما الأقل فى الامكانيات..<br /> <br /> الآن أصبح لكل شئ يتحرك فى الدنيـا تقريبا موقعاً على الانترنت ، وإن لم يكن له موقع خاص فله صفحة على الفيس بوك أو أيا من مواقع التواصل الاجتماعي، وهو الأكثر تنافسية نظرا لكثرة المواقع و وتداخلها وترابط مواضيعها، وهي الأكثر طلبا أيضا لسهولة أساليب التواصل على الانترنت فأصبح لا غنى عنها لأيا ماكان ..<br /> <br /> <div style="text-align: right;"> ومع ذلك فهي الأسهل تعلما ، ولا تحتاج منك أكثر من برنامج قارئ للنصوص ومتصفح للانترنت .. و على النقيض من ذلك لا تعطيك الكثير من الامكانيات الى ربما قد تتوفر فى الموبايل أو الديسك توب، فإذا أردت أن تبدأ فيها فلاحظ الصورة واستنبط منها ماذا تريد أن تتعلم تحديدا، فهذه الصورة هي تمثل اللغات المستخدمة فى عالم برمجة الويب، ولا مجال لمناقشتها الآن.</div> <div style="text-align: right;"> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig4jBa-2-j0m7e5L2zE0P7rfmXJrIgKQHu1GgMfI-umk6NJots0NlaYa3MX22BdLkvJMh2wgPrEy81wjCJM7D1_hKJHflEZ9F-IBTNku_26lrcJ1ZDqXuhzQ0FuW_VTFqHxH0INO-VfQc/s1600/prog-1%255B1%255D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig4jBa-2-j0m7e5L2zE0P7rfmXJrIgKQHu1GgMfI-umk6NJots0NlaYa3MX22BdLkvJMh2wgPrEy81wjCJM7D1_hKJHflEZ9F-IBTNku_26lrcJ1ZDqXuhzQ0FuW_VTFqHxH0INO-VfQc/s1600/prog-1%255B1%255D.jpg" title=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> </div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="color: #0b5394;"><span style="background-color: white;">&nbsp;</span></span><span style="background-color: white;"><span style="color: #0b5394;">الموبايل :</span></span><span style="background-color: white; color: #0b5394;">&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span>&nbsp;</div> <div> <br /> قادم بقوة الصاروخ هو وكل عائلته من الهواتف الذكية ، فالآن نسب بيعه تفوقت على كل أجهزة الحاسب الآلي المعروف وفي ازدياد مستمر ، فهي منتشرة جداً – وان كانت اقل من الويب – ومازال مجال التنافس فيها مفتوحـاً ومتاحاً ، والطلب فيها يزداد مع ازدياد الوقت ..<br /> <br /> قد تواجهك بعض الصعوبات فى تعلمها ، فهي ليست بسهولة الويب ولكنها تعطيك امكانيات أعلى منه ، و إمكانيات عرض تقترب منه، فإذا أردت أن تبدأ فيها فلاحظ الصورة ( بعض النسب قد تغيرت فيها الآن، خاصة زيادة نسبة الأندرويد على ما هي عليه فى الصورة ) واستنبط منها ماذا تريد أن تتعلم تحديدا فى الموبايل .. الصورة هي تمثل اللغات المستخدمة فى عالم برمجة الويب، ولا مجال لمناقشتها الآن .<br /> <div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJKn0zopVZRR6QvCKgPvpah1BeyeNFD6_XAn33ddyiWJ9u0kFA9OnJosI3mviGc-5PcnjvmzqDabOHYNDnlTpTvU3eBX8M1ELEzPc9DTPwNU9myJJs2JfKUaIGPOB5iE5sDstGC7xlbhA/s1600/prog2%255B1%255D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJKn0zopVZRR6QvCKgPvpah1BeyeNFD6_XAn33ddyiWJ9u0kFA9OnJosI3mviGc-5PcnjvmzqDabOHYNDnlTpTvU3eBX8M1ELEzPc9DTPwNU9myJJs2JfKUaIGPOB5iE5sDstGC7xlbhA/s320/prog2%255B1%255D.jpg" title=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></a></div> <div> <br /> <br /> <span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span><span style="color: #0b5394;"><span style="background-color: white;">&nbsp;الديسك توب :</span></span><span style="background-color: white; color: #0b5394;">&nbsp;</span><span style="background-color: #674ea7; color: #0b5394;">&nbsp;</span>&nbsp;</div> <div> <br /> هو البداية المثالية لأي متعلم نظامي وذلك لأنه يعطيك المعني الحقيقي للبرمجة التى تم ابتكارها من أجله ، مما قد لا يتوافر كثيرا فى الويب و الموبايل الذان يعتمدان فى الأكثر على الشكل و العرض أكثرمن المضمون<br /> <br /> فهو ربما الآن ليس بانتشار الويب و الموبايل ، ولكنه يعطيك أعلى امكانيات ممكنة لتحقق كل ما تريده وما زال الطلب عليها فى السوق ولكن بنسبة أقل من الموبايل و الويب (نظرا لصعوبة تنفيذ تلك البرامج مقارنة بالويب والموبايل)<br /> <br /> وأخيرا إليك المقارنة العامة :<br /> <div style="text-align: center;"> <img alt=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7JiM6WEwK9SNr7LeG5IOMu-NAfNGL_LpsYZg8JpuQiQ4dVaYb41bIOusLDs5Q51wlXnAoeOBkL2s5-okWKH-UrbBSAOMPWtrKKxlI0tEWttNPhPcX1znAwzwOahchpLRNIwPiXljzXXo/s320/prog3%255B1%255D.jpg" title=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <span style="background-color: #f1c232; color: #b45f06;">&nbsp;</span><span style="background-color: white; color: #b45f06;">&nbsp;</span><span style="background-color: white;"><span style="color: #b45f06;">&nbsp;</span>أخيرا: كم من الوقت تريد لكي تخرج أو منتجاتك فى هذا العالم؟</span><span style="background-color: white; color: #b45f06;">&nbsp;&nbsp;</span><span style="background-color: #f1c232; color: #b45f06;">&nbsp;</span></div> <div> <span style="color: #b45f06;"><br /></span>إذا كنت ترى أن وقتك محدود أو أن الفترة التى تريد فيها انجاز العمل صغيرة نوعا ما ، فأفضل ما يفيدك فى هذا المجال هو الفديوهات المصورة فهي تعطيك أهم ما تحتاج إليه للبدء وهي توجد فى كل المجالات تقريبا .. وهناك هاشتاج على الفيس بوك اسمه #ملكش_حجة ، به العديد من الفديوهات التى من الممكن أن تؤهلك لهدفك.<br /> <br /> أما إذا كنت من أصحاب النفس الطويل والهمم العالية فأنصحك بالبدء فى قراءة الكتب المتخصصة ، قد تواجهك مشكلة اللغة من الدرجة الأولى نظرا لأن كلها أجنبية ، ولكن مع الوقت ستعتاد بإذن الله، ويمكنك فى ذلك أيضا البدء بالكتب العربية فهي جيدة، وإن كانت لا تحقق لك هدفك فى أكثر الأوقات.<br /> <br /> وفى الختام أتمني أن تكون قد وضحت لك الصورة بعض الشئ عن ذلك العالم الممتع، الذي ربما لو دخلت فيه لتغيرت حياتك آلاف المرات للأفضل، ولكن عليك فقط أن تقرر, وتحدد هدفك جيدا..</div> </div> <div> <br /></div> <div style="text-align: center;"> <img alt=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;">... نهاية الشرح ...</span><br /> <span style="color: #38761d;"><img alt=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الاول</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_6.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثاني</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_35.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثالث</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="font-family: 'times new roman'; margin: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_50.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الرابع</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="margin: 0px;"> </div> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_97.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الخامس</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span></div> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title=" عـــالم البــرمجـــــة ( البداية ) | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <span style="color: #cc0000;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></div> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-47276838206713997022016-08-06T16:09:00.002+02:002016-08-06T17:01:32.150+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <br /> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;"><span style="background-color: #674ea7;">&nbsp;</span> بناء موقع مجاني على </span><span style="color: #b45f06;">Google sites</span><span style="color: #38761d;"> - الدرس السادس والأخير <span style="background-color: #674ea7;">&nbsp;</span></span></h2> <div> <br /></div> <div> <a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5xKBDdxexfMVfa7UFK0mNYE-1zOnSDVs6Bsm4Xk4g-XVVt_hClJx0Hybpe7mZojv8v8IN2Y2iePA7VouBEMpASHjADwamDhobSkq0BtzAf8LelIX7RObCMKMO5-cLLO1yhGm1RyxofRo/s1600/sites_pieces-290x225%255B2%255D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5xKBDdxexfMVfa7UFK0mNYE-1zOnSDVs6Bsm4Xk4g-XVVt_hClJx0Hybpe7mZojv8v8IN2Y2iePA7VouBEMpASHjADwamDhobSkq0BtzAf8LelIX7RObCMKMO5-cLLO1yhGm1RyxofRo/s200/sites_pieces-290x225%255B2%255D.png" title="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a>سنتعلم في هذا الدرس انشاء صفحة مدونة على موقع <span style="color: #b45f06;">Google sites</span> :<br /> 1- قم بالذهاب الى (<span style="color: #0b5394;">http://sites.google.com</span> ) ثم انقر على الموقع المنشأ سابقا<br /> 2-من خلال الصفحة الرئيسية اضغط على زر انشاء (<span style="color: #0b5394;">صفحة جديدة c</span> )<br /> 3- قم بأدخال البيانات كما هو موضح ادناه:<br /> <br /> <div style="text-align: center;"> <img alt="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Nzd1VvWxxjMLUfQGXolAEWFdvdTNzE11AD33CHfEMGFS2V7a3rb17ZW_GeX1IBZdbZh0cxz-ui19VVVAUnBczSMEolY86kb2JvxA7iHAnOF7RCcx4P_PaluSECicXHskNaie6tIEvWE/s1600/gsites6Capture%255B1%255D.JPG" title="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> </div> <div> <br /> ثم اضغط انشاء , بعد ذلك سيتم انشاء صفحة أعلانات (<span style="color: #0b5394;">مدونة</span>) جديدة ومن خلال الزر (<span style="color: #0b5394;">تعديل الصفحة e</span> ) يمكنك تعديل عنوان وترويسة الرأس للصفحة أي اضافة محتوى ثابت لصفحة المدونة. ويمكن اضافة اي كائن او اداة كما تعلمنا سابقا.<br /> أن زر مشاركة جديدة في الجهة اليمنى يمنحك الخيار لأضافة مشاركة أو موضوع للمدونة وعند الضغط على الزر ستشاهد صفحة جديدة لانشاء موضوع ويتمتع بنفس المميزات عند انشاء صفحة جديدة فيمكنك اضافة كل الكائنات من قائمة ادراج مع تنسيق النص واضافة الوسائط المختلفة.</div> <div> <br /> <div style="text-align: center;"> <img alt="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhzw44ayjEJn76yhyZm9UHMi6pQcGHRjQRa6ScGddwYmtXZ4mb5m1qOAHwZQ69Xowrpw1-A8vbfweyhCa9_Z8PW8lIBPOloxCy619dOG9JopbeoAzPIVNLfJiyDDBoIyollYDFIlSgGV4/s320/gsites6Capture2%255B1%255D.JPG" title="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <br /> <br /> مشاركة جديدة تحتوي على زر 1+<br /> <br /> الان بعد ما قمنا بأنشاء صفحة مدونة جاهزة للمواضيع, من القائمة الجانبية اضغط على زر الصفحة الرئيسية (<span style="color: #b45f06;">home</span>) .<br /> ثم اضغط على القائمة (<span style="color: #0b5394;">المزيد m</span>) , في هذه القائمة ستجد ثلاث اقسام (أجراءات الصفحة و نماذج الصفحات و الاجراءات المتعلقة بالموقع) وكل قسم يحتوي على مجموعة خيارات سأشرح المهمة منها:<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> أجراءات الصفحة: </span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><br /> - اعدادات الصفحة: حيث يحتوي على مجموعة خيارات مثل (<span style="color: #0b5394;">وصف الصفحة, تمكين او عدم تمكين التعليقات في الصفحة الحالية أو تغير نموذج القالب للصفحة</span>)<br /> <br /> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> الاجراءات المتعلقة بالموقع: </span><span style="color: #38761d;"><span style="background-color: #cc0000;">&nbsp;</span></span>- تعديل تنسيق موقع الويب: وهي خاصية جديدة طرحتها <span style="color: #b45f06;">Google </span>تمكنك من تعديل تنسيق وترتيب الصفحة الحالية واضافة وحذف الكائنات مثل اضافة كائن اعلانات <span style="color: #b45f06;">adsense </span>الى الشريط الجانبي, جرب ذلك بنفسك.<br /> -الاشتراك في <span style="color: #b45f06;">AdSense</span>: لتمكين ظهور الاعلانات في موقعك والكسب المادي من خلالها<br /> -المشاركة والاذونات: للتحكم في مستوى خصوصية الموقع وتحديد الناشرين.<br /> <br /> <span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #cc0000;"> الان وقبل الانتهاء, تذكر: </span><span style="color: #cc0000;"><span style="background-color: #f1c232;">&nbsp;</span></span><br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> * لاتجعل الموقع في حالة (عام) (public) ان كان قيد الانشاء<br /> * القوائم دائما يمكن الولوج اليها من خلال اختصارات لوحة المفاتيح<br /> * ان الملفات المرفوعة ستخزن في المساحة المجانية للموقع مما يؤدي الى استهلاكها لذلك يفضل استخدام خدمة<a href="https://drive.google.com/">Google Drive </a>للملفات الكبيرة الحجم<br /> * تأكد من توفر خدمة <a href="http://www.google.com/adsense">AdSense </a>في منطقتك قبل تمكين ظهور الاعلانات<br /> * يمكنك دائما توجيه اسم نطاق خاص (<span style="color: #e69138;">Domain</span>) الى عنوان موقع <span style="color: #e69138;">Google sites</span><br /> * لمزيد من التخصيص يمكنك تغيير الالوان وخطوط الموقع واحجامها من خلال (<span style="color: #0b5394;">المزيد/ادارة الموقع/ الالوان والخطوط</span>)<br /> <br /> من خلال هذه الدروس تعلمنا انشاء موقع واضافة الكائنات اليه وجعله ينبض بالحياة هناك مواضيع لم أقم بتغطيتها وغالبا سبب ذلك لكونها تتشابه مع مواضيع شرحتها سابقا. كما أتمنى أن تحقق هذه الدروس الفائدة لكل من يبحث عن انشاء موقع يتمتع بالامان والجودة والسهولة بنفس الوقت.<br /> والله الموفق, دمتم بخير.</div> <div style="text-align: center;"> <img alt="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;">... نهاية الشرح ...</span><br /> <span style="color: #38761d;"><img alt="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الاول</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_6.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثاني</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_35.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثالث</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="font-family: 'times new roman'; margin: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_50.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الرابع</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"> </div> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_97.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الخامس</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span></div> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="بناء موقع مجاني على Google sites - الدرس السادس | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <span style="color: #cc0000;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-53311740292507701702016-08-06T16:09:00.001+02:002016-08-06T16:50:55.269+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: left;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs5OqhRw5KYDgNkVqltw9tLm6bHaEKWfB75a-iG7w77FPAS7238I4Z6rMQA6GnIIv0DDAbfN1uw3OOhr9JisTCLNMpu0FCq5Pz-tvSNCiw8WadPtW8zTdpTXqXupEOycnhw2fyJMI1q44/s1600/sites_pieces-290x225%255B3%255D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">بناء موقع مجاني على </span><span style="color: #b45f06;">Google sites</span><span style="color: #38761d;"> - الدرس الخامس</span></h2> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> <a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs5OqhRw5KYDgNkVqltw9tLm6bHaEKWfB75a-iG7w77FPAS7238I4Z6rMQA6GnIIv0DDAbfN1uw3OOhr9JisTCLNMpu0FCq5Pz-tvSNCiw8WadPtW8zTdpTXqXupEOycnhw2fyJMI1q44/s1600/sites_pieces-290x225%255B3%255D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs5OqhRw5KYDgNkVqltw9tLm6bHaEKWfB75a-iG7w77FPAS7238I4Z6rMQA6GnIIv0DDAbfN1uw3OOhr9JisTCLNMpu0FCq5Pz-tvSNCiw8WadPtW8zTdpTXqXupEOycnhw2fyJMI1q44/s1600/sites_pieces-290x225%255B3%255D.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <div style="text-align: right;"> في الدرس السابق تعلمنا اضافة بعض الكائنات الى صفحة ويب حالية, لكن الان لنبدأ العمل الجاد.</div> <br /> سنقوم بأنشاء صفحة (موقعنا) تحتوي على بيانات عن مكان وعنوان الاتصال وخارطة <span style="color: #b45f06;">Google </span>تبين الموقع الجغرافي بالتحديد حتي يسهل للزوار الموقع العثور على المكان الجغرافي للمؤسسة او الشركة بسهولة.<br /> <br /> قم بأنشاء صفحة جديدة من خلال الزر (<span style="color: #0b5394;">صفحة جديدة c</span>) :<br /> <br /> - ضع اسم الصفحة (<span style="color: #0b5394;">موقعنا</span>)<br /> <br /> - قم بتغيير عنوان <span style="color: #b45f06;">URL </span>للصفحة الى (<span style="color: #b45f06;">map</span>)<br /> <br /> - في خانة النموذج قم بأختيار (صفحة ويب)<br /> <br /> - في خانة الموقع قم بوضع الصفحة في المستوى العلوي ثم اضغط أنشاء<br /> <br /> <br /> الأن سنقوم بوضع خريطة من خرائط <span style="color: #b45f06;">Google </span>ونقوم بتخصيصها لتظهر مكان محدد مع نص تعريفي, لذلك من قائمة (<span style="color: #0b5394;">ادراج</span>) قم بأختيار (<span style="color: #351c75;">الخريطة</span>).<br /> سيظهر مربع حوار كما هو موضح :<img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="523" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibr2SskugDBWlMoNvsLEQKTl4f15RLcJg_Qy3AZx1nLm2hDpl7-gFjtQk-qR2CqsZh6JwknsN8WQ95Lm5x0HhBrfQPebTk0VEdg929viaQ1F4k9GeJhUAnigB5s9lfOccK7-jUdMuh7Pk/s640/gsites5Capture%255B1%255D.JPG" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="640" /><br /> <div> <div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> يعتبر نموذج الحوار هذا قائمة تنقل سهلة حيث من القائمة الجانبية يمكنك التبديل بين ادراج خرائط وادراج مستندات او ادراج صور وغيرها من الادوات . كما في حالة ادراج خريطة يمكنك لصق عنوان خريطة (<span style="color: #0b5394;">ساكنة</span>) منشأة مسبقا في خانة (أو الصق رابط خرائط <span style="color: #b45f06;">Google </span>هنا).<br /> <br /> الان قم بتحديد مكان معين عبر التقريب في الخريطة اوكتابة عنوان معين , بعد الانتهاء قم بالضغط على رابط (<span style="color: #0b5394;">وضع علامة موضعية</span>) ثم اضغط على المكان المحدد على الخريطة ليتم وضع علامة مع نص توضيحي:<br /> <br /></div> <div style="text-align: center;"> <img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIQRU3fzspcLvbnSuTSCWvgl5UYH_EusR9ksTGfZTlqiwJ2kVIyU9DlllQ4skyMdkXWZDQyF-ILMFcN3-hfk3IfMZtQrthgu5CPOik6fLCplHUOugpzIA2ByHJ5JeA19vtPV7uQ_F_WM/s320/gsites5Capture2%255B1%255D.JPG" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div> <br /></div> <div> قم بالضغط على رابط (تعديل) لتسمية المكان المخصص كما يمكنك تحريك العلامة في اي وقت.</div> <div> <br /> بعد الانتهاء اضغط على تحديد وسيتم عرض مربع حوار جديد حيث يمكنك عرض او اخفاء اسم المكان والاطار, كما يمكن التحكم بعرض وارتفاع الخريطة .<br /> <br /> قم بترك القيم الافتراضية واضغط حفظ.<br /> <br /> سيتم ادراج الخريطة مع الشريط القياسي للمحاذاة والتعديل والحذف .<br /> <br /> حتى الان لقد ادرجنا خريطة لكن خريطة وحدها ليست كافية ! فبعص المواقع تستخدم نموذج الاتصال لتسهل للزائرين الاتصال والاستفسار بمالك الموقع او الادارة.<br /> <span style="color: #990000;"><br />كيف نقوم بأدراج نموذج في صفحة ويب؟</span><br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> حسنا, نحتاج اولا لأنشاء نموذج من معالج انشاء النماذج المبيت في خدمة <span style="color: #b45f06;">Google Drive</span> لكن لأسهل عليك المهمة لقد قمت بأنشاء نموذج سلفا على العنوان (<a href="https://docs.google.com/spreadsheet/viewform?formkey=dEtqYXpEX1hJOWFyMU9ub2d4VVdVVkE6MQ">https://docs.google.com/spreadsheet/viewform?formkey=dEtqYXpEX1hJOWFyMU9ub2d4VVdVVkE6MQ</a>) لذلك قم بأدراج خط افقي كما تعلمت سابقا ثم من قائمة (<span style="color: #0b5394;">ادراج</span>) اختر نموذج جدول بيانات.<br /> <br /> انسخ العنوان اعلاه والصقه في حقل (<span style="color: #0b5394;">او الصق عنوان ويب هنا</span>) ثم اضغط تحديد ثم قم بتغيير العنوان الى (<span style="color: #0b5394;">اتصل بنا</span>) واضغط حفظ.<br /> <br /> الان قم بحفظ الصفحة وشاهد النتائج . سهل اليس كذلك؟<br /> <br /> <div style="text-align: center;"> <img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;">... نهاية الشرح ...</span><br /> <span style="color: #38761d;"><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الاول</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_6.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثاني</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_35.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثالث</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_50.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الرابع</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span></div> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الخامس&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <span style="color: #cc0000;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></div> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-81189211091193580392016-08-06T16:09:00.000+02:002016-08-06T16:12:15.031+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_jqGMSUyhFBeCWLbRx7D4TxNuct4YolPxD8z8xJnpXrJON2Kw_RE1kqe-x9kY3ujUEVxvOo2Te_Py_jJf8wPe2mk24alUXDYFMYMk4nH5TE74i1O2QXJ71-3JOhBFtxTrI-u0ruOWEA/s1600/sites_pieces-290x225%255B1%255D.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><br /></a> <br /> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">بناء موقع مجاني على </span><span style="color: #b45f06;">Google sites</span><span style="color: #38761d;"> - الدرس الرابع</span></h2> <div> <br /></div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_jqGMSUyhFBeCWLbRx7D4TxNuct4YolPxD8z8xJnpXrJON2Kw_RE1kqe-x9kY3ujUEVxvOo2Te_Py_jJf8wPe2mk24alUXDYFMYMk4nH5TE74i1O2QXJ71-3JOhBFtxTrI-u0ruOWEA/s1600/sites_pieces-290x225%255B1%255D.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_jqGMSUyhFBeCWLbRx7D4TxNuct4YolPxD8z8xJnpXrJON2Kw_RE1kqe-x9kY3ujUEVxvOo2Te_Py_jJf8wPe2mk24alUXDYFMYMk4nH5TE74i1O2QXJ71-3JOhBFtxTrI-u0ruOWEA/s1600/sites_pieces-290x225%255B1%255D.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a>بعدما قمنا بأشناء صفحة فرعية للصفحة الرئيسية (<span style="color: #b45f06;">home</span>) قم بالذهاب الى صفحة (عن الموقع):- اذهب الى <a href="https://sites.google.com/">https://sites.google.com</a>/ ثم اضغط على الموقع المنشأ مسبقا</div> - من القائمة اليمنى اضغط على (عن الموقع)</div> سيتم توجيهك الى صفحة (عن الموقع) واذا تأملت عنوان URL:<br /> <a href="https://sites.google.com/site/phpdistrict/home/n-almwq" target="_blank">https://sites.google.com/site/phpdistrict/home/n-almwq</a><br /> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_jqGMSUyhFBeCWLbRx7D4TxNuct4YolPxD8z8xJnpXrJON2Kw_RE1kqe-x9kY3ujUEVxvOo2Te_Py_jJf8wPe2mk24alUXDYFMYMk4nH5TE74i1O2QXJ71-3JOhBFtxTrI-u0ruOWEA/s1600/sites_pieces-290x225%255B1%255D.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a>ستجد اسم الصفحة قد تحول الى الاحرف الانكليزية لكن عند قرائتها تعطي نفس لفظ اسم الصفحة.<br /> <div> <br /> بعد انتقالك للصفحة المطلوبه قم بالضغط على زر (تعديل الصفحة e).<br /> لقد قمت سابقا بشرح الادوات والقوائم الموجودة في شكل تحرير محتوى الصفحة. لنتعلم بعض الادوات التي يمكن اضافتها وفائدة كل منها:<br /> اضغط على قائمة ادراج ستشاهد مايلي:<br /> <br /> <div style="text-align: center;"> <img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixsAPQ4UXz7jTzeQ64xBTSpANbkzokPX3-VHD1UbOt0zYlxtt9wYQyhmPaKI0tVQgWJ1h5BtEC7blLlL-k6_LZbo3EaMHzfVkVZpiRQWEpU7iZ9Ez2m4bORVsJHmzrskCEuFSa-R_H4Cg/s1600/gsites9%255B1%255D.JPG" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> في القائمة تظهر مجموعة الكائنات المميزة : </span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><br /> صورة: لأضافة صورة اما من عنوان ويب او تحميل صورة من جهاز الحاسوب<br /> رابط: لأضافة نص لرابط تشعبي<br /> جدول المحتويات: حيث عند ادراج جدول محتويات يتم ادراج جدول بعناوين النص الموجود في الصفحة لتسهيل الانتقال بين المواضيع<br /> سرد الصفحات الفرعية: من خلال هذا الزر يتم ادراج اسماء الصفحات الفرعية التابعة للصفحة الحالية او التابعة لصفحة اخرى<br /> خط افقي: لاضافة خط افقي للفصل بين المحتوى<br /> زر 1+: زر المشاركة والاعجاب بالمحتوى<br /> <br /> <span style="background-color: #cc0000; color: #134f5c;">&nbsp;</span><span style="background-color: white; color: #134f5c;"> الادوات: </span><span style="background-color: #cc0000; color: #134f5c;">&nbsp;</span><br /> النشرات الاخير: (<span style="color: #0b5394;">في حالة وجود مدونة</span>) يستخدم لعرض اخر المقالات في المدونة<br /> ملفات تم تحديثها مؤخرا: (<span style="color: #0b5394;">في حالة وجود صفحة عرض الملفات</span>) يستخدم لعرض اخر الملفات التي تم تحميلها او تعديلها<br /> عناصر القائمة الاخيرة: (<span style="color: #0b5394;">في حالة وجود صفحة قائمة</span>) يستخدم لعرض اخر ادخلات القائمة<br /> مربع نص: لادراج حقل مخصص لكتابة نص في متن الصفحة<br /> <br /> <span style="background-color: #cc0000;">&nbsp;</span><span style="background-color: white;"> قائمة خدمات <span style="color: #b45f06;">Google</span>: </span><span style="background-color: #cc0000;">&nbsp;</span><br /> <span style="color: #0b5394;">Adsense: </span>خدمة عرض الاعلانات في موقعك والكسب المادي من خلاله<br /> اداة النصوص البرمجية للتطبيقات: يمكن لصق عنوان التطبيق البرمجي ليتم تضمينه داخل الصفحة (يتطلب خبرة ببرمجة تطبيقات الويب)<br /> <span style="color: #0b5394;">التقويم: </span>لادراج تقويم معين مع امكانية تحديد التواريخ المهمة<br /> <span style="color: #0b5394;">مخطط:</span>&nbsp;لادراج مخطط بياني من ملف ورقة بيانات او نموذج موجود مسبقا على حساب <span style="color: #b45f06;">Google docs</span> الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به<br /> <span style="color: #0b5394;">مستند:</span> لادراج مستند نصي موجود مسبقا على حساب <span style="color: #b45f06;">Google docs</span> الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به<br /> <span style="color: #0b5394;">رسم: </span>لادراج رسم موجود مسبقا على حساب <span style="color: #b45f06;">Google docs</span> الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به<br /> <span style="color: #0b5394;">مجموعة: </span>لادراج نص توضيحي عن مجموعات <span style="color: #b45f06;">Google </span>(<span style="color: #0b5394;">ان كنت تمتلك مجموعة</span>) واضافة مربع بحث للبحث داخل مواضيع المجموعة<br /> <span style="color: #0b5394;">الخريطة: </span>لاضافة خريطة لمكان محدد مع امكانية اضافة اشارة على مكان دقيق (<span style="color: #0b5394;">كتحديد مكان وجود الشركة في المدينة</span>)<br /> <span style="color: #0b5394;">صورة بيكاسا:</span> لاضافة صورة من البومات بيكاسا الخاصة بك<br /> عرض شرائح الويب بيكاسا: لتضمين عرض الشرائح الموجود في البومات بيكاسا الخاصة بك<br /> <span style="color: #0b5394;">عرض تقديمي: </span>لادراج عرض تقديمي موجود مسبقا على حساب <span style="color: #b45f06;">Google docs</span> الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به<br /> <span style="color: #0b5394;">جدول بيانات:</span> لادراج مخطط بياني خام من ملف ورقة بيانات او نموذج موجود مسبقا على حساب <span style="color: #b45f06;">Google docs</span> الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به<br /> <span style="color: #0b5394;">نموذج جدول بيانات:</span> لتضمين نموذج مباشر موجود مسبقا على حساب <span style="color: #b45f06;">Google docs</span> الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به حيث يمكن ملئ الحقول الخاصة بالنموذج مباشرة على الموقع<br /> <span style="color: #0b5394;">فيديو:</span> حيث يمكنك اضافة فيديو من <span style="color: #b45f06;">Youtube </span>او من حساب <span style="color: #b45f06;">Google drive</span> الخاص بك<br /> <br /> الان وبعد ماتعرفت على مجموعة واسعة من الادوات, قم بفتح قائمة ادراج واختر صورة:<br /> <br /> <div style="text-align: center;"> <img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtguuYxS4KMSfzccy80ZlpEAAe-6VnQgAGEk_v1ifwEv6WbxV8ZgmY9W1am6uNHHINsSKg1x4r1_4m04dvOH__Ie6A_knVnJbiXRkm-iHEnWpZgS7T5TFPd76vldcoBVZUZ-eAxHjO8ao/s320/gsites10%255B1%255D.JPG" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> </div> <div> <br /> قم بالضغط على (<span style="color: #b45f06;">choose file</span>) ثم اختر اي صورة من جهاز الحاسوب واضغط موافق (<span style="color: #0b5394;">يمكن تحميل اكثر من صورة عبر الضغط </span><span style="color: #b45f06;">Choose file</span><span style="color: #0b5394;"> واختيار صور اخرى</span>).<br /> الان لقد قمت برفع صورة معينة وبعد اكتمال الرفع سيتم عرض الصورة في مكان مخصص مع شريط يظهر عنوان الصورة الحي في داخل موقعك وخيارات محاذات الصورة والتفافها (تمكين التفاف الصورة يجعل النص الذي يلي صورة بشكل موازي لها ).</div> <div> <br /> <div style="text-align: center;"> <img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOaZ8iwB7bQjDS79jga9Ta7a0jmCiPLHhKtgDI3q9bytTvy9PaXnXMnQQUwAyuF4xdE7e90oZZYdcsVXClBFxg2rp5rn-RWiF2gMimPjnatHcdE2SMgcua38JQUs7K6DK9Jm9U6CVeZ4/s1600/gsites11%255B1%255D.JPG" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <br /> حيث يمكن التحكم بحجم الصورة ومحاذاتها الى اليمين او اليسار او حذفها.<br /> الان لنضع شرحا مبسطا للصورة, مثلا قمت بكتابة (<span style="color: #0b5394;">امكانيات بريد</span> <span style="color: #b45f06;">Gmail </span><span style="color: #cc0000;">!!</span>) تحت الصورة مباشرة وقمت بتوسيط النص بأستخدام رمز التوسيط في شريط التنسيق القياسي.<br /> بعد ما انتهينا من الصورة لنقم باضافة خط افقي لذلك قم بوضع المؤشر في نهاية النص التوضيحي للصورة واضغط (<span style="color: #b45f06;">enter</span>) ثم قم بادراج خط افقي (<span style="color: #0b5394;">ادراج /خط افقي</span>) لتشاهد التغيير.<br /> الان اود ان اوضح لك ميزة مهمة عند انشاء كل صفحة لذلك قم بالضغط على (<span style="color: #0b5394;">اعدادات الاشعارات</span> ) الموجود اسفل الجهة اليسرى من الصفحة ستشاهد مايلي:<br /> <div style="text-align: center;"> <img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh18R36d1UMtj-Xcep4Vl1KrUjVd_AFhnYA5JUM9PuWIGFviwqzx5mdZUriI2AFQuII9B-oGnSFsaZ7trc0M4IOy-qsv_WhCARUpWvRUupcL8YN2xvnh9zZHJMmyMugKT9gNd5ZZ4DWlgU/s1600/gsites13%255B1%255D.JPG" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> الرسالة الحالية تبين اعدادات الاشعارات الخاصة بالصفحة الحالية:<br /> الحقل الاول يمكنك اختيار احد الخيارين اما ان تريد تنبيهك بشأن اي تغيير في محتوى الصفحة (<span style="color: #0b5394;">في حالة وجود اكثر من ناشر للموقع</span>) او عدم التنبيه من خلال البريد الالكتروني<br /> إبلاغي بجميع التعليقات والردود الجديدة على هذا المستند: في حالة اردت ذلك حيث لكل صفحة امكانية اضافة تعليق وتبعا لمستوى الخصوصية<br /> <br /> إبلاغي بالردود التي تمت على تعليقاتي: اذا اضفت تعليق وشخص اخر قام بالرد على تعليقك<br /> <br /> إبلاغي بالردود على سلاسل الرسائل التي تم التعليق عليها بواسطتي: في حالة اضافة رسائل للصفحة الحالية وقام احد المستخدمين بالتعليق عليها<br /> <br /> إبلاغي عندما تتم الإشارة إلى اسمي باستخدام علامة + في تعليق: عند اضافة علامة + في التعليق فان الاسم الذي يليها سيكون مشارا اليه بالتعليق ويتلقى تنبيها بذلك كما هو الحال في <span style="color: #b45f06;">Google</span>+<br /> <br /> <br /> في الدرس القادم سنقوم بأضافة المزيد من الكائنات والادوات لصفحة الويب لتكتسب خبرة في هذا المجال.</div> </div> <div> <br /></div> <div style="text-align: center;"> <img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;">... نهاية الشرح ...</span><br /> <span style="color: #38761d;"><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الاول</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_6.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثاني</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_35.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثالث</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الرابع&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <span style="color: #cc0000;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-44878429702522137682016-08-06T15:24:00.000+02:002016-08-06T15:35:21.725+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2> <br /><div class="ban" style="text-align: center;"> <span style="color: #38761d;">بناء موقع مجاني على </span><span style="color: #b45f06;">Google sites</span><span style="color: #38761d;"> - الدرس الثالث&nbsp;</span></div> <span style="color: #38761d;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaldtDg6Tj81dQKef12nHSIDJ6UtoBN9pAkTRmM8KCn5eJG5AW5a617ngm1V-QlpjkrB_adUJP4jDlAeZGakrdEGjxcKMfwXo8umYKJOl2ycu-dLk4uc4qs5Gfq3QMEe7LdpjV15kMm8/s1600/sites_pieces-290x225%255B1%255D.png"></a></span></h2> <div> <div style="text-align: right;"> <a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaldtDg6Tj81dQKef12nHSIDJ6UtoBN9pAkTRmM8KCn5eJG5AW5a617ngm1V-QlpjkrB_adUJP4jDlAeZGakrdEGjxcKMfwXo8umYKJOl2ycu-dLk4uc4qs5Gfq3QMEe7LdpjV15kMm8/s1600/sites_pieces-290x225%255B1%255D.png" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaldtDg6Tj81dQKef12nHSIDJ6UtoBN9pAkTRmM8KCn5eJG5AW5a617ngm1V-QlpjkrB_adUJP4jDlAeZGakrdEGjxcKMfwXo8umYKJOl2ycu-dLk4uc4qs5Gfq3QMEe7LdpjV15kMm8/s1600/sites_pieces-290x225%255B1%255D.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a>في هذا الدرس سنتعلم اضافة محتوى جديد الى الموقع</div> &nbsp;(<span style="color: #0b5394;">انشاء صفحة + استخدام الادوات الجاهزة التي توافرها</span> <span style="color: #b45f06;">Google sites</span>)<br /> <br /> قم بالدخول الى الصفحة الرئيسية لمواقع <span style="color: #b45f06;">Google </span>من هنا (<a href="https://sites.google.com/">https://sites.google.com</a>/) ثم اختر الموقع المنشأ مسبقا, بعد ظهور الصفحة الرئيسية ستلاحظ زرين متصلين ببعضهما بالجهة اليسرى من القائمة العلوية أذا امررت المؤشر فوقهما ستلاحظ ان احدهما (<span style="color: #0b5394;">تعديل الصفحة</span>) والاخر (<span style="color: #0b5394;">صفحة جديدة</span>).<br /> قم بالضغط على زر انشاء صفحة جديدة (c) :<br /> <br /> ضع اسمًا لصفحتك: يستخدم لعنونة الصفحة والاسم ايضا يستخدم في عنوان <span style="color: #b45f06;">URL </span>للصفحة.<br /> تحديد نموذج لاستخدامه:<br /> - صفحة ويب: لانشاء صفحة ويب اعتيادية متعددة المحتوى<br /> - الاعلانات: انشاء مدونة لاضافة المواضيع الدورية وامكانية التعليق عليها<br /> - خزانة الملفات: صفحة لترتيب الملفات المرفوعة والمشاركة مع زوار الموقع<br /> - قائمة: لانشاء صفحة تحتوي على جداول لمعلومات معينة بترتيب معين<br /> حدد موقعًا: يستخدم لتحديد موقع الصفحة من شجرة الموقع الرئيسية (<span style="color: #0b5394;">تضمين كصفحة فرعية او انشاء صفحة مستقلة</span>).<br /> الان قم بتعبئة الحقول كما هو موضح ادناه:<br /> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYaT-Bb30902T1gfI5FwsQfs9IyGrJIj41Oj0JCRiSlHwms9ca77vHFKMzmOqUud124plnqvDuzg-EiIj9t9hx7JxCnQ2yoRy4hvm9d37UjUYDTkAhZ6WhP35l5ntbOH64n6G05Q7xh_k/s1600/gsites7%255B1%255D.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYaT-Bb30902T1gfI5FwsQfs9IyGrJIj41Oj0JCRiSlHwms9ca77vHFKMzmOqUud124plnqvDuzg-EiIj9t9hx7JxCnQ2yoRy4hvm9d37UjUYDTkAhZ6WhP35l5ntbOH64n6G05Q7xh_k/s1600/gsites7%255B1%255D.JPG" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <br /> ثم اضغط انشاء.<br /> بعد ذلك ستظهر الصفحة الجديدة مع امكانية التعديل كما هو موضح:<br /> <div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <div style="text-align: right;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF7pE_gf57TdEpr5Aa_7F1ke7sgZAj-PCAXOTW4qB_OrtFNSRwq7WTKhXSZUQopWVDKgSMNSKlmpyP9YlQeij68Q7DWsvBb6viTNp8dgc1hVpxIttKdOrR8OMAIi85MzbWEq6NBB6uV6k/s1600/gsites8%255B1%255D.JPG" /></div> <br /> <div style="text-align: right;"> <span style="color: #38761d;"><span style="background-color: #cc0000;">&nbsp;</span><span style="background-color: white;"> لقد قمت بتعليم الحقول والقوائم حيث: </span><span style="background-color: #cc0000;">&nbsp;</span></span></div> <div style="text-align: right;"> 1:القائمة الاساسية لبناء اي صفحة تحتوي على (ادراج: لادخال عناصر متعددة الوسائ الى الصفحة) و (تنسيق:حيث تحتوي على خصائص النص وهي مشابهة الى حد ما قائمة 2 ) و (جدول: لانشاء وتعديل وحذف الجداول) و (تخطيط: لترتيب الشكل العام للصفحة من حيث عدد الاعمدة والتقسيمات)</div> <div style="text-align: right;"> 2: قائمة التنسيق القياسية: تحتوي على الخصائص الاساسية الاكثر استعمالا لاضافة المحتوى (مثل: المحاذاة, لون الخط وحجمه, اضافة رابط ..الخ)</div> <div style="text-align: right;"> 3: وهو بدن الصفحة وهو قابل للتعديل ويتكون من عنوان الصفحة والمحتوى حيث يستخدم هذا النموذج لاضافة مختلف انواع النصوص المنسقة والبيانات والصور وغيرها.</div> <div style="text-align: right;"> 4: قسم الملفات الخاص بالصفحة في حالة اردت ان تشارك ملف مرتبط بموضوع الصفحة يمكن اضافته من خلال هذه الخاصية.</div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> حتى تتعود على القوائم والاجراءات قم بالتعرف على كل ميزة في هذه القوائم , لا بأس بأضافة بعد الكائنات (ادراج/صورة) او قم بتجربة اضافة عناصر اخرى وشاهد التغيير.</div> <div style="text-align: right;"> في الدرس القادم سنقوم باضافة انواع الوسائط والتعرف على كل منها كما ستقوم بالتعرف على تخصيص اشعارات الصفحة.</div> <br /> <div style="text-align: center;"> <img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;">... نهاية الشرح ...</span><br /> <span style="color: #38761d;"><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الاول</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites_6.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الثاني</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;</span><a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_52.html">المرحلة الأولى التخطيط لبنية الموقع</a><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="معاينة &quot;بناء موقع مجاني على Google sites - الدرس الثالث&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <span style="color: #cc0000;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></div> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-21337122524530477932016-08-06T14:54:00.000+02:002016-08-06T15:14:26.233+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 style="text-align: center;"> <span style="color: #38761d;">بناء موقع مجاني على </span><span style="color: #b45f06;">Google sites</span><span style="color: #38761d;"> - الدرس الثاني</span></h2> <div> <br /> <div style="text-align: left;"> </div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLVcrW2MGbQsOhIz8snm3dw7iNkUzwgOYEX9vvJsEw3Db-kxQKYQ7QJUOm4DEj-ii5EaMFtk7YPDgCr5DaHgiE-Oe_mlM8zMfFFYVT6L4zVSn2cT8-ToRhyphenhyphenaqzcqHtI3FbZLbLReLHvHo/s1600/Google%252520Sites%252520Icon_1%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLVcrW2MGbQsOhIz8snm3dw7iNkUzwgOYEX9vvJsEw3Db-kxQKYQ7QJUOm4DEj-ii5EaMFtk7YPDgCr5DaHgiE-Oe_mlM8zMfFFYVT6L4zVSn2cT8-ToRhyphenhyphenaqzcqHtI3FbZLbLReLHvHo/s1600/Google%252520Sites%252520Icon_1%255B1%255D.jpg" title="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a>في الدرس السابق قمنا بانشاء موقع من قالب فارغ, في هذا الدرس سوف نتعرف الى &nbsp;<span style="color: #cc0000;">صفحة ادارة الموقع واهم خصائصها</span>..</div> <br /> ان النسخة الافتراضية من خدمة مواقع <span style="color: #b45f06;">Google</span> هي باللغة الانكليزية لكن رغم ذلك تتوفر هذه الخدمة باللغة العربية ايضاً لذلك دعنا نتعلم التحويل الى الواجهة العربية وسنقوم بتحويل لغة عرض الموقع ولغة الواجهة الاساسية.<br /> <br /> <span style="background-color: #cc0000; color: #134f5c;">&nbsp;</span><span style="background-color: white; color: #134f5c;"> تحويل لغة الواجهة الاساسية: </span><span style="background-color: #cc0000; color: #134f5c;">&nbsp;</span><br /> <div style="text-align: right;"> 1- قم بالذهاب الى صفحة <span style="color: #e69138;">Google </span>الخاصة ببلدك حيث يكون النطاق يحوي رمز البلد (مثال: <span style="color: #0b5394;">www.google.iq</span>) ثم حدد اللغة المستخدمة "العربية" كما هو موضح ادناه:</div> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiszOlAV3aMG5DYyVUilZVMgPcIIvYMlVuf-LOISh8Iuryg9u2kXxB7H1TuhHcKW1_IzB7rcMtvZqPPGFSlkUBFBETMEL8izAmmNizXyr7rN70FQKRIXVhSF9ghqKaIpcbYdNyyUUuy3IM/s1600/gsites3%255B1%255D.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiszOlAV3aMG5DYyVUilZVMgPcIIvYMlVuf-LOISh8Iuryg9u2kXxB7H1TuhHcKW1_IzB7rcMtvZqPPGFSlkUBFBETMEL8izAmmNizXyr7rN70FQKRIXVhSF9ghqKaIpcbYdNyyUUuy3IM/s1600/gsites3%255B1%255D.JPG" /></a></div> </div> <div> <br /> * ان كانت صفحة <span style="color: #b45f06;">Google </span>الرئيسية غير متوفرة لبلدك يمكنك استخدام نطاق اي بلد عربي اخر او ببساطة يمكنك التوجه الى (<a href="http://sites.google.com/?hl=ar">http://sites.google.com/?hl=ar</a>)<br /> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> 2- ثم بعد ذلك قم بالذهاب الى صفحة مواقع <span style="color: #b45f06;">Google</span> على العنوان: <a href="http://sites.google.com/">http://sites.google.com </a>, واضغط على اشارة الترس المسنن ثم أختر <span style="color: #b45f06;">User Settings</span> ومن خلال حقل <span style="color: #b45f06;">Language</span> اختر اللغة العربية.</div> <div style="text-align: right;"> 3- قم بتأشير خانة <span style="color: #b45f06;">Keyboard shortcuts</span> حيث ستفيدنا بالتنقل بشكل اسرع خلال القوائم ثم احفظ التغييرات.</div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> تحويل لغة عرض الموقع: </span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span></div> <div style="text-align: right;"> 1- من خلال الصفحة الرئيسية لمواقع <span style="color: #b45f06;">Google </span>انقر على عنوان الموقع المنشأ سابقا.</div> <div style="text-align: right;"> 2- ستظهر الصفحة الرئيسية للموقع اضغط قائمة <span style="color: #b45f06;">More</span> واختر <span style="color: #b45f06;">Manage site</span>.</div> <div style="text-align: right;"> 3- من خلال صفحة الادارة التي ستظهر قم بالتمرير للأسفل ستجد الخيار S<span style="color: #b45f06;">ite display language</span> قم بتوسعة القائمة واختر اللغة العربية:</div> </div> <div style="text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPvBVaiaypZJm4h4sGx06_Z7MgAyC0LedRW8pyxz4AOWXk5u_eRGTEmGOMCNJ50nrNDl8zyqnUW09N7x8niIazltA_SX_GX_BKxZuatpY_2Z0TjBm8ZxkLMEcAEF5QcgU9xr4CGz6jAQ/s1600/gsites4%255B1%255D.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPvBVaiaypZJm4h4sGx06_Z7MgAyC0LedRW8pyxz4AOWXk5u_eRGTEmGOMCNJ50nrNDl8zyqnUW09N7x8niIazltA_SX_GX_BKxZuatpY_2Z0TjBm8ZxkLMEcAEF5QcgU9xr4CGz6jAQ/s1600/gsites4%255B1%255D.JPG" title="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div> لقد قمنا الان بتغيير لغة العرض ولغة واجهة الادارة الرئيسية الى اللغة العربية, يفترض الان ان تشاهد القوائم والحقول والنصوص الاساسية باللغة العربية.<br /> الان لنعد الى صفحة ادارة الموقع ولنتعرف على اهم خصائصها:<br /> <br /> (عند الانتقال بين الصفحات سأشير لاختصارات لوحة المفاتيح لكل أمر لذا افضل ان تعتاد عليها لسهولة)<br /> <br /> قم بالدخول لصفحة الادارة <span style="color: #0b5394;">(m+g)</span> سترى على اليمين قائمة التنقل بين الخدمات وتحرير المحتوى وغيرها من الاعدادات وافتراضيا يتم عرض صفحة (عام) وتحتوي على:<br /> <br /> -الصفحة المقصودة: وهي الصفحة التي يتوجه اليها الزائر آليا عند زيارة عنوان موقعك (افتراضيا <span style="color: #b45f06;">Home</span> او الرئيسية)<br /> - ادوات مشرفي المواقع و <span style="color: #b45f06;">Google Analytics</span>: وهي خدمات يمكن من خلالها تحسين اداء موقعك وتتبع الحالة العامة.<br /> -الجوال : عند تأشير هذا الخيار يتم انشاء نسخة من الموقع تتوافق مع متصفحات الهواتف الجوالة.<br /> -المستخدمون الذين يمكنهم الدخول إلى نشاط الموقع: فئة المستخدمين الذين يمكنهم رؤية التغييرات والاضافات التي تطرأ على الموقع.<br /> من خلال القائمة الجانبية قم بأختيار الصفحات :</div> <div> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcIyZevqMeEnYcGdqruHBQ4oFI2LmF9TDGQfhFYsSmYa0OcBNp4IXk73Qw3z8sg_yDmfgqh5IIJjGjy-egigb9fKuQdpqG8c8saHrFbDLoAKBShTYRDRkxjZqUZUBZ0FTWjfiqkVLblUk/s1600/gsites5%255B1%255D.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcIyZevqMeEnYcGdqruHBQ4oFI2LmF9TDGQfhFYsSmYa0OcBNp4IXk73Qw3z8sg_yDmfgqh5IIJjGjy-egigb9fKuQdpqG8c8saHrFbDLoAKBShTYRDRkxjZqUZUBZ0FTWjfiqkVLblUk/s1600/gsites5%255B1%255D.JPG" title="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> </div> <div> <br /></div> هنا ستظهر جميع الصفحات الرئيسية والفرعية التي سوف ننشئها مستقبلاً وطالما اننا انشأنا موقع من قالب فارغ لذلك يتحوي على صفحة رئيسية واحدة فقط.<br /> لنعد الى القائمة الجانبة وانتقل الى المشاركة والاذونات:</div> <div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2F-NiXWXK84AxRgwwX1mweaPbqRf3wKFJldkRtEqYqohV1QqMpZJcyk1Al4NPslRpBFHr_v5b35rzjV0ddexR4NAx3KVbaHcOsTCNtrSurEeTFb-Tfk85kHsQaOVtqF3lYz-ui5b3phE/s1600/gsites6%255B1%255D.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2F-NiXWXK84AxRgwwX1mweaPbqRf3wKFJldkRtEqYqohV1QqMpZJcyk1Al4NPslRpBFHr_v5b35rzjV0ddexR4NAx3KVbaHcOsTCNtrSurEeTFb-Tfk85kHsQaOVtqF3lYz-ui5b3phE/s320/gsites6%255B1%255D.JPG" title="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></a></div> <br /> <div style="text-align: right;"> حيث سترى في الجزء العلوي من الصفحة رابط الموقع الاساسي وامكانية مشاركته عبر مواقع التواصل الاجتماعي المتعددة. تتيح لك مواقع <span style="color: #b45f06;">Google </span>سهولة التحكم بخصوصية الموقع حيث يمكنك تغيير ثلاث مستويات من الخصوصية (<span style="color: #0b5394;">المالك, المشرف أو الناشر, الزائر</span>)</div> <div style="text-align: right;"> الحالة الافتراضية للموقع هو متاح للعرض من قبل الجميع لكن يمكن تحريره من قبل شخص واحد وهو مالك الموقع (<span style="color: #0b5394;">انت</span>), لكن في كل الاحوال يمكنك اضافة مشرفين أو ناشرين عن طريق كتابة عناوين البريد الالكتروني اسفل الصفحة.</div> <div style="text-align: right;"> في الدرس القادم سنتعلم انشاء صفحات واضاف المحتوى لها.</div> <br /></div> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" /></div> <div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;">... نهاية الشرح ...</span><br /> <span style="color: #38761d;"><img alt="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/google-sites.html" target="_blank">بناء موقع مجاني على Google sites - الدرس الاول</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post.html">الادوات الأربعة لإنشاء موقعك علي الانترنت</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;</span><a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_52.html">المرحلة الأولى التخطيط لبنية الموقع</a><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="بناء موقع مجاني على Google sites - الدرس الثاني | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <span style="color: #cc0000;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></div> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-68781746440009348542016-08-05T21:17:00.000+02:002016-08-05T21:52:00.172+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 style="text-align: center;"> <span style="color: #38761d;">بناء موقع مجاني على </span><span style="color: #b45f06;">Google sites</span><span style="color: #38761d;"> - الدرس الاول</span></h2> في هذه الجزء سوف تتعلم انشاء موقع متكامل على واحده من افضل<br /> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgFhSVKvLjIL2l86n7upV5qQE1YqDlJgfKHDDj5kU0CbtYnpWJnp5F4TR6mxcn5lPP3HbYs1OC1MYfxXZHVmrZyHrP8qfkzEA2z-0h8YL8ydK1vc7085zMd1_orx05rxaAO5mIMLfoo8/s1600/sites_pieces-290x225%255B1%255D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgFhSVKvLjIL2l86n7upV5qQE1YqDlJgfKHDDj5kU0CbtYnpWJnp5F4TR6mxcn5lPP3HbYs1OC1MYfxXZHVmrZyHrP8qfkzEA2z-0h8YL8ydK1vc7085zMd1_orx05rxaAO5mIMLfoo8/s1600/sites_pieces-290x225%255B1%255D.png" title="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a><br /> <div> &nbsp;خدمات انشاء المواقع على الانترنت , <span style="color: #b45f06;">Google sites</span>.</div> <div> <br /></div> <span style="color: #b45f06;">Google sites: </span>هي خدمة توفرها شركة <span style="color: #b45f06;">Google </span>تمكن الاشخاص والشركات والمؤسسات من انشاء مواقع متكاملة وديناميكية بدون اي رسوم, حيث يمكنك من انشاء موقع من قوالب فارغة أو الاختيار من مئات القوالب التي توفرها <span style="color: #b45f06;">Google </span>او القوالب التي ينشرها المصممون الذين يستخدمون هذه الخدمة.<br /> <br /> <span style="background-color: #cc0000; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #38761d;"> المميزات التي توفرها خدمة </span><span style="background-color: white; color: #b45f06;">Google sites</span><span style="background-color: white; color: #38761d;">: </span><span style="color: #38761d;"><span style="background-color: #cc0000;">&nbsp;</span></span><br /> <br /> - <span style="color: #cc0000;">10GB </span>من المساحة المجانية<br /> <br /> - خدمات مدمجة في الموقع (<span style="color: #b45f06;">google maps, Google docs</span> ) وغيرها من الخدمات المتاحة للأستخدام بسهولة</div> <div> <br /> - انشاء صفحات ويب ديناميكية غنية ويمكن اضافة اي نوع من الوسائط (<span style="color: #b45f06;">documents </span>و <span style="color: #b45f06;">presentations </span>الخ )</div> <div> <br /> - انشاء صفحات مقالات تعتبر بمثابة (منتدى حوار)</div> <div> <br /> - يمكن التحكم بخصوصية كل محتوى على الموقع بسهولة</div> <div> <br /> - التحكم بمستويات الادارة في الموقع (المالك, المشرف او الناشر , القارئ)</div> <div> <br /> - لاتحتاج الى اية مهارات في لغات البرمجة</div> <div> <br /> - تحرير وتعديل المحتوى مباشرة من الصفحة بدون اللجوء الى صفحة التحكم<br /> <br /> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white;"><span style="color: #38761d;"> لماذا </span><span style="color: #b45f06;">Google sites</span><span style="color: #38761d;"> ؟ </span></span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><br /> هناك العديد من المواقع و الشركات التي يمكن من خلالها انشاء مختلف المواقع المجانية فلماذا <span style="color: #bf9000;">google sites</span>؟<br /> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <a href="http://www.weebly.com/">weebly </a>على سبيل المثال هو احد المواقع المشهورة التي تمنح المستخدمين امكانية انشاء مواقع ومدونات من مختلف القوالب لكن الاخيرة تحتوي على بعض المساوئ كعدم امكانية اخفاء الاعلانات في الخطة المجانية, عدم امكانية تحديد خصوصية المحتوى, عدم امكانية مشاركة الملفات وغيرها من الخصائص غير متوفرة والتي ستتعرف عليها من خلال استخدام <span style="color: #b45f06;">Google sites</span>.<br /> كل مايتطلبه الامر للبدء بأنشاء موقع هو حساب على <span style="color: #b45f06;">Google</span> وان كنت لاتمتلك حساب يمكنك التسجيل من هنا <a href="https://accounts.google.com/" target="_blank">Google Accounts </a>.<br /> <div style="text-align: center;"> <div style="text-align: right;"> <span style="background-color: #cc0000; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #38761d;"> البدء بأنشاء موقع على</span> <span style="background-color: white; color: #b45f06;">Google sites </span><span style="background-color: #cc0000; color: #cc0000;">&nbsp;</span></div> قم بالذهاب الى العنوان التالي <a href="https://sites.google.com/">https://sites.google.com</a>/ بعدها ستظهر الصفحة التي ستحتوي على اسماء المواقع التي تنشئها, بعد ذلك اضغط على زر <span style="color: #b45f06;">CREATE</span> الموجود اعلا اليسار لتنشئ موقع جديد ستظهر الشاشة التالية:<br /> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> <img alt="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiHwQy6snQGoU8ZZR0vCVZf7jumwJlmVKT4qRIUO9fiMO_5GwcCS3_ADEqdTGsczJbY9jjicXPGLtsblz59Ak1hcyjdD6MX-W7eFJASSYPnh6SVFDPr1yvalfe6rqC9bpjBrSqBD6cE5E/s320/gsites1%255B1%255D.JPG" title="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> </div> <div style="text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7wIGuBBzjrv9tNrDRRUcIK7iDoz2nht_VdE2JNQ-TOtBEV03jO8XF7Qy_0IBbqsCBocjsEu9QJAaV2h_fdvBMhxj7F6uCcRu6MqhrhzsxiqVD1wOcznZ0NY5ljdRHAfGsiAg5jTgxrfc/s1600/gsites2%255B1%255D.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7wIGuBBzjrv9tNrDRRUcIK7iDoz2nht_VdE2JNQ-TOtBEV03jO8XF7Qy_0IBbqsCBocjsEu9QJAaV2h_fdvBMhxj7F6uCcRu6MqhrhzsxiqVD1wOcznZ0NY5ljdRHAfGsiAg5jTgxrfc/s320/gsites2%255B1%255D.JPG" title="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></a></div> <div> <div style="text-align: center;"> <br /></div> من خلال (<span style="color: #b45f06;">select template to use</span>) يمكنك الاختيار من مئات القوالب المتوفرة مجانا وقد تستعرض جزءاً منها (للمزيد اضغط <span style="color: #b45f06;">browse the gallery for more</span> )<br /> قم بأختيار <span style="color: #b45f06;">blank template</span> (قالب جديد فارغ) سيتم تحديد الاختيار. والان في حقل <span style="color: #b45f06;">Name your site</span> يمكنك كتابة عنوان موقعك (اسم الموقع).<br /> في حقل<span style="color: #b45f06;"> Site location</span> يمكنك تخصيص العنوان الفرعي لموقعك مثلا لوكتبت (<span style="color: #b45f06;">phpdistrict</span>) سيكون العنوان الكلي للموقع هو ( <span style="color: #b45f06;">http://sites.google.com/site/phpdistrict</span> ) .<br /> عند الضغط لتوسيع حقل <span style="color: #b45f06;">Select a theme</span> سترى مجموعة واسعة من الانماط القياسية لصفحات الموقع ويمكن ان تفيد هذه الانماط في حالة القوالب الفارغة . قمت بأختيار نمط <span style="color: #b45f06;">Madison</span>.<br /> وفي حقل <span style="color: #b45f06;">More options</span> يحتوي على نموذج <span style="color: #b45f06;">Site description</span> وهو يستخدم لوصف موجز عن موقعك (عن ماذا يعبر موقعك أو ما الذي تقدمه من خدمات وما الى ذلك).<br /> قم بكتابة صورة التحقق من المستخدم واضغط <span style="color: #b45f06;">CREATE </span>في القائمة العائمة العلوية. بعد ذلك يتم بناء موقع فارغ جديد وتظهر الصفحة الرئيسية كما في الصورة ادناه:<br /> <br /> <br /> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> من المميزات المثيرة للأهتمام </span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><br /> <br /> هو وجود مربع بحث داخل الموقع ومدعم من <span style="color: #b45f06;">Google </span>لذا سيكون كل المحتوى (العام) متاح للبحث مقدما, كما ستجد في القائمة (على اليسار) رابط لخارطة الموقع <span style="color: #b45f06;">Sitemap </span>ودليل لآخر نشاطات الموقع في <span style="color: #b45f06;">Recent site activity</span> (القائمة السفلية) .</div> <div> <br /> حتى الان قمت بأنشاء موقع جديد مايزال الطريق طويلا لتعلم ادارة الموقع واضافة المحتوى والعديد من المميزات الاخرى التي سأتطرق اليها في دروس قادمة إن شاء الله.<br /> <br /> <div style="text-align: center;"> <div style="text-align: center;"> <img alt="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> </div> <div style="text-align: center;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;">... نهاية الشرح ...</span><br /> <span style="color: #38761d;"><img alt="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><br /></span> <br /> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/blog-post_19.html">سيرفر على كومبيوترك الخاص للمبرمجين وهواة تصميم المواقع</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post.html">الادوات الأربعة لإنشاء موقعك علي الانترنت</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;</span><a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_52.html">المرحلة الأولى التخطيط لبنية الموقع</a><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="بناء موقع مجاني على Google sites - الدرس الاول | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div style="text-align: center;"> <span style="color: #cc0000;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></div> </div> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-83308647145287756182016-08-03T03:11:00.000+02:002016-09-17T01:17:52.681+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #b45f06;">&nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #38761d;">&nbsp;المرحلة الثالثة</span><span style="color: #38761d;">&nbsp;– تحويل التصميم الى </span><span style="color: #b45f06;">Html &nbsp; &nbsp; &nbsp;</span><span style="color: #38761d;">&nbsp;</span></h2> <div> <br /></div> <div> نكمل على بركة الله ما بدأناه في هذه السلسلة&nbsp;</div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9r1ol342T_Eoo6x0D6a9oW_PSuftYE73br5DtI3UXb3Uyb_39TPEYgXNwOMwvuj6Eh34EYmxJQSuZsDbwE3AHZvjyakouP-ubW6tFYCOisLBDuZ-QgYvxKXFD3Sctm0kAokt23Q3NNU/s1600/psd2html%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt=" المرحلة الثالثة &amp;#8211; تحويل التصميم الى Html | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9r1ol342T_Eoo6x0D6a9oW_PSuftYE73br5DtI3UXb3Uyb_39TPEYgXNwOMwvuj6Eh34EYmxJQSuZsDbwE3AHZvjyakouP-ubW6tFYCOisLBDuZ-QgYvxKXFD3Sctm0kAokt23Q3NNU/s1600/psd2html%255B1%255D.jpg" title=" المرحلة الثالثة &amp;#8211; تحويل التصميم الى Html | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a><br /> <h2 style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #f1c232;">&nbsp;</span><span style="background-color: white;"> المرحلة الثالثة : تحويل التصميم الى </span></span><span style="color: #b45f06;"><span style="background-color: white;">Html </span><span style="background-color: #f1c232;">&nbsp;</span></span></h2> ماسنقوم به في هذه المرحلة باختصار هو تحويل التصميم الموجود لدينا كملف فوتوشوب الى صفحة انترنت <span style="color: #e69138;">html </span>وللقيام بذلك يجب أولا تعلم عدة امور وفهمها بالطريقة الانسب .</div> <div> <br /> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> 1- استعمال الفوتوشوب لتحويل التصميم الى ملف </span><span style="color: #b45f06;"><span style="background-color: white;">Html </span><span style="background-color: #cc0000;">&nbsp;</span></span><br /> وسنبدأ بالأسهل وهو استعمال الفوتوشوب ومايتيحه لنا من وظائف خاصة لتحويل التصميم الى صفحة ويب وهي تعتبر من العمليات السهلة نسبيا في الفوتوشوب ويجب ان نفهم شيئا مهما هنا وهو</div> <div> <br /></div> <div> <span style="color: #cc0000;">- يتم نقل التصميم الى صفحة ويب من خلال تقسيم التصميم الى شرائح أو قطع </span><span style="color: #b45f06;">slices </span><span style="color: #cc0000;">بحيث يتم حفظ كل شريحة بشكل مستقل كملف </span><span style="color: #b45f06;">jpg</span><span style="color: #cc0000;"> – </span><span style="color: #b45f06;">png </span><span style="color: #cc0000;">ويتم انشاء ملف </span><span style="color: #e69138;">html </span><span style="color: #cc0000;">يربط بين هذه الشرائح ويعرضها كما في التصميم الاصلي تماما&nbsp;</span><span style="color: #cc0000;">وهنا سنؤجل التطبيق العملي لهذه المرحلة لوقت قصير ريثما نضع دورة شاملة من موقع شقيق توضح كل ماشرحنا وسنشرحه</span></div> <div> <span style="color: #cc0000;"><br /></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-_jqEPX1tUbAuwXPHoZ0TApjNHwxdIMpjJelthf4ua3kFOi3ryOcr0Phxa_dhoAxudmTHb2S6pmzgWDi14lWcYBgg9SI4T_kay2iDhepD33fPIDjYBOrIeySJ8qB6Zs9tt2qy4Q97nlo/s1600/psd-to-html%255B1%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt=" المرحلة الثالثة &amp;#8211; تحويل التصميم الى Html | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-_jqEPX1tUbAuwXPHoZ0TApjNHwxdIMpjJelthf4ua3kFOi3ryOcr0Phxa_dhoAxudmTHb2S6pmzgWDi14lWcYBgg9SI4T_kay2iDhepD33fPIDjYBOrIeySJ8qB6Zs9tt2qy4Q97nlo/s1600/psd-to-html%255B1%255D.png" title=" المرحلة الثالثة &amp;#8211; تحويل التصميم الى Html | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <div> <br /> <div style="text-align: center;"> </div> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white;"><span style="color: #38761d;"> 2- تعلم اساسيات لغة </span><span style="color: #e69138;">Html</span> </span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span></div> <div> <span style="color: #38761d;"><br /></span>من المهم عزيزي القارئ فهم لغة <span style="color: #b45f06;">html </span>وهي اختصار (<span style="color: #b45f06;">Hyper Text Markup Language</span>) وتعني بالعربية (<span style="color: #0b5394;"> لغة ترميز النصوص التشعبية</span> )<br /> وهي لغة ترميز وليس لغة برمجة كما هو للاسف شائع بين متصفحي الويب ولانطلب منك هنا سوى التعرف عليها وفهمها بشكل مبسط لتستطيع التعديل والتحكم بصفحة الويب الخاصة بك<br /> ولفهم لغة <span style="color: #e69138;">html </span>فهي ببساطة الوجه الاخر لصفحات الويب اي ان كل صفحة ويب نراها امامنا حين نتصفح الانترنت فهي بالحقيقة من الداخل مجموعة من الرموز البسيطة تحدد نوع الخط مثلا ولونه وهكذا</div> <div> <br /> <a href="http://abda3design.blogspot.com.eg/search/label/HTML%20%D8%AF%D9%88%D8%B1%D8%A9" target="_blank">يمكنك مشاهدة بعض الدروس في قسم Html</a></div> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div> <br /></div> <div> <div style="text-align: right;"> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white;"><span style="color: #38761d;"> 3- تعلم اساسيات </span><span style="color: #b45f06;">CSS</span><span style="color: #38761d;">: </span></span><span style="background-color: #cc0000; color: #38761d;">&nbsp;</span></div> </div> <div style="text-align: center;"> <br /></div> ان تقنية <span style="color: #e69138;">css</span> هي اختصار ل (<span style="color: #b45f06;">Cascading Style Sheet</span>) هي تقنية تتخصص في ضبط شكل الصفحة وتنسيق شكل مكوناتها من جداول وصور وخطوط ونظرا لتطور تقنية الويب اصبح من الضروري تعلم هذه التقنية ليصبح موقعك متوافقا مع احدث معايير صفحات الويب<br /> <div> <br /> <div> <div style="text-align: right;"> <a href="http://abda3design.blogspot.com.eg/search/label/%D8%AF%D9%88%D8%B1%D8%A9%20css" target="_blank">يمكنك مشاهدة بعض الدروس في قسم C</a>ss</div> </div> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div> <br /></div> <div style="text-align: right;"> <span style="background-color: #cc0000; color: #38761d;">&nbsp;</span><span style="background-color: white; color: #38761d;"> 4- تعلم برامج ادارة المواقع </span><span style="background-color: #cc0000; color: #cc0000;">&nbsp;</span></div> </div> <div> <br /> من أهم برامج ادارة المواقع والتعامل معها لدينا برنامج <span style="color: #e69138;">Dreamweaver </span>حيث يمكننا من خلاله تعديل محتويات صفحة الويب وتعديل كود <span style="color: #b45f06;">html </span>الخاص بها ورفع الملفات على الانترنت والعديد من الميزات الرائعة الاخرى .<br /> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> وننوه الى انك لن تستطيع التقدم في المراحل اللاحقة العملية والنظرية مالم تدرس وتفهم كل الامور التي اوضحناها مثل (<span style="color: #e69138;">الفوتوشوب </span>ولغة <span style="color: #b45f06;">html </span>– وبرنامج <span style="color: #b45f06;">dreamweaver</span>)</div> </div> <div> <br /> <div style="text-align: center;"> <img alt=" المرحلة الثالثة &amp;#8211; تحويل التصميم الى Html | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title=" المرحلة الثالثة &amp;#8211; تحويل التصميم الى Html | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> </div> <div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="تقطيع واجهة موقع بالفوتوشوب و تركيبيها بالفرونت بيج | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="تقطيع واجهة موقع بالفوتوشوب و تركيبيها بالفرونت بيج | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">إقرأ المزيد </span></td> </tr> </thead> <tbody> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blog-post_4693.html" target="_blank">طريقة سريعة وسهلة لاختبار سرعة موقعك او مدونتك</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/wordpress_7069.html" target="_blank">كيف تختار الاستضافة المناسبة قبل حجز المدونة</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blogger_1.html" target="_blank">إضافة تعليقات الفيس بوك</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/sharing-blogger.html" target="_blank">طريقة رائعة جذابة لاضافة ازرار المواقع الاجتماعية </a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blogger.html" target="_blank">كيف تحمي محتويات مدونتك من النقل او السرقة لـ(blogger)</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/12/blogger_26.html" target="_blank">كيفية تركيب قوالب بلوجر </a></b></td> </tr> </tbody> </table> <h11> <span style="color: black;"><marquee behavior="alternate" bgcolor="#cccccc" direction="center" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="50"> "عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا"</marquee></span></h11><br /> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">قم بتصفح جميع الموضوعات </span></td> </tr> </thead> </table> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="تقطيع واجهة موقع بالفوتوشوب و تركيبيها بالفرونت بيج | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="تقطيع واجهة موقع بالفوتوشوب و تركيبيها بالفرونت بيج | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "8812187270"; google_ad_width = 468; google_ad_height = 15; //</script> <br /> <div style="text-align: right;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-32202326412274791262016-08-01T23:19:00.002+02:002016-08-27T23:55:08.659+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 style="text-align: center;"> </h2> <h2 style="text-align: center;"> <span class="ban" style="color: #38761d;"><span style="background-color: #b45f06;">&nbsp;</span> &nbsp;المرحلة الأولى التخطيط لبنية الموقع <span style="background-color: #b45f06;">&nbsp;</span></span></h2> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZOWJeMsLuzCrg0XciskRKTAZXCckUOtw3cv_VnF_nQIi9IJnC1ihAazW6XSua1kT2iMadBeR_NWMN3HU5prMnuCoJd4hkny_5PMPn2Ahl7rUzKn2PQLYDb8K8iaD7rmZMzdGHnsED1BE/s1600/images2nd.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img alt="المرحلة الأولى التخطيط لبنية الموقع | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZOWJeMsLuzCrg0XciskRKTAZXCckUOtw3cv_VnF_nQIi9IJnC1ihAazW6XSua1kT2iMadBeR_NWMN3HU5prMnuCoJd4hkny_5PMPn2Ahl7rUzKn2PQLYDb8K8iaD7rmZMzdGHnsED1BE/s200/images2nd.jpg" title="المرحلة الأولى التخطيط لبنية الموقع | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a>نكمل على بركة الله وتوفيقه ما بدأناه في المقال الافتتاحي عن تصميم المواقع وبرمجتها وحديثنا اليوم عن مرحلتين أساسيتين<br /> <br /> <h2 style="text-align: right;"> <span style="background-color: #f1c232; color: #f1c232;">&nbsp;</span><span style="background-color: white; color: #cc0000;"> المرحلة الأولى : التخطيط لبنية الموقع </span><span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span></h2> من الضروري عزيزي القارئ قبل البدء بأي عمل تصميمي ترتيب الامور اولا على الورق حيث تستطيع بكل سهولة تصوير اي بنية أو شكل تنوي تصميمه للموقع وخاصة بالتشاور مع الزبون صاحب الموقع<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSIUNdJGnn4z49evrxs9VQfjEclcDuYBnupxoZy0xYVM3SXP1Yg2_Qae7ln4AU5_abVFx6U3VidQMQAausdOjED8ORfnsE__AXKUw0ExWADXgw7-vZTCYOpJn613AjWHkj_brNTBmL8xg/s1600/website-blueprint%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="المرحلة الأولى التخطيط لبنية الموقع | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSIUNdJGnn4z49evrxs9VQfjEclcDuYBnupxoZy0xYVM3SXP1Yg2_Qae7ln4AU5_abVFx6U3VidQMQAausdOjED8ORfnsE__AXKUw0ExWADXgw7-vZTCYOpJn613AjWHkj_brNTBmL8xg/s1600/website-blueprint%255B1%255D.jpg" title="المرحلة الأولى التخطيط لبنية الموقع | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a>وبشكل عام يجب قبل البدء بالعمل على برامج التصميم تحديد الشكل التقريبي لصفحات الموقع على الورق<br /> وبالذات الصفحات التالية<br /> <span style="background-color: #cc0000; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #38761d;"> 1- الصفحة الرئيسية :</span><span style="background-color: white;">&nbsp;</span><span style="background-color: #cc0000;"> </span>&nbsp;التي تحوي عادة في اليمين او اليسار عمود لعرض الروابط وفي الاعلى بانر يحوي صور عن الموقع وفي المساحة المتبقية تأتي البيانات<br /> <div> <div> <span style="color: #38761d;"><span style="background-color: #cc0000;">&nbsp;</span><span style="background-color: white;"> 2- الصفحات الداخلية : </span><span style="background-color: #cc0000;">&nbsp;</span></span> وهي قريبة من بنية الصفحة الرئيسية مع زيادة بعض العناصر اليها مثل الصور أو الجداول</div> <div> وفي الصورة التالية مثال لتوضيح ماذكرناه<br /> <br /> <div style="text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXru2OlZ374BA1g-l7Ks1BlxFoImcrWDGFO-3DUHR6OjYshvPSPCvxvCiqyCy1gy4G4equAL4tiAqYpAEQXOZ4U7mEh6TcvHBg0XPL48AwEpIXqCN3vPQi9Rp-VnAz85zVFUCq2ESV9Wg/s1600/25--1246897-Stylized20Interface20Design20Process20Blueprint20Animation%255B1%255D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="المرحلة الأولى التخطيط لبنية الموقع | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXru2OlZ374BA1g-l7Ks1BlxFoImcrWDGFO-3DUHR6OjYshvPSPCvxvCiqyCy1gy4G4equAL4tiAqYpAEQXOZ4U7mEh6TcvHBg0XPL48AwEpIXqCN3vPQi9Rp-VnAz85zVFUCq2ESV9Wg/s400/25--1246897-Stylized20Interface20Design20Process20Blueprint20Animation%255B1%255D.jpg" title="المرحلة الأولى التخطيط لبنية الموقع | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="400" /></a></div> <br /> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <h2 style="text-align: right;"> <span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #cc0000;"> المرحلة الثانية : تصميم شكل الموقع وألوانه </span><span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span></h2> وهذه المرحلة من أهم المراحل ففيها يتم تصميم الشكل الخارجي للموقع والصفحات الداخلية ويستخدم فيها أحد برامج التصميم وأشهرها <span style="color: #e69138;">Adobe Photoshop</span> بأحد إصداراته أو برامج تصميم أخرى مثل (<span style="color: #e69138;">Adobe Fireworks – Adobe Illustrator</span>) وغيرها<br /> <br /> <span style="color: #b45f06;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;"> وهناك طريقتين للبدء بهذه المرحلة : </span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <br /> <span style="color: #38761d;"><span style="background-color: #cc0000;">&nbsp;</span><span style="background-color: white;"> 1- الطريقة الأولى :&nbsp;</span><span style="background-color: #cc0000;"> </span></span>&nbsp;تصميم الواجهة والصفحات من الصفر : ويتم ذلك باستخدام أحد برامج التصميم وأهمها بالطبع الفوتوشوب<br /> وهذا بالطبع يحتم عليك كمصمم مواقع اتقان نسبة 60 بالمئة من برنامج الفوتوشوب مع التذكير أننا لانحتاج لتعلم تقنيات معالجة وترميم الصور المتقدمة في فوتوشوب فهي اختصاص مستقل عن عملنا<br /> <span style="color: #cc0000;">ولتعلم الفوتوشوب أقدم لكم المصادر التالية :</span><br /> - بالفيديو : سلسلة مميزة من ست دروس تحوي اكثر من 13 درس فيديو عن اساسيات الفوتوشوب يحتاجها كل مبتدئ للأستاذ أحمد ابراهيم على الرابط<br /> <a href="http://111000.net/design/photoshop/pvideo/175-phstep" style="background-color: white;" target="_blank">Design Photoshop Video</a><br /> - بالفيديو : دورة مفصلة على فوتوشوب بآخر اصداراته من موقع (وقف أون لاين ) على الرابط التالي<br /> <a href="http://bit.ly/1axPfdC" style="background-color: white;" target="_blank">Design Photoshop</a><br /> - دروس مبسطة على موقعنا على شكل شروحات متدرجة بالفوتوشوب وتمارين عمليه عليها على الرابط التالي<br /> <a href="http://111000.net/design/photoshop/pcourse2/142-photoshopclass2all" style="background-color: white;" target="_blank">Design Photoshop pcourse</a><br /> <br /> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <span style="color: #38761d;">- ويوجد الكثير من المواقع على الويب التي تعطي دروس متنوعة في الفوتوشوب ولكن ذكرت لكم ماقل ودل في هذا الملخص ولكل محب للتوسع فمحرك بحث جوجل أمامه</span><br /> <br /> <span style="color: #cc0000;">أعود وأؤكد أخوتي الأكارم :</span><br /> <span style="color: #b45f06;">أول واهم خطوة لتصبح مصمم مواقع ان تتعلم على الفوتوشوب كي تصمم واجهة موقعك وصوره</span><br /> <br /> <span style="color: #cc0000;"><span style="background-color: #cc0000;">&nbsp;</span><span style="background-color: white;"> </span></span><span style="background-color: white; color: #38761d;">2- الطريقة الثانية :&nbsp;</span><span style="color: #cc0000;"><span style="background-color: #cc0000;">&nbsp;</span></span> استعمال القوالب الجاهزة للمواقع :</div> <div class="separator" style="clear: both; text-align: left;"> </div> <div style="text-align: right;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAC5kCE1PAWP7ZoL4mX0Sx22uKP8cIHCJ3cGDNHCSKxkc96vikvozjJZfH1UhCj3yaQ-057Hxjp__aucbMQkoRM1DaQD8t1cTyYuTz9QGdAFvJm1sXU04tat_3yloIQG4A2OhmkUBfMvE/s1600/1140-sample%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="المرحلة الأولى التخطيط لبنية الموقع | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAC5kCE1PAWP7ZoL4mX0Sx22uKP8cIHCJ3cGDNHCSKxkc96vikvozjJZfH1UhCj3yaQ-057Hxjp__aucbMQkoRM1DaQD8t1cTyYuTz9QGdAFvJm1sXU04tat_3yloIQG4A2OhmkUBfMvE/s1600/1140-sample%255B1%255D.jpg" title="المرحلة الأولى التخطيط لبنية الموقع | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> حيث يوجد على الانترنت قوالب لمواقع الانترنت منها ماهو مجاني ومنها ما هو بمقابل مادي</div> <br /> <div> وتكون غالبا على شكل ملفات فوتوشوب <span style="color: #e69138;">PSD </span>مفتوحة للتعديل من قبل المستخدم<br /> وكما نلاحظ نحن هنا بحاجة ايضا لتعلم الفوتوشوب كما ذكرنا<br /> <span style="color: #cc0000;">ومن المصادر التي نستطيع منها تحميل هذه الملفات اخترنا مايلي</span><br /> <span style="background-color: white; color: #0b5394;">• <a href="http://all-free-download.com/free-psd/full-website-template.html" target="_blank">Psd Full Website Template</a>&nbsp;</span><br /> <span style="background-color: white; color: #0b5394;">• <a href="http://www.free-psd.co/free-psd-website-templates" target="_blank">Free Psd Website Templates</a></span><br /> وكل منها يمكنك التحميل منه دون تسجيل وبشكل مباشر<br /> <br /> وهكذا اخوتي الأكارم نكون قد اطلعنا بشكل مفصل ومبسط على اول مرحلة وثاني مرحلة<br /> وفي المرحلة القادمة سنتعمق اكثر نحو بناء الموقع<br /> <br /> <br /> <div style="text-align: center;"> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" /></div> <div style="text-align: right;"> <div dir="rtl" style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/blogger_30.html" target="_blank">قائمة أفقية بتأثيرات رائعة لمدونات blogger</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_12.html" target="_blank">الغات البــرمجة التي يمكنــك تعلمهــا</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/java-script_28.html" target="_blank">[فهرس] دورة Java Script</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="font-family: 'times new roman'; margin: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/wordpress_18.html" target="_blank">مزايا وعيوب المدونات المدفوعة والمجانية للـ wordpress</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/09/css3.html" target="_blank">طريقة عمل تاثيرات رائعه علي الصور في مدونة بلوجر بتقنية ال css3</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="margin: 0px;"> </div> <div style="margin: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/11/blogger_4414.html" target="_blank">إضافة أحاديث نبوية متغيرة بتغير الصفحة</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span></div> <div style="margin: 0px;"> </div> <br /></div> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-67628447465456234092016-08-01T23:19:00.000+02:002016-08-01T23:25:21.805+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">طريقك لاحتراف تصميم المواقع – </span><span style="color: #cc0000;">البداية</span></h2> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhZkDTWXuk5CsDh-RUS5rnxAHJIX-oZZL24dKylJakDPtufEfL3Le5Cdb5WhshSdgACqpzx3uDcoIJQ4MXw-L-oC-jK02wty63mYmuooAomgCfSFf-azgrgoXxKiSbFGTB110k7IfhLxw/s1600/wdes1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhZkDTWXuk5CsDh-RUS5rnxAHJIX-oZZL24dKylJakDPtufEfL3Le5Cdb5WhshSdgACqpzx3uDcoIJQ4MXw-L-oC-jK02wty63mYmuooAomgCfSFf-azgrgoXxKiSbFGTB110k7IfhLxw/s1600/wdes1.jpg" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <br /></div> <div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnLeyB8hfLM9p7mmXiuTKgimQ4l1OFA9F0qht6r4OfcRTpe2UgJ-bODHyEh-8IDGNfVgtDiihtsa7bxWB8v_f-g_iEUnsxdsNMviXrM9YCUpDejXN0FH2SAFcLta68J7NWEr-JFKg8Mc/s1600/wdes3%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a>العديد من المواقع العربية حاول جاهدا تلبية الطلب المتزايد على دروس تعلم تصميم المواقع وتعددت المستويات , فمنها من يقدم دروسا مبسطة في قسم <span style="color: #b45f06;">html </span> ومنها من يقدم دروسا متوسطة المستوى لاحد لغات البرمجة والكثير الكثير ..<br /> <div> <br /> ولكن قلة من الموقع تطرقت لموضوع الدخول في تصميم المواقع من البداية بالطريق الصحيح , فلا أخفيكم بحكم اختصاصي بهذا المجال أرى أن البداية الخاطئة به قد تؤدي الى نتائج لا تُحمد عقباها على المتعلم من كره لهذا المجال أو خوف منه .<br /> <br /> وفي هذه السلسلة من المقالات سأعتمد ان شاء الله ابسط اسلوب لإدخال القارئ في هذا المجال بحيث يستطيع وبعد فترة وجيزة من قراءة المقالات أن يقرر هل يناسبه هذا المجال أو لا وبأي قسم يود أن يختص , وسأحرص دائما من جهتي على تزويدكم بالمواقع التي تفيدكم في كل مرحلة .<br /> <br /> لنبدأ على بركة الله وتوفيقه<br /> من أين وكيف تبدأ في تعلم تصميم المواقع<br /> <br /> قبل ان نجيب على هذا السؤال سنشرح مراحل <span style="color: #b45f06;">تصميم اي موقع </span>على الانترنت بشكل موجز قبل الدخول بالتفاصيل لاحقا<br /> <br /> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: center;"> <img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <div> <h2 style="text-align: center;"> <span style="color: #444444;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;"> مراحل تصميم مواقع الانترنت </span><span style="background-color: #674ea7;">&nbsp;</span></span></h2> <h2 style="text-align: justify;"> <span style="background-color: #f1c232; color: #cc0000; text-align: right;">&nbsp;</span><span style="background-color: white; color: #cc0000; text-align: right;"> المرحلة الأولى : التخطيط لبنية الموقع </span><span style="background-color: #f1c232; color: #cc0000; text-align: right;">&nbsp;</span></h2> </div> <br /> في هذه المرحلة يتم رسم مخطط ولو على الورق لاقسام الموقع كمعلومات وخدمات حسب طلب الزبون صاحب الموقع وهي مرحلة لن نتوقف عندها كثيرا<br /> <br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image"><img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <h2 style="text-align: right;"> <span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #cc0000;"> المرحلة الثانية : تصميم شكل الموقع وألوانه </span><span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span></h2> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs52k6dWekwouyG4N_5PmmjX0COh5NV46DrZZUxly4Qhc1bGZa7LhjvSZ9Evu1n10gyQHGFB5q50Yq61FuxXkci4jq1KXEUibjFP81o_3KgwMPvqLLbOUsbWQPoaHMUqWR0ZpdaGqEWeA/s1600/wdes2.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs52k6dWekwouyG4N_5PmmjX0COh5NV46DrZZUxly4Qhc1bGZa7LhjvSZ9Evu1n10gyQHGFB5q50Yq61FuxXkci4jq1KXEUibjFP81o_3KgwMPvqLLbOUsbWQPoaHMUqWR0ZpdaGqEWeA/s1600/wdes2.jpg" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a><br /> وهذه المرحلة من أهم المراحل ففيها يتم تصميم الشكل الخارجي للموقع والصفحات الداخلية ويستخدم فيها أحد برامج التصميم وأشهرها<span style="color: #b45f06;"> Adobe Photoshop </span>بأحد إصداراته أو برامج تصميم أخرى مثل (Adobe Fireworks – Adobe Illustrator) وغيرها<br /> <br /> وعادة في شركات تصميم المواقع يتم اسناد هذه المهمة الى قسم التصميم لانها مهمة تصميمية بحتة لاتحتاج أي معرفة بلغة html أو<br /> php أو اي شئ عن تصميم المواقع<br /> <br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image"><img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <br /> <h2 style="text-align: right;"> <span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #cc0000;"> المرحلة الثالثة : تحويل التصميم الى صفحة html </span><span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span></h2> حيث يتم نقل التصميم من صورة جامدة إلى صفحة html من دون بيانات وهذا يتطلب من مصمم الموقع ان يتعلم لغة html واستعمال الانماط <span style="color: #b45f06;">CSS </span> وعدة أمور أخرى , حتى تكون النتيجة كصفحة <span style="color: #b45f06;">html </span> مطابقة للتصميم الاساسي الذي بدأنا به<br /> وطبعا نحتاج في هذه المرحلة استعمال Adobe Photoshop للتعامل مع التصميم الاساسي وتصدير عناصره الى صفحة html النهائية , والأهم أننا سنتعامل مع برامج إدارة المواقع وأشهرها <span style="color: #b45f06;">Adobe Dreamweaver</span> وكذلك Frontpage قديما وبرامج أخرى<br /> <br /> <div style="text-align: center;"> <img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></div> <br /> <h2 style="text-align: right;"> <span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span><span style="background-color: white; color: #cc0000;"> المرحلة الرابعة : وضع البيانات في الصفحات وربطها </span><span style="background-color: #f1c232; color: #cc0000;">&nbsp;</span></h2> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnLeyB8hfLM9p7mmXiuTKgimQ4l1OFA9F0qht6r4OfcRTpe2UgJ-bODHyEh-8IDGNfVgtDiihtsa7bxWB8v_f-g_iEUnsxdsNMviXrM9YCUpDejXN0FH2SAFcLta68J7NWEr-JFKg8Mc/s1600/wdes3%255B1%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnLeyB8hfLM9p7mmXiuTKgimQ4l1OFA9F0qht6r4OfcRTpe2UgJ-bODHyEh-8IDGNfVgtDiihtsa7bxWB8v_f-g_iEUnsxdsNMviXrM9YCUpDejXN0FH2SAFcLta68J7NWEr-JFKg8Mc/s1600/wdes3%255B1%255D.jpg" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a>وخلال هذه المرحلة وباستخدام برامج إدارة المواقع يتم وضع البيانات بالصفحة بإحدى الطريقتين :<br /> <h2 style="text-align: right;"> <span style="color: #b45f06;">- يدويا :&nbsp;</span></h2> وذلك عن طريق مصمم الموقع حيث يتم نسخ البيانات من برنامج Word مثلا ولصقها في الصفحة فورا وهكذا ينتج لدينا مايسمى موقع static وهو ماسنشرحه لاحقا<br /> <h2 style="text-align: right;"> <span style="color: #b45f06;">- ديناميكيا : </span></h2> وذلك عن طريق لغات البرمجة مثل Php و Asp وقواعد البيانات مثل <span style="color: #b45f06;">mysql</span>, حيث يتم تهيئة الصفحة لاستقبال البياناتعن طريق لغات البرمجة ويتم تخزين البيانات في قواعد البيانات , وبهذا نحصل على موقع ديناميكي Dynamic Site<br /> <br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image"><img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <h2 style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #f1c232;">&nbsp;</span><span style="background-color: white;"> المرحلة الخامسة : تجميل الموقع : </span><span style="background-color: #f1c232;">&nbsp;</span></span></h2> وفي هذه المرحلة يمكن إضافة ميزات على الموقع مثل شريط إخباري أو صور متغيرة أو خدمات تفاعلية أكثر مثل المراسلة والتعليقات , وتتطلب هذه المرحلة ايضا اتقان لغات البرمجة وقواعد البيانات والفلاش وبعض التقنيات وسنشرحها لاحقا ان شاء الله<br /> <br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image"><img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <br /> <h2 style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #f1c232;">&nbsp;</span><span style="background-color: white;"> المرحلة السادسة : رفع الموقع ونشره على الانترنت </span><span style="background-color: #f1c232;">&nbsp;</span></span></h2> وهذه المرحلة تتضمن حجز اسم للموقع (<span style="color: #b45f06;"> الدومين Domain </span>) وربطه بمساحة على الانترنت ونشر الموقع واعداده للعمل بشكل صحيح وتتطلب من المصمم معرفة مفاهيم اساسية سنشير لها في حينها ان شاء الله<br /> <br /> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image"><img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <br /> وهكذا عزيزي القارئ تكون قد تعرفت بشكل سريع على مراحل تصميم المواقع وبرمجتها ولاحقا سنشرح كل مرحلة منها بالتفصيل مع مصادر باللغتين لتعلم كل مايحتاج لاتقان هذه المرحلة<br /> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: orange;"></span></div> </div> <div style="text-align: center;"> <h2> &nbsp;<span style="color: orange;">&nbsp;<span style="color: #38761d;">... نهاية الشرح ...</span></span></h2> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span>&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/blog-post_19.html">سيرفر على كومبيوترك الخاص للمبرمجين وهواة تصميم المواقع</a>&nbsp;<span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span>&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post.html">الادوات الأربعة لإنشاء موقعك علي الانترنت</a>&nbsp;<span style="background-color: #674ea7;">&nbsp;</span></span></div> <div style="text-align: center;"> <div style="text-align: center;"> <br /></div> <h2> </h2> <h2> <span style="color: orange;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل<img alt="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="احتراف تصميم المواقع البداية | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></span></h2> <h2> <span style="color: red;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></h2> </div> </div> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-36550176596236869572016-08-01T17:34:00.000+02:002016-08-01T17:54:01.769+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: right;"> </div> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;"> الادوات الأربعة </span><span style="color: #b45f06;">لإنشاء موقعك</span><span style="color: #38761d;"> علي الانترنت&nbsp;</span></h2> <div> <span style="color: #38761d;"><br /></span></div> <div> <a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_X7EpKcM8guxyJbbOIeyBAYwmMz5kdd9NWX3eFjA1_pHnqCT5UgesczECItgco_SgP9RGgSAed1LqkTOgAedL1754p8AmTRqKweYhnmkIQK2JomvpxL4BzqQShTVzSFwei3wRjQo51EA/s1600/web-design.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_X7EpKcM8guxyJbbOIeyBAYwmMz5kdd9NWX3eFjA1_pHnqCT5UgesczECItgco_SgP9RGgSAed1LqkTOgAedL1754p8AmTRqKweYhnmkIQK2JomvpxL4BzqQShTVzSFwei3wRjQo51EA/s200/web-design.png" title="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a></div> اذا كنت تريد عمل موقع لك علي شبكه الانترنت فشبكه <span style="color: #b45f06;">الانترنت </span>يمكن ان تساعدك علي تحقيق ذلك, فهناك بعض المواقع التي ستجد فيها ادوات تساعدك علي تصميم موقع علي الشبكه من خلال الحصول علي بعض نماذج المواقع الجاهزه والتي تقدمها هذه المواقع مجانا لمستخدمي الشبكه, وتوجد مواقع اخري يمكنها استضافه موقعك مجانا ومواقع اخري تساعدك غلي مراجعه صفحات موقعك للتاكد من خلوها من اي اخطاء قبل وضعها علي الشبكه بالاضافه الي مواقع اخري تقوم بمتابعه موقعك واعطائك التقارير والاحصائيات اللازمه لمراقبه الموقع <br /> <div style="text-align: center;"> <h2> <span style="color: orange;"><img alt="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></span></h2> </div> <span style="background-color: #674ea7; text-align: right;">&nbsp;</span><span style="text-align: right;"> </span><span style="color: #cc0000; text-align: right;">تصميم صفحات الموقع</span><span style="text-align: right;"> </span><span style="background-color: #674ea7; text-align: right;">&nbsp;</span><br /> في البدايه تاتي مرحله <span style="color: #b45f06;">انشاء الموقع</span> ووضع الأكواد الخاصة بالتصفح والصور ووضع الفريمز او ما يسمى بالاطارات وفى هذا الموقع ستجد العديد من الأكواد والاطارات الجاهزة التى ستساعدك كثيرا فى عملية تصميم موقع شيق لك على الانترنت والعديد من الأدوات الأخرى لتناسب احتياجات مطوري الموقع <br /> <a href="http://www.dynamicdrive.com/">www.dynamicdrive.com</a> <br /> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <h2> <span style="color: orange;"><img alt="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></span></h2> </div> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span> خدمة مراجعة الصفحات <span style="background-color: #674ea7;">&nbsp;</span></span><br /> اما هذا <span style="color: #e69138;">الموقع </span>فيقوم بوظيفه هامه ومفيده حيث يقوم بعمل فحص شامل لجميع صفحات موقعك للتاكد من ان عمليه الربط بين الصفحات <br /> Links <br /> سليمه ولا توجد اي صفحات لا تعمل, كما يقوم ايضا بعمل تدقيق املائي <br /> Spelling Check <br /> لجميع البيانات والمعلومات الموجوده داخل الصفحات. وبعض ان يقوم الموقع بفحص صفحات موقعك فانه يعطيك تقريرا مفصلا بنتيجه الفحص حتي تقوم بعمل التعديلات اللازمه قبل وضع الموقع علي الشبكه <br /> www.imagiware.com<br /> <div style="text-align: right;"> <div style="text-align: center;"> <h2 style="text-align: center;"> <span style="color: orange;"><img alt="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></span></h2> <div> <div style="text-align: right;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="color: #cc0000;"> خدمه إستضافة الموقع </span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span></div> </div> <div> <div style="text-align: right;"> بعد الانتهاء <span style="color: #e69138;">من تصميم الموقع</span> ومراجعه الصفحات فسوف تحتاج الي موقع اخر يقوم باستضافه موقعك حيث يتم وضع نسخه من صفحات موقعك علي الحاسب الخادم الخاص بهذا الموقع حتي تكون متاحه لجميع مستخدمي الشبكه في اي وقت وهو ما يسمي بمصطلح </div> <div style="text-align: right;"> Hosting </div> <div style="text-align: right;"> والمساحه المتاحه لموقعك هي 100 ميجابايت يتم استضافتها مجانا في هذا الموقع كما يحتوي علي ادوات متعدده لتسهيل عمليه تحميل صفحات موقعك الي الحاسب الخادم وادوات اخري للدعايه عن موقعك </div> <div style="text-align: right;"> <a href="http://www.freewebspace.com/">www.freewebspace.com</a> </div> <div style="text-align: center;"> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: right;"> <br /></div> <h2 style="color: black; text-align: center;"> <span style="color: orange;"> <span style="color: orange;"><img alt="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" title="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></span></span></h2> <span style="color: orange;"> </span> <br /> <div> <span style="color: orange;"><span style="color: orange;"><br /></span></span></div> <span style="color: orange;"> </span></div> </div> <div style="text-align: center;"> <h2> &nbsp;<span style="color: orange;"> <span style="color: #38761d;">... نهاية الشرح ...</span></span></h2> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span>&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/blog-post_19.html">سيرفر على كومبيوترك الخاص للمبرمجين وهواة تصميم المواقع</a>&nbsp;<span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span>&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/03/blog-post.html">أساسيات لغة الــ html</a>&nbsp;<span style="background-color: #674ea7;">&nbsp;</span></span></div> <div style="text-align: center;"> <div style="text-align: center;"> <br /></div> <h2> </h2> <h2> <span style="color: orange;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل<img alt="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="الادوات الأربعة لإنشاء موقعك علي الانترنت | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></span></h2> <h2> <span style="color: red;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></h2> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-11953820362330411212014-03-13T16:23:00.000+02:002014-03-13T16:30:40.447+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: right;"> </div> <br /> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;"> الدرس 1: ما هي لغة <span style="color: #b45f06;">PHP </span></span></h2> <div style="text-align: right;"> </div> <div style="text-align: right;"> <span style="color: #0b5394;">عندما<a href="http://abda3design.blogspot.com/2014/03/php.html"> يبدأ أي شخص في تعلم </a><span style="color: #b45f06;">PHP&nbsp; </span>السؤال الذي يتكرر طرحه هو: ما هي <span style="color: #b45f06;">PHP</span>؟ وكيف تعمل؟ </span></div> <div class="separator" style="clear: both; text-align: center;"> <a class="bann" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqxNlEojXVZMnsWxauahT2UPr1ixrYQd6PqMP5_hhf4tUeO_5piDT4_x6TSqYYHNszN5tCgUyH35NDfF3Nb3HUcHezetLcjjvD9lzk_7Kv6lKAic5H14Q6nLYFxjJRkU5lcrMPuMDJKI/s1600/images.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqxNlEojXVZMnsWxauahT2UPr1ixrYQd6PqMP5_hhf4tUeO_5piDT4_x6TSqYYHNszN5tCgUyH35NDfF3Nb3HUcHezetLcjjvD9lzk_7Kv6lKAic5H14Q6nLYFxjJRkU5lcrMPuMDJKI/s1600/images.jpeg" title="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> هذا بالضبط ما سنجيب عنه في هذا الدرس، من المفيد أن تفهم الأساسيات المتعلقة بلغة <span style="color: #b45f06;">PHP</span> قبل أن تبدأ تطوير صفحات موقعك بها، فهم الأساسيات سيعجل من سرعة تعلمك بشكل كبير. </div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> لنبدأ! </div> <div style="text-align: right;"> <span style="color: #0b5394;">ما هي <span style="color: #b45f06;">PHP</span>؟ </span></div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> <span style="color: #b45f06;">PHP</span> هي اختصار <span style="color: #38761d;">Personal Home Pages</span>، لكنها الآن تعني <span style="color: #b45f06;">PHP</span>: <span style="color: #38761d;">Hypertext Preprocessor</span>. </div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> طورت في البداية من قبل المطور الدينماركي راسموس ليدروف، بعد ذلك تحولت لمشروع برنامج حر، <span style="color: #b45f06;">PHP </span>ليست من المعايير القياسية للويب لكنها تقنية مفتوحة المصدر، <span style="color: #b45f06;">PHP </span>ليست لغة برمجة حقيقية لكنها تسمح لك بدمجها في صفحات موقعك. </div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> لوصف ما هي صفحة <span style="color: #b45f06;">PHP </span>يمكنك أن تقول بأنها ملف بامتداد .<span style="color: #b45f06;">php </span>يحوي خليطاً من <span style="color: #0b5394;">HTML </span>ولغة البرمجة <span style="color: #b45f06;">PHP </span>وهي تعمل على مزود ويب. </div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> <span style="color: #cc0000;">ملاحظة المترجم</span>: المقصود هنا أن <span style="color: #b45f06;">PHP </span>ليست لغة برمجة كبقية اللغات الأخرى، بل هي لغة متخصصة لتطوير المواقع فقط وهي لغة مرنة يمكن دمجها في صفحات المواقع. </div> <div style="text-align: right;"> كيف تعمل <span style="color: #b45f06;">PHP</span>؟ </div> <div style="text-align: center;"> <h2> <span style="color: orange;"><img alt="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" height="22" title="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></span></h2> </div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: right;"> أفضل طريقة لشرح كيف تعمل <span style="color: #b45f06;"><a href="http://abda3design.blogspot.com/2014/03/1-php.html">PHP</a> </span>هي بمقارنتها مع <span style="color: #0b5394;">HTML</span>، تصور أنك كتبت عنوان صفحة <span style="color: #0b5394;">HTML </span>(مثال <span style="color: #cc0000;">http://www.mysite.com/page.<span style="color: #0b5394;">htm</span></span>) في حقل العناوين في المتصفح، بهذه الطريقة أنت تطلب صفحة <span style="color: #0b5394;">HTML</span>، يمكن تصوير هذه العملية بهذا الشكل: </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlFO8iBvC3IxJeVMFU5MqEHv0PfGVYwLbsQqEltbgngndZ1wsxHWcv9GEDyDkJArLJMvQjsFAyispamf-Q2kjQ1Lve8ltYiCJcFGum_TGcO6g64K-Kl9azQljnrmcqKgZ_-X3unjl5hA/s1600/lesson1_img02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlFO8iBvC3IxJeVMFU5MqEHv0PfGVYwLbsQqEltbgngndZ1wsxHWcv9GEDyDkJArLJMvQjsFAyispamf-Q2kjQ1Lve8ltYiCJcFGum_TGcO6g64K-Kl9azQljnrmcqKgZ_-X3unjl5hA/s1600/lesson1_img02.png" height="235" title="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="400" /></a></div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> كما ترى المزود ببساطة يرسل ملف <span style="color: #0b5394;">HTML </span>إلى الزبون أي إلى حاسوب الزائر، لكن إذا كتبت <span style="color: #cc0000;">&nbsp;</span></div> <div style="text-align: right;"> <span style="color: #cc0000;">http://www.mysite.com/page.<span style="color: #b45f06;">php</span></span> - أي طلبت صفحة <span style="color: #b45f06;">PHP </span>- سيحتاج المزود لمزيد من بذل الجهد: </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMZwFmhwV6Sr2L5kRnWatu2DTS80O9hcTcI1cs0YcRX_PUcfwAT-vQQ2vPELkCBbDNAdeUzjjXbx3BB-yzZIHFy9PszJYXVYblvKJz1494EcEk-ZgL2_mEVAUyT7Pkr3u5xrwm0Is4Ako/s1600/lesson1_img02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMZwFmhwV6Sr2L5kRnWatu2DTS80O9hcTcI1cs0YcRX_PUcfwAT-vQQ2vPELkCBbDNAdeUzjjXbx3BB-yzZIHFy9PszJYXVYblvKJz1494EcEk-ZgL2_mEVAUyT7Pkr3u5xrwm0Is4Ako/s1600/lesson1_img02.png" height="235" width="400" /></a></div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> المزود عليه أولاً أن يقرأ ملف <span style="color: #b45f06;">PHP </span>بعناية ليرى إن كان هناك أي مهمات عليه تنفيذها، فقط عندما ينتهي المزود مما يجب عليه فعله سيرسل النتيجة إلى الزبون، من الضروري أن تفهم بأن الزبون يرى فقط نتيجة عمل المزود وليس الأوامر الموجودة في ملف <span style="color: #b45f06;">PHP</span>. </div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> هذا يعني أنك إن نقرت على "<span style="color: #38761d;">view source</span>" أو "استعراض المصدر" في صفحة <span style="color: #b45f06;">PHP </span>فلن ترى أوامر <span style="color: #b45f06;">PHP </span>بل فقط وسوم <span style="color: #0b5394;">HTML</span>، لذلك لا يمكنك أن ترى كيف كتبت صفحة <span style="color: #b45f06;">PHP </span>عندما تحاول استعراض مصدرها، عليك أن تتعلم اللغة بطريقة مختلفة، بقراءة هذا الدرس مثلاً. </div> <div style="text-align: center;"> <h2> <span style="color: orange;"><img alt="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s320/faseel.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image" height="22" title="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="320" /></span></h2> </div> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: right;"> <span style="color: #cc0000;">ما تتعلمه في هذا الدرس هو ما تكتبه من أوامر للمزود! </span></div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> في البداية عليك أن تحصل على مزود، لكن لا تقلق، لا يجب عليك شراء حاسوب جديد، أنت بحاجة فقط إلى تثبيت برنامج على حاسوبك ليجعله يعمل كمزود، الخيار الآخر هو أن تملك موقعاً مستضافاً على مزود يدعم <a href="http://abda3design.blogspot.com/2014/03/1-php.html"><span style="color: #b45f06;">PHP</span></a>، عندها عليك أن تكون على اتصال بالإنترنت عندما تبرمج. </div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> <span style="color: #b45f06;">الدرس التالي سيكون حول كيفية إعداد حاسوبك ليعمل كمزود.</span></div> <div style="text-align: right;"> <br /></div> <div style="text-align: center;"> <h2> &nbsp;<span style="color: orange;"> <span style="color: #38761d;">... نهاية الشرح ...</span></span></h2> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> <div style="text-align: right;"> <a href="http://abda3design.blogspot.com/2013/02/blogger_18.html">إضافة الساعة إلى مدونتك تشكيله رائعة Blogger</a><br /> <a href="http://abda3design.blogspot.com/2013/01/blog-post_25.html">إضافة "تابعني" للمدونات و المواقع CSS</a></div> <h2> <span style="color: orange;"><span style="color: #38761d;"></span></span></h2> <h2> <span style="color: orange;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل<img alt="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="الدرس 1: ما هي لغة PHP | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></span></h2> <h2> <span style="color: red;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></h2> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-85974352899612180582014-03-08T03:32:00.001+02:002014-03-08T03:41:06.909+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <div> <br /> <h2 class="ban" style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #351c75;">&nbsp;</span> مقدمة&nbsp;<span style="background-color: #351c75;">&nbsp; </span></span></h2> <h2 style="text-align: right;"> <span style="color: #cc0000;"> </span></h2> <h2 style="text-align: right;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6e_z5d8qpHXLAwi_nWug3S7kRV3zK02vBDFL2pwFDimd79wMN-pXuWknU_SMMOlJzKEI8ggV3mQBdNABSLeEp_rpYQLZnpOLpjeLbwGpLOFlooyJ9Wwe-zGtDC1K1b-3wIEdraYJG8A/s1600/images.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="[ دروس PHP ] مقدمة عامة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6e_z5d8qpHXLAwi_nWug3S7kRV3zK02vBDFL2pwFDimd79wMN-pXuWknU_SMMOlJzKEI8ggV3mQBdNABSLeEp_rpYQLZnpOLpjeLbwGpLOFlooyJ9Wwe-zGtDC1K1b-3wIEdraYJG8A/s1600/images.jpeg" height="93" title="[ دروس PHP ] مقدمة عامة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a><span style="color: #38761d;"><span style="color: #b45f06;">PHP</span> تعطيك الحرية لإضافة خصائص متقدمة في موقعك. </span></h2> الهدف من هذا الدرس هو توفير مقدمة سهلة متكاملة ودقيقة للغة <a href="http://abda3design.blogspot.com/2014/03/php.html"><span style="color: #b45f06;">PHP</span></a>، الدرس يبدأ من الصفر لكنه يتطلب منك أن يكون لديك معرفة جيدة بلغة <span style="color: #0b5394;">HTML</span>، إن كنت لا تعرف <span style="color: #0b5394;">HTML</span> فعليك أن تبدأ <a href="http://abda3design.blogspot.com/search/label/HTML%20%D8%AF%D9%88%D8%B1%D8%A9">بدرس HTML</a>. <br /> <br /> <span style="color: #b45f06;">PHP </span>يمكن استخدامها في الكثير من الحالات، لإنشاء المنتديات، الاستفتاءات، المتاجر، بوابات للرسائل النصية القصيرة، قوائم بريدية وغير ذلك، الحد الوحيد لما يمكنك فعله في <span style="color: #b45f06;">PHP </span>هو خيالك، <span style="color: #b45f06;">PHP </span>ليست صعبة لكن تذكر أنها أكثر تطوراً وتطلباً من <span style="color: #0b5394;">HTML</span> لذلك الصبر عند تعلمها ضروري.. <br /> <br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> هذا الدرس لا يمكنه تعليمك كل شيء، لذلك المطلوب منك أن تشارك وتجرب بنفسك، إن احتجت لمساعدة فننصحك بزيارة المنتديات للحصول على دعم، في المنتديات ستلتقي بخبراء يمكنهم مساعدتك بالتلميحات والمقترحات والنصائح. <br /> <h2 class="ban" style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #351c75;">&nbsp;</span> </span><span style="color: #cc0000;">ما المطلوب؟&nbsp;<span style="background-color: #351c75;">&nbsp; </span></span></h2> <h2 style="text-align: right;"> <span style="color: #38761d;">نفترض أنك تملك محرراً نصياً وتعرف كيف تستخدمه. </span></h2> بعد ذلك أنت بحاجة لحاسوب أو مزود يمكنه تشغيل <span style="color: #b45f06;">PHP</span>، على النقيض من <span style="color: #0b5394;">HTML</span> و<span style="color: #351c75;">CSS</span> لغة البرمجة <span style="color: #b45f06;">PHP </span>لا تتأثر بأي متصفح يستخدمه زوار موقعك بل بنوع المزود الذي يستضيف موقعك، لأن <span style="color: #b45f06;">PHP </span>هي تقنية من جهة المزود. <br /> <br /> في الدروس القليلة القادمة ستتعلم كيف تعمل <span style="color: #b45f06;">PHP </span>وكيف تعد حاسوبك لتشغيلها، بعد ذلك ستتعلم وظائفها وطرقها. <br /> <br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> عندما تنتهي من هذا الدرس، ستتمكن من البرمجة باستخدام <span style="color: #b45f06;"><a href="http://abda3design.blogspot.com/2014/03/php.html">PHP</a> </span>وبالتالي ستحصل على إمكانيات غير محدودة لإضافة التفاعل في صفحات موقعك. <br /> <h2 style="text-align: center;"> <span style="color: orange;"> <span style="color: #38761d;">... نهاية الدرس ...</span></span></h2> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> <div class="art-postheader" style="text-align: right;"> <span class="art-postheadericon"><a href="http://abda3design.blogspot.com/2013/01/developer.html">اريد أصبح مبرمجاً Developer كيف ؟</a></span></div> </div> <div class="art-postheader" style="text-align: right;"> <span class="art-postheadericon"><a href="http://abda3design.blogspot.com/2013/01/adsense.html">احد اسباب غلق حسابك في أدسنس فحذره AdSense</a></span></div> <div style="text-align: right;"> </div> <div class="art-postheader" style="text-align: right;"> <span class="art-postheadericon"> <a href="http://abda3design.blogspot.com/2013/02/sidebar-html.html">تقسيم Sidebar الى قسمين اضافة ادوات متجاورة Html</a> </span></div> <div dir="ltr" style="text-align: left;"> <h2> </h2> <h2 style="text-align: center;"> <span style="color: orange;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل<img alt="[ دروس PHP ] مقدمة عامة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="[ دروس PHP ] مقدمة عامة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></span></h2> <h2 style="text-align: center;"> <span style="color: red;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></h2> <h2 style="text-align: center;"> <span style="color: red;">&nbsp;</span></h2> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-36054590839577354222014-03-06T14:21:00.000+02:002016-08-22T22:03:20.075+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <br /> <h3 class="post-title entry-title"> </h3> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">إضافة نبذه عن المؤلف وصورة مع أزرار المشاركة الإجتماعية<span style="color: #b45f06;"> Blogger&nbsp;</span></span></h2> <div style="text-align: center;"> <br /> <br /> بسم الله الرحمن الرحيم</div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifk4gtRd1ViuR-fEhrLfuEuSD5k-qkU7lCmJ9VtdEE0E4kSuTnvIj9kVzDb-_wSeo702Rc0ClUnIoD39Dze7Laol3zTJQYLCmf22O5MrUhheE5gNQCpWZkK9aVEtLdwcHK2EWWF3bH0Y4/s1600/images.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="إضافة نبذه عن المؤلف وصورتة Blogger | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" class="bann" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifk4gtRd1ViuR-fEhrLfuEuSD5k-qkU7lCmJ9VtdEE0E4kSuTnvIj9kVzDb-_wSeo702Rc0ClUnIoD39Dze7Laol3zTJQYLCmf22O5MrUhheE5gNQCpWZkK9aVEtLdwcHK2EWWF3bH0Y4/s1600/images.jpg" title="إضافة نبذه عن المؤلف وصورتة Blogger | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></a>موضوعنا اليوم هو إضافة <a href="http://abda3design.blogspot.com/2014/03/blogger.html">نبذه</a> عن المؤلف أو الكاتب <a href="http://abda3design.blogspot.com/2014/03/blogger.html"><span style="color: #e69138;">Author widget</span></a> فيها تعريف بسيط عن كاتب التدوينة أو المشاركة مع صورة مصغرة للكاتب مضاف إليها روابط الفيس بوك ،تويتر،جوجل بلس و القائمة البريدية.<br /> <div> <br /></div> <div> <h2 style="text-align: right;"> <span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: #cccccc;">&nbsp;</span>&nbsp;&nbsp;<span style="color: #38761d;">لكن السؤال يبقى، من اين احصل عليها ؟</span>&nbsp;<span style="background-color: #cccccc;">&nbsp;<span style="background-color: #674ea7;">&nbsp;</span></span></h2> </div> <div> </div> <div> مثال<br /> شرح إضافة تعريف الكاتب أسفل كل موضوع بمدونات بلوجر: <br /> كما هو موضح في الصورة &nbsp;:&nbsp;</div> <div> <br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKsbrlcuDJaHRlENTmAthBetFsCCK0V7prjFQXawGH0W0hK3g2A_rvF3Xnx1gh2lX8FI-G1Jtr5MhkmVen-1iXmUcr3wQgC3wlra4OrXEYScGlVZiQ4xJ-6RUrOFNJkuA7rXALlKayTPU/s1600/abda34.png"><img alt="إضافة نبذه عن المؤلف وصورتة Blogger | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKsbrlcuDJaHRlENTmAthBetFsCCK0V7prjFQXawGH0W0hK3g2A_rvF3Xnx1gh2lX8FI-G1Jtr5MhkmVen-1iXmUcr3wQgC3wlra4OrXEYScGlVZiQ4xJ-6RUrOFNJkuA7rXALlKayTPU/s1600/abda34.png" title="إضافة نبذه عن المؤلف وصورتة Blogger | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></a></div> <div> <br /></div> <div> 1- أذهب إلى لوحة تحكم <a href="http://abda3design.blogspot.com/2014/03/blogger.html">بلوجر</a></div> <div> </div> <div> 2- ثم تحرير قالب HTML (إحتفظ بنسخة إحتياطية من القالب)</div> <div> </div> <div> 3- أضف علامة فى المربع الصغير لتوسيع القالب</div> <div> <br /> 4- إستخدم الكيبورد Ctrl+F<br /> <span style="color: #cc0000;">فى البحث عن الكود التالى </span> <br /> <div style="text-align: left;"> <br /> <span style="background-color: white;"><span style="color: #b45f06;">]]&gt;&lt;b:ski/n&gt;</span></span></div> <div style="text-align: left;"> <br /></div> <div style="text-align: right;"> <span style="color: #cc0000;">و إنسخ الكود التالى كاملا وإلصقه فوق الكود السابق مباشرة</span><br /> <br /> <blockquote class="tr_bq "> <div dir="ltr" style="text-align: left;"> <span style="color: #cc0000;"><br /><br /><span style="color: black;">&lt;style&gt;.mdauthor_info{float:left;width:550px;padding:15px;border:1px solid #5c080b;margin-bottom:15px;margin-top:15px;background:<span style="background-color: #e69138;">#f0dfdf</span>;color:#000;}.mdauthor_info:hover{background:#f0dfdf;border:1px solid #5c080b;-webkit-box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);-moz-box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);}.mdauthor_info h3{color:#000;margin-bottom:10px;}.mdauthor_info h3:hover{ border : 1px solid #EEEEEE;-webkit-box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);-moz-box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);}.mdauthor_photo{float:right;margin:0 0 0 10px;}.mdauthor_photo img{border:1px solid #666;-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25);padding:5px 5px 5px 5px;-webkit-transform:rotate(+2deg);-moz-transform:rotate(+2deg);-ms-transform:rotate(+2deg);-o-transform:rotate(+2deg);transform:rotate(+2deg);float:left;}.mdauthor_photo img:hover{background:#FFFFFFborder : 1px solid #EEEEEE;-webkit-box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);-moz-box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);box-shadow:0px 0px 10px&nbsp; rgba(0, 0, 0, .3);-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg);}ul.mdsocial{list-style:none;margin:10px;overflow:hidden;}.mdsocial li{float:left;background:none !important;padding:0 !important;margin:0 8px;}.mdsocial li a{display:block;width:40px;height:40px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVqA82i1rhPq0TRCpYqoahmnpJBVNUZ5PdjP_mLBTnusDKC7y_XjVrYyY-IibVE8NEbH-RLLMX0mZWi2rJ2awIM3xyc3GfrF6prDsLyZ4X9Ssnkeq1MUgtPB6NaaO-y6qRCtRwCdEnh4VV/s1600/social.png") no-repeat transparent;text-indent:-99999em !important;}.mdsocial li a:hover{padding:0 !important;}.mdsocial li.rssicon a{background-position:0 0;}.mdsocial li.twicon a{background-position:-50px 0;}.mdsocial li.fbicon a{background-position:-100px 0;}.mdsocial li.gicon a{background-position:-150px 0;}.mdsocial li.rssicon a:hover{background-position:0 -50px;}.mdsocial li.twicon a:hover{background-position:-50px -50px;}.mdsocial li.fbicon a:hover{background-position:-100px -50px;}.mdsocial li.gicon a:hover{background-position:-150px -50px;}.mdlinediv{height:0px;clear:both;display:block;border-top:1px solid #fefefe;border-bottom:1px solid #CCCCCC;}.mdemailbutton{background:#f7f8f9;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1));background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);color:#888;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;}.mdemailbutton:hover{background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1));background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );text-decoration:none !important;}.mdemail{clear:both;width:100%;margin:10px 0;}.mdemailform{position:relative;width:250px;margin:0 auto;}.mdemailinput{width:200px;height:18px;margin:0 auto;padding:8px 40px 8px 10px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:georgia;font-style:italic;-webkit-box-shadow:1px 1px 2px #dfdfdf;-moz-box-shadow:1px 1px 2px #dfdfdf;box-shadow:1px 1px 2px #dfdfdf;font-size:14px;color:#666;}.mdemailbutton{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;padding:9px;position:absolute;right:-2px;top:0;display:block;line-height:16px;}.mdemailbutton{padding:8px !important;}.mdemailform, .mdemailinput{width:98% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;}&lt;/style&gt;</span></span></div> <br /></blockquote> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: right;"> لتغيير لون الخلفية يمكن تغيير الكود المظلل باللون البرتقالى بكود اللون المناسب لمدونتك</div> <div style="text-align: right;"> ثم إبحث عن الكود التالى:</div> <div style="text-align: left;"> &nbsp;&nbsp;&nbsp; <span style="background-color: #351c75;">&nbsp;</span>&nbsp;<span style="color: #b45f06;"><span style="background-color: white;"> &lt;div class='post-footer-line post-footer-line-1'&gt;&nbsp;</span></span> <span style="background-color: #351c75;">&nbsp; </span></div> <div style="text-align: right;"> إن لم تجده فإبحث عن الكود التالى إن وجد منه إثنين فالثانى هو المقصود</div> <div style="text-align: left;"> <span style="background-color: #351c75;">&nbsp;</span>&nbsp; <span style="color: #b45f06;"><span style="background-color: white;">&lt;data:post.body/&gt;</span></span> <span style="background-color: #351c75;">&nbsp;</span> </div> <div style="text-align: right;"> و إنسخ الكود التالى وإلصقه بعد أحد الكودين السابقين مباشرة:</div> <blockquote class="tr_bq" dir="ltr" style="text-align: left;"> &lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;<br /> &lt;div class="mdauthor_info"&gt;<br /> &lt;div class="mdauthor_photo"&gt;&lt;img alt="author" src="<span style="background-color: #e69138;">رابط مباشر لصورة مصغرة</span>" height="150" width="150" /&gt;&lt;/div&gt;<br /> &lt;h2&gt;<span style="background-color: #6aa84f;">هذا المقال كتب بواسطة:</span>&lt;/h2&gt;<br /> &lt;p&gt;<span style="background-color: #f1c232;">أكتب نبذة مختصرة عن المؤلف</span><br /> &lt;/p&gt;<br /> &lt;div class="mdlinediv"&gt;&lt;/div&gt;<br /> &lt;table width="100%"&gt;<br /> &lt;tbody&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;<br /> &lt;p style="text-align: center;"&gt; &lt;small&gt;تابع جديد المدونة!&lt;/small&gt;&lt;/p&gt;<br /> &lt;div class="mdemail"&gt;&lt;form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avWDc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="mdemailform"&gt; &lt;input value="MakingDiffrent" name="uri" type="hidden" /&gt; &lt;input name="loc" value="en_US" type="hidden" /&gt; &lt;input onblur="if (this.value == \" \?)="" {this.value="\&amp;quot;Enter" your="" email...\?;}?="" onfocus="if (this.value == \" enter="" email...\?)="" value="Enter your email..." name="email" class="mdemailinput" type="text" /&gt; &lt;input class="mdemailbutton" value="SignUp" title="" type="submit" /&gt;&lt;/form&gt;&lt;/div&gt;&lt;/td&gt;<br /> &lt;td&gt;<br /> &lt;ul class="mdsocial"&gt;<br /> &lt;li class="rssicon"&gt;&lt;a href="http://feeds.feedburner.com/blogspot/avWDc"&gt;Rss&lt;/a&gt;&lt;/li&gt;<br /> &lt;li class="twicon"&gt;&lt;a href="http://twitter.com/DrRo2"&gt;Twitter&lt;/a&gt;&lt;/li&gt;<br /> &lt;li class="fbicon"&gt;&lt;a href="http://facebook.com/designsblog"&gt;FaceBook&lt;/a&gt;&lt;/li&gt;<br /> &lt;li class="gicon"&gt;&lt;a href="https://plus.google.com/105400830730395545290"&gt;Google +&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/b:if&gt; </blockquote> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <h2 class="ban" style="text-align: center;"> <span style="color: #351c75;">- للتعديل على الكود السابق بما يناسب مدونتك -</span></h2> إستخدم البحث بالكيبورد Ctrl+F<br /> &nbsp;- إستبدل designsblog بإسم المستخدم الخاص بصفحتك<br /> &nbsp;&nbsp; على الفيس بوك facebook fanpage username<br /> - إستبدل DrRo2 بإسم المستخدم الخاص بحسابك على<br /> &nbsp; تويتر twitter username<br /> - إستبدل blogspot/avWDc بإسم المستخدم الخاص<br /> &nbsp; بخلاصات مدونتك feedburner username<br /> - إستبدل ID جوجل بلس بالـ ID الخاص بحساب جوجل<br /> &nbsp; بلس(الرقم الموجود بالرابط أعلى المتصفح لحساب جوجل بلس)<br /> <br /> <span style="color: #38761d;">ولا تنس وضع رابط مباشر لصورة مصغرة بالمكان المخصص بالكود.</span><br /> يمكن الإستعانة بمحرر الأكواد HTML للتعديل على الكود <br /> ثم إضغط معاينة ثم حفظ <br /> <br /> <span style="color: #cc0000;"><b>تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا </b></span><br /> <span style="color: #cc0000;"><b><br /></b></span></div> </div> <div> <h2 style="color: #387599; font-family: 'Droid Arabic Kufi', Arial, Helvetica; font-size: 18px; margin: 10px 0px 0px; padding: 0px; text-align: center; text-shadow: rgb(0, 0, 0) 0px 0px 1px;"> <img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></h2> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/blog-post_22.html" target="_blank">إدراج بانرات عشوائية داخل المواضيع</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2013/01/blogger_8.html" target="_blank">اضافة اقرأ المزيد بدون جافا سكربت </a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/1.html" target="_blank">زر الرد على التعليقات لمدونات بلوجر </a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="font-family: 'times new roman'; margin: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/12/blogger.html" target="_blank">سلايدر شو رائع بأكثر من حركة مميزة .</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="text-align: center;"> <div style="text-align: right;"> <div style="margin: 0px;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/12/blogger_2974.html" target="_blank">اضافة تقيم لتدوينات&nbsp;</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> <div style="margin: 0px;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;"></span></span></div> <div style="text-align: right;"> <div style="margin: 0px;"> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_15.html" target="_blank">أي لغة برمجة أقوى أو أفضل ?!</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> </div> </div> </div> </div> </div> </div> <div style="text-align: right;"> <br /></div> <div style="text-align: center;"> <h2> <span style="color: orange;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل<img alt="faseel" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="faseel" /></span></h2> </div> <h2 style="color: #387599; font-family: 'Droid Arabic Kufi', Arial, Helvetica; font-size: 18px; margin: 10px 0px 0px; padding: 0px; text-align: center; text-shadow: rgb(0, 0, 0) 0px 0px 1px;"> <span style="color: red;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></h2> </div> </div> </div> <!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-aHADu3G2cFA%2FUtipJvEOPfI%2FAAAAAAAAI5k%2FT1WJC3aQDR8%2Fs1600%2Fabda34.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKsbrlcuDJaHRlENTmAthBetFsCCK0V7prjFQXawGH0W0hK3g2A_rvF3Xnx1gh2lX8FI-G1Jtr5MhkmVen-1iXmUcr3wQgC3wlra4OrXEYScGlVZiQ4xJ-6RUrOFNJkuA7rXALlKayTPU/s1600/abda34.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-QEz-HSNHNZI%2FUszFUcGhrhI%2FAAAAAAAAI5U%2FihKEkBOj5dg%2Fs1600%2Fimages.jpg&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifk4gtRd1ViuR-fEhrLfuEuSD5k-qkU7lCmJ9VtdEE0E4kSuTnvIj9kVzDb-_wSeo702Rc0ClUnIoD39Dze7Laol3zTJQYLCmf22O5MrUhheE5gNQCpWZkK9aVEtLdwcHK2EWWF3bH0Y4/s1600/images.jpg" -->M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com0tag:blogger.com,1999:blog-3730634954661522366.post-64305073275984200082013-03-20T19:29:00.004+02:002013-03-20T19:45:24.299+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: right;"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;"> اضافة ازرار المشاركة الاجتماعية بتقنية <span style="color: #b45f06;">CSS3</span> مطورة لبلوجر </span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinbD98kx40wcDUwQsRL41ofK7XXPwD12s7Spjv77D0bF7rUAzN01iybGQERMXDfzWtq6b0iZLXtLE29QrMLjl7MNPw3lH7N8YpSqQZIRUhuD7gxNo1YYkrvepKFdYuTJcpdmdPxx50GDU/s1600/abda3design.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="اضافة ازرار المشاركة الاجتماعية بتقنية Blogger CSS3 | ابداع ديزاين Abda3 Design" border="0" class="bann" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinbD98kx40wcDUwQsRL41ofK7XXPwD12s7Spjv77D0bF7rUAzN01iybGQERMXDfzWtq6b0iZLXtLE29QrMLjl7MNPw3lH7N8YpSqQZIRUhuD7gxNo1YYkrvepKFdYuTJcpdmdPxx50GDU/s200/abda3design.png" title="اضافة ازرار المشاركة الاجتماعية بتقنية Blogger CSS3 | ابداع ديزاين Abda3 Design" width="200" /></a></div> ان كنت من متابعي<span style="color: #674ea7;"> أبداع ديزاين</span> فلابد من انك رائيت التدوينة التي اتحدث عنها، وان لم تكن ستجدها في نهاية الموضوع&nbsp; كما ترى، لقد كانت بسيطة جدا، اقصد في المظهر، كما انها لا تملك اي اطار او ما شابه يميزها عن بدن المدونة، لكن كل هذا قد ولى، لانني احضرت لكم نفس الاضافة، لكن مع تعديلات جذرية، ستعجبكم باذن الله.<br /> <div style="text-align: center;"> </div> </div> <div style="text-align: right;"> &nbsp;- المعاينة ؟، يمكنك مشاهدتها في اسفل التدوينة :)، كما ان هذه هي صورة لكيف تبدو ( في حالة استبدلتها ) :<br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpQuEekRp9JeeXjN6psgGnPW6257kahbN_7kzZm5fSweRFS-_f__UBJ2DeMHovTrWdSB9j5YJJ2bBubBvP9lIC0TyYKGtFQlE6QUJAZ7f3VeYPP5vrNGOxYl3KgPv495F4EqacgwTkLQA/s1600/share-bouttons-addon-for-blogger-1.jpg"><img alt="اضافة ازرار المشاركة الاجتماعية بتقنية Blogger CSS3 | ابداع ديزاين Abda3 Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpQuEekRp9JeeXjN6psgGnPW6257kahbN_7kzZm5fSweRFS-_f__UBJ2DeMHovTrWdSB9j5YJJ2bBubBvP9lIC0TyYKGtFQlE6QUJAZ7f3VeYPP5vrNGOxYl3KgPv495F4EqacgwTkLQA/s580/share-bouttons-addon-for-blogger-1.jpg" title="اضافة ازرار المشاركة الاجتماعية بتقنية Blogger CSS3 | ابداع ديزاين Abda3 Design" /></a></div> <h2 style="text-align: right;"> <span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: #cccccc;">&nbsp;</span>&nbsp; <span style="color: #38761d;">لكن السؤال يبقى، من اين احصل عليها ؟</span> <span style="background-color: #cccccc;">&nbsp;<span style="background-color: #674ea7;">&nbsp;</span> </span></h2> + ستحصل عليها من هذه الصفحة، والان باذن الله، فقط تابع الشرح.<br /> - اولا اذهب الى لوحة التحكم، ثم الى قالب، ثم احفظ نسخة من القالب، ثم الى تحرير HTML:<br /> - ثم حدد توسيع قوالب عناصر واجهة المستخدم.<br /> - ثم ابحث عن هذا الكود :</div> <div dir="ltr" style="text-align: left;"> <span style="color: #b45f06;"><span style="background-color: white;">&lt;/head&gt; </span></span></div> <div> <span style="color: #cc0000;"> - لتصلق قبله الكود : </span><br /> <blockquote class="tr_bq"> <pre dir="ltr" style="text-align: left;"><b>&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt; &lt;ul class='social' id='cssanime'&gt; &lt;li class='facebook'&gt; &lt;a expr:href='&amp;quot;http://www.facebook.com/share.php?v=4&amp;amp;src=bm&amp;amp;u=&amp;quot; + data:post.url + &amp;quot;&amp;amp;t=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on Facebook'&gt;&lt;strong&gt;Facebook&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='twitter'&gt; &lt;a expr:href='&amp;quot;http://twitter.com/home?status=&amp;quot; + data:post.title + &amp;quot; -- &amp;quot; + data:post.url ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false; ' rel='nofollow' title='Tweet This!'&gt;&lt;strong&gt;Twitter&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='googlebuzz'&gt; &lt;a expr:href='&amp;quot;https://plus.google.com/share?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;imageurl=&amp;quot;' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Post on GoogleBuzz'&gt;&lt;strong&gt;Google Plus&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='stumbleupon'&gt; &lt;a expr:href='&amp;quot;http://www.stumbleupon.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'&gt;&lt;strong&gt;StumbleUpon&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='digg'&gt; &lt;a expr:href='&amp;quot;http://digg.com/submit?phase=2&amp;amp;url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Digg this!'&gt;&lt;strong&gt;Digg&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='delicious'&gt; &lt;a expr:href='&amp;quot;http://delicious.com/post?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on del.icio.us'&gt;&lt;strong&gt;Delicious&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='linkedin'&gt; &lt;a expr:href='&amp;quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title + &amp;quot;&amp;amp;summary=&amp;amp;source=&amp;quot;' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on LinkedIn'&gt;&lt;strong&gt;LinkedIn&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='reddit'&gt; &lt;a expr:href='&amp;quot;http://reddit.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on Reddit'&gt;&lt;strong&gt;Reddit&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='technorati'&gt; &lt;a expr:href='&amp;quot;http://technorati.com/faves?add=&amp;quot; + data:post.url ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on Technorati'&gt;&lt;strong&gt;Technorati&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/b:if&gt;</b></pre> </blockquote> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <span style="color: #cc0000;"> - الان ابحث عن هذا الكود :</span></div> <div dir="ltr" style="text-align: left;"> <span style="background-color: white;"><span style="color: #b45f06;">&lt;data:post.body/&gt;</span></span></div> <div> <br /> - ثم الصق بعده هذا الكود :</div> <br /> <div> <blockquote> <pre dir="ltr" style="text-align: left;"><b>&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt; &lt;ul class='social' id='cssanime'&gt; &lt;li class='facebook'&gt; &lt;a expr:href='&amp;quot;http://www.facebook.com/share.php?v=4&amp;amp;src=bm&amp;amp;u=&amp;quot; + data:post.url + &amp;quot;&amp;amp;t=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on Facebook'&gt;&lt;strong&gt;Facebook&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='twitter'&gt; &lt;a expr:href='&amp;quot;http://twitter.com/home?status=&amp;quot; + data:post.title + &amp;quot; -- &amp;quot; + data:post.url ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false; ' rel='nofollow' title='Tweet This!'&gt;&lt;strong&gt;Twitter&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='googlebuzz'&gt; &lt;a expr:href='&amp;quot;https://plus.google.com/share?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;imageurl=&amp;quot;' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Post on GoogleBuzz'&gt;&lt;strong&gt;Google Plus&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='stumbleupon'&gt; &lt;a expr:href='&amp;quot;http://www.stumbleupon.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'&gt;&lt;strong&gt;StumbleUpon&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='digg'&gt; &lt;a expr:href='&amp;quot;http://digg.com/submit?phase=2&amp;amp;url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Digg this!'&gt;&lt;strong&gt;Digg&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='delicious'&gt; &lt;a expr:href='&amp;quot;http://delicious.com/post?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on del.icio.us'&gt;&lt;strong&gt;Delicious&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='linkedin'&gt; &lt;a expr:href='&amp;quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title + &amp;quot;&amp;amp;summary=&amp;amp;source=&amp;quot;' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on LinkedIn'&gt;&lt;strong&gt;LinkedIn&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='reddit'&gt; &lt;a expr:href='&amp;quot;http://reddit.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on Reddit'&gt;&lt;strong&gt;Reddit&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class='technorati'&gt; &lt;a expr:href='&amp;quot;http://technorati.com/faves?add=&amp;quot; + data:post.url ' onclick='window.open(this.href,&amp;apos;sharer&amp;apos;,&amp;apos;toolbar=0,status=0,width=626,height=436&amp;apos;); return false;' rel='nofollow' title='Share this on Technorati'&gt;&lt;strong&gt;Technorati&lt;/strong&gt;&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/b:if&gt;</b></pre> </blockquote> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> - لتكون قد انتهيت، اتمنى ان تعمل بشكل جيد كما اشتغلت لدي.<br /> <h2 style="text-align: center;"> <span style="color: orange;"> <span style="color: #38761d;">... نهاية الشرح ...</span></span></h2> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> <a href="http://abda3design.blogspot.com/2013/02/blogger_1934.html">قائمة منسدله لوضع الفيديوهات في اي مكان Blogger</a><br /> <a href="http://abda3design.blogspot.com/2013/02/blogger_18.html">إضافة الساعة إلى مدونتك تشكيله رائعة Blogger</a><br /> <a href="http://abda3design.blogspot.com/2013/01/adsense_6.html">تهيئة مدونتك للربح من ادسنس </a><a href="http://abda3design.blogspot.com/2013/01/adsense_6.html">AdSense</a><br /> <div dir="ltr" style="text-align: left;"> <h2> </h2> <h2 style="text-align: center;"> <span style="color: orange;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل<img alt="اضافة ازرار المشاركة الاجتماعية بتقنية Blogger CSS3 | ابداع ديزاين Abda3 Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="اضافة ازرار المشاركة الاجتماعية بتقنية Blogger CSS3 | ابداع ديزاين Abda3 Design" /></span></h2> <h2 style="text-align: center;"> <span style="color: red;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></h2> <h2 style="text-align: center;"> <span style="color: red;">&nbsp;</span></h2> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com6tag:blogger.com,1999:blog-3730634954661522366.post-40193779641875817202013-03-20T02:21:00.003+02:002013-03-20T03:30:35.729+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <br /> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">نصائح لحل مشاكل غلق حسابات أدسنس&nbsp; <span style="color: #b45f06;">AdSense</span></span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8KUhO4ZmwdTFPekb7uZEuHPoZKn3ou3E2NPfrzX9zYP72uRjYRRg8yae3i5_mEqyluljwTS2Jyie5bZI6NE9gsp025q9EYETvY5ElSSP-HSpr7OksUm2XYp1HSUcFX3M775WGijLpZg/s1600/abda3design.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="نصائح لحل مشاكل غلق حسابات أدسنس AdSense | ابداع ديزاين Abda3 Design" border="0" class="ban" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8KUhO4ZmwdTFPekb7uZEuHPoZKn3ou3E2NPfrzX9zYP72uRjYRRg8yae3i5_mEqyluljwTS2Jyie5bZI6NE9gsp025q9EYETvY5ElSSP-HSpr7OksUm2XYp1HSUcFX3M775WGijLpZg/s200/abda3design.png" title="نصائح لحل مشاكل غلق حسابات أدسنس AdSense | ابداع ديزاين Abda3 Design" width="200" /></a></div> كل من يستخدمون جوجل ادسنس يعيشون في صراع و خوف من أن تقوم Google بغلق حسابهم هذا الشبح الذي يطارد الجميع لا بد من أن هناك سببا أو أسبابا لذلك .<br /> &nbsp;في هذا الموضوع ان شاء الله سوف أتطرق لسبب ولعله الرئيسي والاول حسب تجربتي الشخضية مع <span style="color: #0b5394;">Adsense </span>. <br /> نحن نعلم أن الكل عند طلب الاشتراك في ادسنس لا يقبل الطلب واحيانا لا يتم الرد على طلب الاشتراك .<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> السبب وبكل بساطة أن أغلبنا لا يملك موقع ذو قيمة لا من حيث الموضوع ولا من حيث عدد الزوار لهذا فان الموقع الذي تقوم بوضعه في طلب الاشتراك لا يتم قبوله.<br /> <br /> <span style="font-family: 'Droid Arabic Kufi', tahoma ,arial;">&nbsp;<span style="background-color: #cccccc;"><span style="background-color: #674ea7;">&nbsp;</span> </span>الحل للاشتراك في <span style="color: #b45f06;">Google Adsense</span> :&nbsp;<span style="background-color: #cccccc;">&nbsp;<span style="background-color: #674ea7;">&nbsp;</span> </span></span><br /> <br /> 1. انشاء مدونة&nbsp; <span style="color: #b45f06;">Blogger</span><br /> <br /> 2. وضع مواضيع سواء نسح ولسق - المهم هو أن تعلم بأن صاحب الموضوع لن يقوم بالتبليغ اذا لم تضع المصدر أو تأخذ الاذن منه - يكفي وفع 3 أو 4 مقالات.<br /> <br /> 3. طلب الاشتراك من خلال المدونة - نسبة قبول الاشتراك تناهز 95% طبعا عن تجربة شخصية<br /> <br /> <span background-color:="" cccccc="" style="font-family: 'Droid Arabic Kufi', tahoma ,arial;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: #cccccc;"><span style="color: #cc0000;">&nbsp;</span></span></span><span style="color: #cc0000;">لماذا يتم غلق الحساب وماهو الحل لتفادي ذلك :</span><span style="background-color: #cccccc;">&nbsp;<span style="background-color: #674ea7;">&nbsp;</span></span><br /> <br /> 1. أول الاسباب وهو السبب الرئيسي أنه عندما يتم قبول الطلب بقصد أو بغير قصد ومع مرور الوقت نقوم بمسح أو ازالة المدونة التي قمنا بالاشتراك بها<br /> ما علاقة مسح المدونة بغلق الحساب ؟<br /> بكل بساطة <span style="color: #0b5394;">Google Adsense</span> تقوم بمراقبة فقط الموقع الذي قمت بالاشتراك به ( المدونة ) وهنا سوف أقول للأحوة الذين يقولون بأن سبب غلق حسابهم هو اختصار الروابط فهذا أكبر خطأ بل راجع أوراقك<br /> <br /> 2. ثاني الاسباب وهو بالنسة للاخوة الذين تم قبول موقعهم عند الاشتراك وهم قليلون.<br /> <br /> البعض يقوم بالغاء الموقع أو تغييره للاسوء هذا كله من أجل الربح وعند قيام غوغل بفخص الموقع الذي اشترك به . تجد بانك قد اخترقت أحد البنوذ<br /> <br /> وبالتالي فنصحتي للاخوة الذين اشتركوا في ادسنس بمدونة <span style="color: #b45f06;">Blogger </span>أن لا يقوموا بمسح المدونة .<br /> أما بالنسبة للاحوة الذين تم قبول اشتراكهم من خلال مواقعم فلا أنصحهم بالتلاعب في موقعهم أو الغاء الوقع أو تعطيله ف <span style="color: #0b5394;">Google Adsense</span> تراقب فقط الموقع أو المدونة التي قمت بالاشتراك بواسطتها <br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <span style="font-family: 'Droid Arabic Kufi',Arial,Helvetica,sans-serif; font-size: large;"><span style="color: #38761d;">ملاحظة أخرى :</span> <span style="color: #cc0000;"><b>هناك بعض</b> المواقع&nbsp; </span>لا يحترم حقوق الملكية الفكرية وبالرغم من ذللك يضع اعلانات غوغل ولم يتم غلق الحساب أترك لكم الاجابة</span><br /> &nbsp;<span style="font-family: 'Droid Arabic Kufi',Arial,Helvetica,sans-serif; font-size: large;"><span style="color: #38761d;">ملاحظة : </span>هذه مجرد أفكار وخلاصة لتجربة عشتها مع <span style="color: #0b5394;">Google Adsense</span> وهي قابلة</span><br /> <h2 style="text-align: center;"> <span style="color: orange;"> <span style="color: #38761d;">... نهاية الشرح ...</span></span></h2> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> <a href="http://abda3design.blogspot.com/2013/01/adsense.html">احد اسباب غلق حسابك في أدسنس فحذره AdSense</a><br /> <a href="http://abda3design.blogspot.com/2013/03/adsense.html">نصائح لقبول جوجل أدسنس موقعك بسرعة AdSense</a> <br /> <a href="http://abda3design.blogspot.com/2013/01/adsense_6.html">تهيئة مدونتك للربح من ادسنس AdSense</a><br /> <div dir="ltr" style="text-align: left;"> <h2> </h2> <h2 style="text-align: center;"> <span style="color: orange;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل<img alt="نصائح لحل مشاكل غلق حسابات أدسنس AdSense | ابداع ديزاين Abda3 Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="نصائح لحل مشاكل غلق حسابات أدسنس AdSense | ابداع ديزاين Abda3 Design" /></span></h2> <h2 style="text-align: center;"> <span style="color: red;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></h2> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com1tag:blogger.com,1999:blog-3730634954661522366.post-82822165148416170172013-03-07T17:09:00.001+02:002016-09-24T23:45:53.851+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <div class="ban" style="text-align: center;"> <h2> <span style="color: #38761d;">نصائح لجعل الزآئر يبقى في مدونتك او منتدآك اكثر وقت ممكن <span style="color: #b45f06;">SEO</span></span></h2> </div> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1FPdVSnzn4ffCjYJELxm-_4EgU9CweM31yRStQWCBnXoAhrLMe18St65El6zhAsa-UeAs3guxYE6mFKz1ozECewIFdEOK99jpAd0dDR0CF-qN1xzEF6-VhkoDx6TCjoSqfjrPrWqI4g/s1600/abda3design.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="نصائح لجعل الزآئر يبقى في مدونتك او منتدآك اكثر وقت ممكن SEO | ابداع ديزاين Abda3 Design" border="0" class="bann" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1FPdVSnzn4ffCjYJELxm-_4EgU9CweM31yRStQWCBnXoAhrLMe18St65El6zhAsa-UeAs3guxYE6mFKz1ozECewIFdEOK99jpAd0dDR0CF-qN1xzEF6-VhkoDx6TCjoSqfjrPrWqI4g/s200/abda3design.jpg" title="نصائح لجعل الزآئر يبقى في مدونتك او منتدآك اكثر وقت ممكن SEO | ابداع ديزاين Abda3 Design" width="200" /></a>بسم الله الرحمن الرحيم ..<br /> <span style="color: #cc0000;">&nbsp;كيف تجعل الزآئر يبقى في موقعك لآكثر وقت ..!?</span><br /> سرعة المدونة مهمة جدا<br /> ليس لمتصفحيها فقط ، بل أيضا لمحركات البحث<br /> زائر المدونة سيحبها لو كانت خفيفة سريعة التحميل<br /> وكذلك عناكب محركات البحث تحب الصفحات السريعة التي لا تستهلك وقتها الثمين<br /> <span style="color: #38761d;">سنقسم الدرس لـخمسة أقسآم ..!</span><br /> 1- الاستايل ..<br /> 2- سرعة موقعك ..<br /> 3- الاعلانات ..<br /> 4- المحتوى ..<br /> 5- ترآبط الموآضيع ..<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <span style="background-color: #cccccc;"><span style="background-color: #674ea7;">&nbsp;</span>&nbsp; الاستآيل&nbsp;<span style="background-color: #674ea7;">&nbsp;</span> </span><br /> لدينا في بلوجر يسمى القالب .. وفي موضوع تنفير الزآئر فهو يعتبر من احد فنون تطفيش الزائر اذا استعمل خطأ .. <br /> فالبعض يضع قالب ثقيل جدآ مليئ بالفلاش والصور ملئية بالجآفآسكربت ..<br /> وايضا في الوان القالب ..،! فالبعض تكون محتوى موآقعه عن كره القدم <br /> ويضع الاستايل اسود ..!وهذا خآطأ تمآمآ،فلكل موقع لون ..<br /> والالوآن المحبه والرآئعة ..<br /> الازرق ، الاخضر ، الابيض ، السمآوي ، الاصفر ، البرتقالي ..<br /> وهذآ لا يعني ان اللون الاسود وبعض الألوآن الاخرى غير المذكوره انها سيئة<br /> فالاسود مثلا يجوز للمدونات الهكر وانواع اخرى من المدونآت ..<br /> <br /> <span style="background-color: #cccccc;"><span style="background-color: #674ea7;">&nbsp;</span> </span><span style="background-color: #cccccc;">سرعة موقعك&nbsp;<span style="background-color: #674ea7;">&nbsp;</span> </span><br /> عليك ان توازن بين محتوى مدونتك وسرعتها لتحقق المعادلة الصعبة ..<br /> هذا الموقع ، يمكنك من خلاله قياس سرعة تحميل مدونتك ، ومقارنتها بمواقع اخرى<br /> <br /> <a href="http://www.iwebtool.com/speed_test">Website Speed Test - iWEBTOOL.com</a><br /> <br /> أدخل روابط المواقع التي تريد اختبار سرعتها (كل موقع في سطر)<br /> <br /> ثم اضغط check<br /> عندما تظهر النتيجة فان ..<br /> size = حجم الصفحة .. <br /> load time = زمن تحميل الصفحة ..<br /> Average speed = متوسط السرعة ..<br /> الجيد في الأمر<br /> أن مدونات بلوجر على سيرفرات جوجل القوية<br /> <span style="background-color: #cccccc;"><span style="background-color: #674ea7;">&nbsp;</span>&nbsp;</span><span style="background-color: #cccccc;">الاعلانات&nbsp;<span style="background-color: #674ea7;">&nbsp;</span> </span><br /> &nbsp;سياستنا نحن العرب ,,’’الربح من الموقع اهم شيئ‘‘ <br /> عكس الموآقع الاجنبيه فيجب عليك الاهتمام بـالزوآر ومحركات البحث ثم الربح في وقت اخر .. ، لا نخرج عن الموضوع ونتكلم عن اخطآء الاعلانات ..<br /> فآجد البعض يضع الاعلانت في كل مكان .. فيقلل من السرعة و ينفر الزائر <br /> معنى ينفر اي يخرج بسرعة واكثر شي اكره في الاعلانات الفتحات الاجباريه<br /> <br /> <span style="background-color: #cccccc;"><span style="background-color: #674ea7;">&nbsp;</span> المحتوى&nbsp;<span style="background-color: #674ea7;">&nbsp;</span> </span><br /> <br /> ما زلت اقول المحتوى ، المحتوى ، المحتوى فلو لديك محتوى سيئ غير مهم فلماذا سيهتم الزائر بالمدونه او المنتدى اما لو لديك محتوى رائع حصري مفيد فان الزائر سيبقى ويتابع المدونة او المنتدى ..<br /> <br /> <span style="background-color: #cccccc;"><span style="background-color: #674ea7;">&nbsp;</span> </span><span style="background-color: #cccccc;">ترابط الموآضيع&nbsp;<span style="background-color: #674ea7;">&nbsp;</span> </span><br /> ترآبط المواضيع .. قد تسال ما هو ترآبط الموآضيع لن اكتب شرح بل سوف اعطيك مثال مثلا زآئر دخل لموضوع هاك معين .. في نهايه الموضوع لو وضعت رآبط موضوع هاك اخر مشابه للهاك فان هذا رائع جدآ ليس فقط بالهاكات بل بكل الموآضيع .. المثاله فالهاكات تضع رابط لهاك اخر ربما يعجب الزائر ويزور الموضوع .. <br /> وهذا رآئع بالنسبه لجوجل ..<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <span style="background-color: #cccccc;"><span style="background-color: #674ea7;">&nbsp;</span>&nbsp;</span><span style="color: white;"><span style="background-color: #cc0000;">&nbsp; النصائح الخمسه الذهبيه &nbsp;</span></span><span style="background-color: #cccccc;"> <span style="background-color: #674ea7;">&nbsp;</span> </span><br /> 1- عند اختيار قالب او استايل يحي ان يكون خفيف وخالي من الفلاش واي شيئ يثقل الاستاي او القالب ..<br /> 2- سرعة موقعك .. حاول ان تجعل موقعك سريعآ جدآ فان ذلك مهم لمحركات البحث والزوآر ..<br /> 3- الاعلانات ضع اعلاناتك في امآكن جيده مثلا في الهيد في مساحة صغير في وسط المواضيع في نهايه الموآضيع ..<br /> 4- اهتم بالمحتوى لانه من اهم شروط نجاح المواقع ..<br /> 5- لاتنسآ عمل الموآضيع المترآبطه لان مهم جدآ وهذا رآئع بالنسبه لجوجل ..<br /> <br /> اتمنى التوفيق للجميع ...<br /> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" /></div> <div style="text-align: right;"> <div dir="rtl" style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">إقرأ المزيد </span></td> </tr> </thead> <tbody> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blogger_6.html" target="_blank">نظام تقاسم أرباح أدسنس لمدونة Blogger</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/java_22.html" target="_blank">المتغيرات في الجافا Java</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/blog-post_22.html" target="_blank">إدراج بانرات عشوائية داخل المواضيع</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/wordpress_20.html" target="_blank">اضافة لتسريع مدونة WordPress وحل جميع مشاكل التصفح البطيئ</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/wordpress.html" target="_blank">طريقة تركيب الإضافات في الـwordpress</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blog-post_789.html" target="_blank">نصيحة لوضع رابط لمدونتك في تعليقاتك على المدونات الأخرى</a></b></td> </tr> </tbody> </table> <h11> <span style="color: black;"><marquee behavior="alternate" bgcolor="#cccccc" direction="center" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="50"> "عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا"</marquee></span></h11><br /> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"> <thead> <tr> <td><span style="font-size: large;">قم بتصفح جميع الموضوعات </span></td> </tr> </thead> </table> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "8812187270"; google_ad_width = 468; google_ad_height = 15; //</script> <br /> <div style="text-align: right;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com3tag:blogger.com,1999:blog-3730634954661522366.post-41857383468940835802013-03-07T04:04:00.001+02:002016-08-21T23:37:45.916+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">نصائح لقبول جوجل أدسنس موقعك بسرعة <span style="color: #b45f06;">AdSense</span></span></h2> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGFGjtfQI_-osUX3v1r-fke7EjVBo7J7-6YcKyeIaaLFMe9xAj82EItpKmMqzjHC0d3P5xIM5fPylekjjoOxCeLMJcNpHjFjFC2Cz0y0nx3CfTj62oXQomrmLvnQHSDNvKU2oz2TO0H2U/s1600/abda3design.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="نصائح لقبول جوجل أدسنس موقعك بسرعة AdSense | ابداع ديزاين Abda3 Design" border="0" class="bann" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGFGjtfQI_-osUX3v1r-fke7EjVBo7J7-6YcKyeIaaLFMe9xAj82EItpKmMqzjHC0d3P5xIM5fPylekjjoOxCeLMJcNpHjFjFC2Cz0y0nx3CfTj62oXQomrmLvnQHSDNvKU2oz2TO0H2U/s200/abda3design.jpg" title="نصائح لقبول جوجل أدسنس موقعك بسرعة AdSense | ابداع ديزاين Abda3 Design" width="200" /></a>إعلموا أن طلبات الإلتحاق بجوجل أدسنس يتم فحصعا تحت أدوات وطرف فحص صارمة جدا, لذا على مقدم الطلب أن يكون حذرا جدا , جادا و عالما بمايفعله عند تقديم الطلب, في هذه المقالة سأضع لكم بعض الطرق والخدع الشرعية لكي يتم قبول طلب إلتحاكم بجوجل ادسنس في أسرع وقت ممكن.<br /> <br /> يجب ان تتخذ حذرك وتكون جادا عندما تبعث بطلب الغلتحاق إلى جوجل إدسنس. لانه حاليا أي حساب أدسنس يتم مراقبته وقبوله يدويا من طرق عمال أدسنس , إتبعوا هذه الخطوات وتأكدوا ان ستفيدكم جدا.<br /> <span style="background-color: white;"><span style="color: #cc0000;">1-</span></span> قم بإنشاء مدونة ’ أنا أفضل على بلوجر , لكن إذا كنت تملك موقعا أو أي مدونة أخرى, فلا مشكل على الإطلاق, لكن تأكدوا أنكم لم تبعثوا طلبات للإلتحاق بجوجل أدسنس من قبل عن طريق هذه المواقع.<br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">2-</span></span> تجنبوا , إرسال الطلبات للمواقع التي مازالت تحت البناء ومازالت في التطوير عند الإنتهاء من تصميم موقعك ,إبهثوا بطلبات الإلتحاق بجوجل أدسنس<br /> <span style="background-color: white;"><span style="color: #cc0000;"><br /></span></span> <span style="background-color: white;"><span style="color: #cc0000;">3-</span></span> قم بكتابة مواضيع مهتمة على الأقل<span style="color: #b45f06;"> 20 صفحة</span> , في الوقع يمكنك كتابة <span style="color: #b45f06;">25 صفحة</span> لكي تبين لجوجل أدسنس كم انت جاد في العمل معه , وفي تطوير مدونتك<br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">4-</span></span> قم بكتابة مواضيع ذات جودة عالية وحصرية طبعا على الأقل موضوع واحد كل يوم<br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">5-</span></span> قم ببناء موقع مع كلمات مفتاحية/دلالية جيدة وذات بحث عالى مثل : <span style="color: #38761d;">Tips, How to do, Tricks, Free browsing, Make money online, Health, SEO</span><br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">6-</span></span> قم بترويج موقعك عن طريق مواقع التواصل الإجتماعي مثل :&nbsp; <span style="color: #0b5394;">facebook</span>,<span style="color: #0b5394;"> twitter</span><br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">7-</span></span> الآن يجب أن تكون مدونتك على الاقل عمرها 3 شهور بعد القيام بكل ما طلبته منكم في الأعلى <br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">8-</span></span> الآن عندما يكون عمر مدونتك بضعة اشهر فهي جاهزة للإنظام إلى جوجل أدسنس بكل جدارة وإستحقاقية<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <span style="background-color: white;"><span style="color: #cc0000;">9-</span></span> قم بقراءة قوانين وشروط جوجل أدسنس بعنيائة وتدبر , وألتزم بها ولا تخالفها<br /> <span style="background-color: white;"><span style="color: #cc0000;"><br /></span></span> <span style="background-color: white;"><span style="color: #cc0000;">10-</span></span> إستعمل بريد <span style="color: #cc0000;">G</span><span style="color: #0b5394;">mail</span> للإلتحاق بجوجل أدسنس إذا كنت تستعمل مدونات اخرى او مواقع , وتأكد جيدا أنه لم يتم بعث طلبات من قبل بنفس الإيميل , فإن طلبك سيلغى مباشرة<br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">11-</span></span> عندما يتم قبول طلبك للمرة الأولى , ستقدم لك جوجل الكود الخاص بك , قم بلصقه في مدونتك , وإحذر لا تضغط على إعلاناتك بنفسك , سيتم حظرك , دع الإعلانات وشأنها <br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">12-</span></span> داوم على كتابة مواضيع ومحتوى ذات جودة في مدونتك , وتجنب أي إختراق لقوانين جوجل أدسنس<br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">13-</span></span> الدعاء والصلاة أمر مهم لتسهيل قبول الطلب ’ فإذا شاء الله ’ فجوجل ستقبلك رغما عن أنفها<br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">14-</span></span> إذا تم قبول الطلب إحمد الله على توفيقه لك<br /> <br /> <span style="background-color: white;"><span style="color: #cc0000;">15-</span></span> إذا تم رفض طلبك للإلتحاق بجوجل , إذهب إلى الايميل وقم بقراءة سبب قدم القبول , قم بالتصحيح ثم حاول من جديد عن طريق حساب إيميل آخر<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> اتمنى التوفيق للجميع ...<br /> <h2 style="text-align: center;"> <br /></h2> <div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span><br /> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="معاينة &quot;أي لغة برمجة أقوى أو أفضل ?!&quot; | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <div style="text-align: center;"> <div style="text-align: right;"> <h2 style="text-align: right;"> <span style="color: #cc0000;">اقرا ايضا :</span></h2> </div> </div> </div> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/11/css_7591.html" target="_blank">الأفضلية في تطبيق قواعد Css</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_1.html" target="_blank">طريقك لاحتراف تصميم المواقع – البداية</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span><br /> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/12/blogger_4615.html" target="_blank">اضافة قائمه بأكثر الاشخاص تعليقاً على مدونتك</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="font-family: 'times new roman'; margin: 0px;"> <span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><span style="background-color: white;"><span style="color: #cc0000;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/10/blogger_26.html" target="_blank">اضافة اداة كاتب الموضوع وصورته</a></span><span style="color: #cc0000;">&nbsp;</span></span><span style="background-color: #674ea7; color: #cc0000;">&nbsp;</span><br /> <div style="text-align: center;"> <div style="text-align: right;"> <div style="margin: 0px;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2012/12/blogger_2974.html" target="_blank">اضافة تقيم لتدوينات </a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> <div style="margin: 0px;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;"></span></span></div> <div style="text-align: right;"> <div style="margin: 0px;"> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: #cc0000;"><span style="background-color: #674ea7;">&nbsp;</span><span style="background-color: white;">&nbsp;<a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_15.html" target="_blank">أي لغة برمجة أقوى أو أفضل ?!</a>&nbsp;</span><span style="background-color: #674ea7;">&nbsp;</span></span></div> </div> </div> </div> </div> </div> </div> </div> <div style="text-align: right;"> <br /></div> <div style="text-align: center;"> <h2> <span style="color: orange;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل<img alt="faseel" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="faseel" /></span></h2> <h2> <span style="color: red;">لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</span></h2> </div> </div> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "8812187270"; google_ad_width = 468; google_ad_height = 15; //</script> <div style="text-align: right;"> <br /> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com5tag:blogger.com,1999:blog-3730634954661522366.post-7478898222548689042013-03-02T03:16:00.004+02:002016-09-11T05:14:08.556+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">استبدال الخطوط في المدونة بأخرى جديده جوجل <span style="color: #b45f06;">Blogger</span></span></h2> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPYCWmbbn2Xul4UFbXbhcrFCayE7jvuLoBEa7QVMewsrg2tBeuHr5S5e8NqDrmhaIgt3kTBYD_ojPo1xEvXvWiIltaTTq3pTPbEUt_-GwB7g_0-XA43byJqczaSHmi3KdYmjYbfbBn7oA/s1600/abda3design.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="استبدال الخطوط في المدونة بأخرى جديده جوجل Blogger | ابداع ديزاين Abda3 Design" border="0" class="bann" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPYCWmbbn2Xul4UFbXbhcrFCayE7jvuLoBEa7QVMewsrg2tBeuHr5S5e8NqDrmhaIgt3kTBYD_ojPo1xEvXvWiIltaTTq3pTPbEUt_-GwB7g_0-XA43byJqczaSHmi3KdYmjYbfbBn7oA/s200/abda3design.png" title="استبدال الخطوط في المدونة بأخرى جديده جوجل Blogger | ابداع ديزاين Abda3 Design" width="200" /></a>بسم الله الرحمن الرحيم<br /> الحمد لله رب العالمين و الصلاة و السلام على سيد المرسلين و خاتم النبيين محمد و على اله واصحابه اجمعين .. و بعد ..<br /> اضافت جوجل مؤخرا ستة خطوط عربية تجريبية تعمل على جميع المتصفحات و يتم اضافتها بخطوتين بسيطتين فارت في هذا الموضوع التحدث عن هذه الخطوط الجديده<br /> <span style="color: #38761d;">طريقة اضافة الخطوط :</span><br /> ندخل الى صفحة الخطوط من هنا <a href="http://www.google.com/webfonts/earlyaccess">( <span style="color: #b45f06;">الرابــــط</span> )</a> <br /> ستجد عدد من الخطوط بلغات اخرى اختر الخط المكتوب امامه <span style="color: #0b5394;">Arabic </span>و بعدها ندخل الى لوحة التحكم ثم نختار المدونة التي نريد اضافة الخط لها و من اليمين نختار قالب و بعدها تحرير <span style="color: #0b5394;">HTML </span>كما في الصورة :<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NMFyjGLdx0-qhSfJxWf6DeWFtpnGYaq_v9f9vobgxrkJtUMYPaiOnQQrTmMywSLYnQXewYTdbD4sZ4tb7I_p_opESgMielmlOZa5HzqtISNQzgO3AMw013DSgpQqr2RSxNxPDrh5NbQ/s1600/abda3design.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="استبدال الخطوط في المدونة بأخرى جديده جوجل Blogger | ابداع ديزاين Abda3 Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NMFyjGLdx0-qhSfJxWf6DeWFtpnGYaq_v9f9vobgxrkJtUMYPaiOnQQrTmMywSLYnQXewYTdbD4sZ4tb7I_p_opESgMielmlOZa5HzqtISNQzgO3AMw013DSgpQqr2RSxNxPDrh5NbQ/s1600/abda3design.png" title="استبدال الخطوط في المدونة بأخرى جديده جوجل Blogger | ابداع ديزاين Abda3 Design" /></a></div> <br /> <br /> الان نبحث عن :<br /> <div dir="ltr" style="text-align: left;"> <span style="color: #b45f06;"><span style="background-color: white;">&lt;head&gt;</span></span></div> و نضع تحته مباشرة كود رابط الخط:<br /> <br /> <div dir="ltr" style="text-align: left;"> <span style="color: #b45f06;"><span style="background-color: white;">&nbsp;&lt;link href='رابط الخط' rel='stylesheet' type='text/css'/&gt;</span></span></div> رابط الخط نحصل عليه بالطريقة التالية :<br /> بعد ان نختار الخط سنلاحظ وجود رابط الخط نقوم بنسخه كما في الصورة التالية :<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <div style="text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdkjj22knYzX0kYWfyORsQyw_JHiS-UQN6RoOr-g7v0c6RGISedJCzUxILY6lfBUvdmbL6cQJ4U6pfql29KF-hTPhvuyUOXZOB1y1h_YwROS8KJCdVDZ_MQhAKDXrPFbDKvDkdgi7Zwfo/s1600/abda3design.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="استبدال الخطوط في المدونة بأخرى جديده جوجل Blogger | ابداع ديزاين Abda3 Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdkjj22knYzX0kYWfyORsQyw_JHiS-UQN6RoOr-g7v0c6RGISedJCzUxILY6lfBUvdmbL6cQJ4U6pfql29KF-hTPhvuyUOXZOB1y1h_YwROS8KJCdVDZ_MQhAKDXrPFbDKvDkdgi7Zwfo/s1600/abda3design.png" title="استبدال الخطوط في المدونة بأخرى جديده جوجل Blogger | ابداع ديزاين Abda3 Design" /></a></div> <br /> <div dir="ltr" style="text-align: left;"> <div dir="rtl" style="text-align: right;"> للتوضيح اكثر مثلا انا اخترت الخط الكوفي .. يصبح الكود بهذا الشكل :</div> </div> <blockquote class="tr_bq"> <div dir="ltr" style="text-align: left;"> <br /></div> <div dir="ltr" style="text-align: left;"> &nbsp; </div> <div dir="ltr" style="text-align: left;"> &lt;link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/&gt;</div> </blockquote> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> الخطوة الثانية و الاخيرة هي ادراج الخط ضمن القالب .. موضحة في الصورة اعلاه . بعد ان ننسخ الخط نقوم بادراجة ضمن css الخاص بالقالب .<br /> مثلا اذا اردنا الخط لكل المدونة نقوم بادراج الخط ضمن الـ body بهذا الشكل :<br /> <br /> <div style="text-align: right;"> <div dir="ltr"> <div style="text-align: left;"> <span style="color: #b45f06;"><span style="background-color: white;">&nbsp;body { font-family: 'Droid Arabic Kufi', tahoma ,arial; }&nbsp;</span></span></div> <div style="text-align: right;"> <br /></div> <div style="text-align: right;"> حظ موفق والى القاء في موضوع اخر&nbsp;</div> <div style="text-align: right;"> <br /></div> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" /></div> </div> <div style="text-align: right;"> <div dir="rtl" style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"><thead> <tr> <td><span style="font-size: large;">إقرأ المزيد </span></td> </tr> </thead> <tbody> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blog-post_4693.html" target="_blank">طريقة سريعة وسهلة لاختبار سرعة موقعك او مدونتك</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/wordpress_7069.html" target="_blank">كيف تختار الاستضافة المناسبة قبل حجز المدونة</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blogger_1.html" target="_blank">إضافة تعليقات الفيس بوك</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/10/sharing-blogger.html" target="_blank">طريقة رائعة جذابة لاضافة ازرار المواقع الاجتماعية </a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blogger.html" target="_blank">كيف تحمي محتويات مدونتك من النقل او السرقة لـ(blogger)</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/12/blogger_26.html" target="_blank">كيفية تركيب قوالب بلوجر </a></b></td> </tr> </tbody></table> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"><thead> <tr> <td><span style="font-size: large;">قم بتصفح جميع الموضوعات </span></td> </tr> </thead> </table> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "8812187270"; google_ad_width = 468; google_ad_height = 15; //</script> <br /> <div style="text-align: right;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> </div> </div> </div>M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com5tag:blogger.com,1999:blog-3730634954661522366.post-15796253905091517702013-02-28T19:40:00.001+02:002016-09-11T03:46:56.012+02:00<div dir="rtl" style="text-align: right;" trbidi="on"> <h2 class="ban" style="text-align: center;"> <span style="color: #38761d;">طريقة تعديل الخطوط في المدونة بطريقة شرح مبسط <span style="color: #b45f06;">Blogger</span></span></h2> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPh0K84XIrCp54BVGAhlKczY6DT1AQF5gWL3rHnPrmSqBRA9EVpkl2a7JXL1ZrbDi4sKND-FELLbhD-T2M78HW-bIelaZrHXNiMNK29aOjfmtfUCxRsjQzQaJ8dgkM4q5ezhXe5Yro7M/s1600/abda3design.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="تعديل الخطوط في المدونة Blogger | ابداع ديزاين Abda3 Design" border="0" class="bann" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPh0K84XIrCp54BVGAhlKczY6DT1AQF5gWL3rHnPrmSqBRA9EVpkl2a7JXL1ZrbDi4sKND-FELLbhD-T2M78HW-bIelaZrHXNiMNK29aOjfmtfUCxRsjQzQaJ8dgkM4q5ezhXe5Yro7M/s200/abda3design.png" title="تعديل الخطوط في المدونة Blogger | ابداع ديزاين Abda3 Design" width="200" /></a>الكثير من المدونين يريدون أحيانا تغيرر نوع الخط أو حجمه لسبب أو لأخر وفي هذه التدوينة سوف نوضح طريقة القيام بهذه التعديلات .<br /> طبعا طريقة التعديل هي واحدة ولا تتغير بتغير القالب لذلك وجب التركيز وحفظها فهي ليست بالصعبة<br /> <br /> أولا لتغيير نوع الخط اذهب إلى تصميم ثم إذهب إلى قسم تحرير html ثم ضع علامة على خانة توسيع عناصر واجهة المستخدم , لعد ذلك استعمل صندوق البحث بواسطة ctrl + f للبحث عن <span style="color: #0b5394;">font-family</span> وسوف نجد أمامها نوع الخط المستعمل سواء كان arial أو verdana أو tahoma ... وغير أول نوع من الخط بنوع الخط الدي تريده .<br /> ثانيا لتغيير حجم الخط إستعمل نفس الطريقة الأولى للبحث عن <span style="color: #0b5394;">font-size</span> وسوف تجد أمامها حجم الخط (مثال 25px) غيره إلى الحجم الذي تريده .<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <br /> <div style="text-align: center;"> <span style="color: #b45f06;"><span style="background-color: #cccccc;"><b><span style="background-color: #674ea7;">&nbsp; </span>&nbsp; </b><span style="color: black;">تحديث 1</span> &nbsp; </span><span style="background-color: #cccccc;"><span style="background-color: #cccccc;"><b><span style="background-color: #674ea7;">&nbsp;&nbsp; </span></b></span></span></span></div> <div style="text-align: center;"> <span style="color: #b45f06;"><span style="background-color: #cccccc;"><b><span style="background-color: #674ea7;"></span></b></span><span style="background-color: #cccccc;"><span style="background-color: #cccccc;"><b><span style="background-color: #674ea7;"></span></b></span></span></span></div> أشكر الصديق أيوب الذي سأل عن طريقة تغيير الخط إلى بولد ليصبح أكثر وضوحا , والطريقة هي البحث عن كلمة font-weight وسوف تجد أمامها إما كلمة normal أو small , غيرها إلى bold .<br /> <br /> <div style="text-align: center;"> <span style="color: #b45f06;"><span style="background-color: #cccccc;"><b><span style="background-color: #674ea7;">&nbsp; </span>&nbsp; </b><span style="color: black;">تحديث 2</span> &nbsp; </span><span style="background-color: #cccccc;"><span style="background-color: #cccccc;"><b><span style="background-color: #674ea7;">&nbsp;&nbsp;</span></b></span></span></span></div> بعد ملاحظة الصديق محمد حول ان كان يوجد خطوط أخرى غير الثلاث المذكورة , أمدكم بهذه المجموهة من الخطوط العربية الجميلة التي يمكن استعمالها في مدونتك : Nassim , Mohareb4 , ah-kofi .<br /> كما يمكنك الإطلاع على حزمة من أجمل الخطوط العربية من خلال البحث في <a href="http://www.google.com/" target="_blank">جوجل </a>.<br /> <div style="text-align: center;"> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "7020443015"; google_ad_width = 468; google_ad_height = 60; </script> <br /> <div style="text-align: center;"> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> <div style="text-align: center;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><span center="" style="font-size: 100&lt;div style=;" text-align:=""> <img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></span></span></div> <div style="text-align: right;"> <div dir="rtl" style="text-align: right;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: #38761d;"><b>... نهاية الشرح ...</b></span><br /> <span style="color: #38761d;"><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s200/faseel.png" style="color: black;" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" width="200" /></span></div> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"><thead> <tr> <td><span style="font-size: large;">إقرأ المزيد </span></td> </tr> </thead> <tbody> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/12/blogger_10.html" target="_blank">مواضيع ذات صلة بشكل مميز وجديد Blogger</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2016/08/blog-post_1.html" target="_blank">احتراف تصميم المواقع – البداية</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/blog-post.html" target="_blank">طريقة اختيار ألوان متناسقة لمدونتك او موقعك</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/css.html" target="_blank">[ دورة CSS ] مقدمة عامة لصفحات الأنماط الانسيابية</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2012/11/vb-scripts.html" target="_blank">[فهرس] دورة VB Scripts</a></b></td> </tr> <tr> <td><b><a href="http://abda3design.blogspot.com.eg/2016/08/google-sites.html" target="_blank">بناء موقع مجاني على Google sites</a></b></td> </tr> </tbody></table> <table border="0" cellpadding="0" cellspacing="0" class="pageofferstablq" style="width: 100%;"><thead> <tr> <td><span style="font-size: large;">قم بتصفح جميع الموضوعات </span></td> </tr> </thead> </table> <div style="text-align: center;"> <span style="color: #f1c232;"><br /></span><b><span style="color: #f1c232;">ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل</span><img alt="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png" title="إضافة عداد الزوار إلى المدونة بأشكال جذابة | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة" /></b></div> <div style="text-align: center;"> <span style="color: #cc0000;"><b>لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل</b></span></div> </div> <script type="text/javascript"> google_ad_client = "ca-pub-6897853063876425"; google_ad_slot = "8812187270"; google_ad_width = 468; google_ad_height = 15; //</script> <br /> <div style="text-align: right;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </div> </div> </div> </div> M . Elgemezyhttp://www.blogger.com/profile/13511361721527517792noreply@blogger.com2