Purez arabic

دورة CSS : شرح الخاصية color

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvSiwIZyR291i89e4YK6WsanwrS1AI_JrZLzwR8OcZPMbjYTHKmWN3dRGZVtYFDARrXKhkw1V4zbM-0nJX55LPKB5ZWIaemO59900nSLXzl42JKKcNEkzwneVap3PIHhyu9zYyy8oqOoaB/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvSiwIZyR291i89e4YK6WsanwrS1AI_JrZLzwR8OcZPMbjYTHKmWN3dRGZVtYFDARrXKhkw1V4zbM-0nJX55LPKB5ZWIaemO59900nSLXzl42JKKcNEkzwneVap3PIHhyu9zYyy8oqOoaB/s1600/minisoft.png" title="دورة CSS : شرح الخاصية color " /></a></div><br /><br />السلام عليكم<br />مرحباً بكم ,, المدونين والمدونات ومحبي برمجة صفحات الويب ,, اليوم معنا درس من دروس دورة CSS ويمكننا أن نطلق عليه درس تمهيدي او من الدروس الاساسية وهو شرح الخاصية color.<br />تلك الخاصية التي تجعلنا نعطي الكلام لوناً اخر او لون الخلفية او اي لون تراه امامك في صفحات الويب عدا الصور .<br />للحصول على اي لون تريد إليك هذا الرابط <a href="http://www.color-hex.com/">www.color-hex.com</a> سوف نحتاجه لاحقاً ..<br />والان تعالوا بنا نضرب مثالاً في صفحة ويب ,, افتح صفحة تكست text فارغة ثم اعطها الامتداد html ثم ضع فيها الكود ..<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><!DOCTYPE html><br /><html><br /><head><br /><style><br /><span style="color: #6aa84f;">h1 {color:#00CC00}</span><br /><span style="color: red;">body{color:red}</span><br /><span style="color: blue;">p.ex {color:rgb(0,0,255)}</span><br /></style><br /></head><br /><body><br /><span style="color: #6aa84f;"><h1>Mini Software</h1></span><br /><span style="color: red;"><p>Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software</p></span><br /><span style="color: blue;"><p class="ex">Mini Software Mini Software Mini Software</p></span><br /></body><br /></html></blockquote>الآن احفظ الصفحة وافتحها على اي متصفح وسوف تجد نصوص ملونه كما بالكود..<br />وبالطبع هناك فرق في كتابة الالوان وهو ما سوف نتعرف عليه الان,, تكتب الألوان بثلاث اشكال مختلفة وتسمى كالآتي ...<br /><div style="text-align: center;"><span style="color: #6aa84f; text-align: left;">color:#00CC00 تسمى هيكس او hex</span></div><div style="text-align: center;"><span style="color: red; text-align: left;">color:red وليس لها مسمى وهي انك تضع اسم اللون وليس رقم</span></div><div style="text-align: center;"><span style="color: blue; text-align: left;">color:rgb(0,0,255) وتسمى rgb وهي ان تضع الثلاث الوان مخلوطة لتعطيك اللون المطلوب ,, الثلاث الوان يقصد بهم الاخضر والاحمر والأزرق , وهما الآلوان الاساسية في عالم الالوان .</span></div><div style="text-align: center;"><span style="color: blue; text-align: left;"><br /></span></div><div style="text-align: center;"><span style="text-align: left;">لو دخلت على الموقع الذي عرضنا اياه في مقدمة الدرس سوف تجد أن الرابط معروض فيه اسماء الالوان ورقم الهكس ورقم rgb  الخاص بهم </span></div><div style="text-align: center;"><span style="color: blue; text-align: left;"><br /></span></div><div style="text-align: center;"><span style="color: blue; text-align: left;">وبهذا ينتهي درسنا ,, نراكم على خير ..</span></div><div style="text-align: center;"><span style="color: blue; text-align: left;"><br /></span></div></div>

دورة CSS : شرح الخاصية color

السلام عليكممرحباً بكم ,, المدونين والمدونات ومحبي برمجة صفحات الويب ,, اليوم معنا درس من دروس دورة CSS ويمكننا أن نطلق عليه درس تمهيدي او من الدروس الاساسية وهو شرح الخاصية color.تلك الخاصية التي تجع…

مزيد من المعلومات »

23 Dec 2013

تحديد نوع الصفحة في html الوسم DOCTYPE

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghR5-hX7Pp8OXHh_n5QgmOCXGsUoxvhcQBblIncXNQ-SmvJp6CWdW1U5CpzJ6zyJBnCi4idCeGLcPke-GC-XHS0KQDFsSH96_oxRdZ0eUYEo9ytfme6ETef_6xLlXetXOJ0svYTNqIiXer/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghR5-hX7Pp8OXHh_n5QgmOCXGsUoxvhcQBblIncXNQ-SmvJp6CWdW1U5CpzJ6zyJBnCi4idCeGLcPke-GC-XHS0KQDFsSH96_oxRdZ0eUYEo9ytfme6ETef_6xLlXetXOJ0svYTNqIiXer/s1600/minisoft.png" title="تحديد نوع الصفحة في html الوسم DOCTYPE" /></a></div><br /><br />بسم الله الرحمن الرحيم ..<br />درسنا اليوم يعتبر من اهم دروس html والتي على اساسها يقوم بناء الصفحة وهو الوسم ..<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE html></span></blockquote>يوضع هذا الوسم في اعلى الصفحة قبل الوسم <html> وهذا مثال على ذلك ..<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #b45f06;"><!DOCTYPE html></span><br /><span style="color: #6aa84f;"><html></span><br /><span style="color: blue;"><head></span><br /><span style="color: #3d85c6;"><title></span>Mini Soft&lt<span style="color: #3d85c6;"></title></span><br /><span style="color: blue;"></head></span><br /><span style="color: #8e7cc3;"><body></span><br />Mini Soft By Ahmad Saleh......<br /><span style="color: #8e7cc3;"></body></span><br /><span style="color: #6aa84f;"></html></span><span style="text-align: right;"> </span></blockquote>كما نرى الوسم المقصود في اعلى الصفحة ولا يوجد له اي مكان آخر سوى في الأعلى ولا يتكرر في الصفحة ابداً ,, فهو يخبر المتصفح أن يقرأ لغة الصفحة إن كانت html 5 او html او xml او غيره , وما هو إصدار لغة html المستعملة .<br /><br />والإصدارت التي أصدرت من html كالتالي :<br /><div style="text-align: center;">HTML 5 و يكتب هكذا ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE html></span></blockquote>HTML 4.01 Strict هذا DTD يحتوي على كافة عناصر HTML ولكنه لا يشمل عناصر العرض أو إهمال مثل الخطوط , ولا يدعم الإطارات , ويكتب هكذا<br /><div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></span></blockquote>HTML 4.01 Transitional هذا DTD يحتوي على كافة عناصر HTML ولكنه لا يشمل عناصر العرض أو إهمال مثل الخطوط , ولا يدعم الإطارات , ويكتب هكذا </div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></span></blockquote>HTML 4.01 Frameset هذا DTD يساوي HTML 4.01 الانتقالية، ولكن يسمح باستخدام محتوى إطارات ويكتب هكذا<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"></span></blockquote>XHTML 1.0 Strict هذا DTD تحتوي على كافة عناصر HTML والسمات، ولكنه لا يشمل عناصر العرض أو إهمال (مثل الخط). لا يسمح بالإطارات. ويجب أيضا كتابة العلامات XML بالتشكيل الصحيح ويكتب هكذا<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span></blockquote>XHTML 1.0 Transitional هذا DTD تحتوي على كافة عناصر HTML والسمات، ولكنه لا يشمل عناصر العرض أو إهمال (مثل الخط). لا يسمح بالإطارات. ويجب أيضا كتابة العلامات XML بالتشكيل الصحيح ويكتب هكذا<br /><div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span></blockquote>XHTML 1.0 Frameset هذا DTD يساوي XHTML 1.0 الانتقالية، ولكن يسمح باستخدام محتوى إطارات. ويكتب هكذا</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></span></blockquote>XHTML 1.1 هذا DTD يساوي XHTML 1.0 الصارمة، ولكن يسمح لك لإضافة وحدات (على سبيل المثال لتقديم الدعم روبي للغات الشرق آسيوية). ويكتب هكذا<br /><div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></span></blockquote>إذا كنت تريد أن تقوم باختيار إصدار فعليك بالإصدار الخامس الذي هو ..<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: magenta;"><!DOCTYPE html></span></blockquote></div></div>

تحديد نوع الصفحة في html الوسم DOCTYPE

بسم الله الرحمن الرحيم ..درسنا اليوم يعتبر من اهم دروس html والتي على اساسها يقوم بناء الصفحة وهو الوسم ..يوضع هذا الوسم في اعلى الصفحة قبل الوسم وهذا مثال على ذلك ..Mini Soft<Mini Soft By Ahmad Sa…

مزيد من المعلومات »

18 Dec 2013

التعليقات في صفحات HTML وكيف تكتب وفوائدها

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzCDBPMhfkmNWVmN4rNlN_ahtbRNVbfliFWxsrfU2Vz2nVgPwLwsOmi0G6MRiXGw2pilzqyGAyq6x-Cn1DU-d59o3dEOcyAIownidcorpfAmyffaGSbZZMxuRPmxnAvMDYpwIp2VU5doco/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzCDBPMhfkmNWVmN4rNlN_ahtbRNVbfliFWxsrfU2Vz2nVgPwLwsOmi0G6MRiXGw2pilzqyGAyq6x-Cn1DU-d59o3dEOcyAIownidcorpfAmyffaGSbZZMxuRPmxnAvMDYpwIp2VU5doco/s1600/minisoft.png" title="التعليقات في صفحات HTML وكيف تكتب وفوائدها" /></a></div><div><br /></div><div><br /></div><span style="color: purple;">بسم الله , الحمد لله</span><br /><div><br /></div><div>التعليقات في HTML  هي عبارة عن نص يكتب في داخل الصفحة ولا يتأثر مظهر الصفحة إطلاقاً بذلك واليكم مثال على ذلك ..</div><div>افتح صفحة تكست فارغة اعطها الامتداد html وضع فيها هذا الكود ..</div><div><br /></div><div dir="ltr" style="text-align: left;"><blockquote><!DOCTYPE html><br /><html><br /><body><br /><br /><p>This is a paragraph.</p><br /></body><br /></html></blockquote><div dir="rtl" style="text-align: right;">عند تطبيق هذا الكود على المتصفح لن ترى سوى الجملة  <span style="text-align: left;">This is a paragraph لكن باقي المكتوب لن تراه لأنه هو التعليق او الملاحظة وتكون بين سهمين وشرطتين وعلامة تعجب كما هو آتي :</span></div><blockquote class="tr_bq"><span style="text-align: left;"></span></blockquote><div dir="rtl" style="text-align: right;">وجميع انواع المتصفحات تدعم وسم التعليقات هذا. </div><div dir="rtl" style="text-align: right;">فائدة التعليقات إذا كان لديك الكثير من التعليمات البرمجية تستطيع كتابة تعليقات بجوارها او شرح تعليمات برمجية في الصفحة , لو كتابة شئ ما كتذكرة حتى لا تنسى موضع كود معين او لم يكتمل عمله.</div><div dir="rtl" style="text-align: right;">واخيراً يجب التنويه أن التعليقات تعمل مع HTML و HTML 5</div><div dir="rtl" style="text-align: right;"><br /></div></div></div>

التعليقات في صفحات HTML وكيف تكتب وفوائدها

بسم الله , الحمد للهالتعليقات في HTML هي عبارة عن نص يكتب في داخل الصفحة ولا يتأثر مظهر الصفحة إطلاقاً بذلك واليكم مثال على ذلك ..افتح صفحة تكست فارغة اعطها الامتداد html وضع فيها هذا الكود ..This is…

مزيد من المعلومات »

17 Dec 2013