منتدى الباز خليفة للابداع عنوان
منتدى الباز خليفة يرحب بك نرجوا ان تسجل ونتمنى ان تقتضى معنا احلى اوقاتك



 
الرئيسية1اليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
رئيس منتديات الباز خليفة يريد التطور المستمر فلذى انشاننا منتدانا vb عرب ايجى الرابط ارجوا ان تسجلوا فى المنتدى http://www.arabegy.dr-ho.org
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
ازرار التصفُّح
المجلة
 الصفحة الرئيسية
 قائمة الاعضاء
 البيانات الشخصية
 س .و .ج
 ابحـث

منتدى

منتدى الباز خليفة الراعى الرسمى للمنوعات

التبادل الاعلاني

احداث منتدى مجاني

النورس

منتدى جنة 
المحاسبين الأردنيين و العربمنتديات ريال مدريد العربية

منتديات بحر الكمبيوترمنتدى اللاعب الفنان محمد أبو تريكه
سبتمبر 2018
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
      1
2345678
9101112131415
16171819202122
23242526272829
30      
اليوميةاليومية
ازرار التصفُّح
المجلة
 الصفحة الرئيسية
 قائمة الاعضاء
 البيانات الشخصية
 س .و .ج
 ابحـث

منتدى الباز خليفة albkh.hooxs.com
http://www.up.arjwan.com/up/arjwan_jO7eYGL1s.gif

       منتدى الباز خليفة الابداع والتميز
        بادر معنا بالتسجيل
          albkh.hooxs.com
          
حمل كل حاجة لعمرو دياب

خش علطول عشان تسمع راديو منتدى الباز خليفة لعمرو دياب
كل الحقوق محفوظة لمنتدى الباز خليفة
سحابة الكلمات الدلالية
أفضل 10 أعضاء في هذا المنتدى
الزعيم عبدالرحمن خليفة@ - 1012
 
*اسما* - 88
 
المشاكس - 81
 
kazooza810 - 73
 
gemm233 - 67
 
فافو - 60
 
*محمود الرمال* - 56
 
mahyashraf - 56
 
ميمو88 - 50
 
باكو - 43
 
Myspace Codes!

شاطر | 
 

 دوره متقدمه في Html

اذهب الى الأسفل 
كاتب الموضوعرسالة
جيلر
بازممتاز
بازممتاز


عدد المساهمات : 18
تاريخ التسجيل : 26/10/2009

مُساهمةموضوع: رد: دوره متقدمه في Html   الأربعاء فبراير 17, 2010 3:44 am

برافوا زعيم مرسى اوى والله على الابداع المستمر فى قسم البرامج
ممتاز 100%
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
الزعيم عبدالرحمن خليفة@
مدير المنتدى
مدير المنتدى
avatar

عدد المساهمات : 1012
تاريخ التسجيل : 21/08/2009
العمر : 21
الموقع : albkh.hooxs.com

مُساهمةموضوع: دوره متقدمه في Html   الثلاثاء فبراير 09, 2010 1:53 pm

تكتب ملفات HTML في صورة ملفات نصوص بسيطة (Plain Text)، تأخذ الإمتداد
.html عادة، وتكتب في أي برنامج للنصوص البسيطة، في الويندوز استخدم
Notepad، في اللينكس استخدم pico، في الماكنتوش استخدم SimpleText، جميع
هذه البرامج مناسبة جدا لعمل صفحات HTML.
الأمر الآخر الذي ستحتاج إليه هو متصفح للإنترنت، ولن يكون أكثر من
Internet Explorer أو Netscape Navigator أو الأثنين معا، وبما أنك الآن
تتطلع على هذه الصفحة فلا بد من أنك تمتلك المتصفح أيضا، ستحتاج إلى
معاينة الصفحات بالمتصفح بعد كتابها، ولأن المتصفحات تختلف من نوع إلى آخر
لذا يفضل أن تقوم بمعاينة صفحتك بجميع المتصفحات الموجودة وتتأكد من أنها
تظهر بشكل سليم في جميع المتصفحات، لأن الجمهور الذي سيزور صفحتك سيستخدم
المتصفح الذي يفضله هو لذلك فإن عليك التأكد من أن الجمهور يستطيع رؤية
الصفحة بمتصفحه أيا كان.
المشكلة التي قد تواجهك في كتابة صفحاتك هي دعم المتصفحات للغة العربية
أولا، ودعمها لآخر التقنيات ثانيا، يقدم متصفح Internet Explorer من
Microsoft دعما رائعا للغة العربية، ولآخر تقنيات الويب مثل HTML 4.0 و
CSS و XML وغيرها، وأما متصفح Netscape Navigator فهو لا يدعم اللغة
العربية بشكل جيد ولتحسين دعم اللغة العربية تحتاج إلى برنامج Sindbad من
شركة صخر، وفي كل الأحوال يظل متصفح Netscape Navigator متصفحا متعبا في
التصميم، لهذه الأسباب جميعا اعتمدنا متصفح Internet Explorer 5.0 كمتصفح
قياسي لصفحات موقعنا، فهي تظهر بشكل رائع فيه. ملحوظة

آخر إصدارة من متصفح Netscape Navigator هي الإصدارة 4.72 وآخر إصدارة من
برنامج Sindbad هي 4.51 وقد توقفت شركة صخر عن تعريب Navigator في الآونة
الأخيرة لأسباب لا أعرفها


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

  • المحتوى : وهو ما يشاهده الجمهور في صفحتك.
  • الوسوم :وهي الأجزاء التي تحدد كيف سيشاهد جمهورك المحتوى السابق، فهي تصف المحتوى من حيث التنسيق.
مثال على ذلك هذا السطر من لغة HTML .. HTML is a Great ********

وعند استخدام المتصفح في مشاهدة السطر السابق سيظهر هكذا ..
HTML is a Great ********
في
المثال السابق تبدو أجزاء ملف الـ HTML واضحة، المحتوى الذي يتمثل في
عبارة HTML is a Great ********، والوسوم المحاطة بعلامتي < و >، في
المثال السابق استخدمنا وسما يدعى b وهو اختصار لكلمة bold (عريض)، ويأتي
في صورة زوج من الوسوم، وسم للفتح ووسم للإغلاق، ويتميز وسم الإغلاق عن
وسم الفتح في أنه يحتوي على علامة ( / ) قبل اسم الوسم، وسم الفتح يعني أن
المتصفح يجب أن يطبق الوصف الموجود في الوسم على جميع النصوص الذي تلي
الوسم وحتى يصل إلى وسم الإغلاق، مثل التشغيل والإطفاء .. وسم الفتح يشغل
ميزة الخط العريض ووسم الإغلاق يطفأ هذه الميزة، وكما أن هنالك وسما للخط
العريض .. هنالك وسم للخط المائل، وآخر لتغيير الخط، ووسوم أخرى للجداول
والصور، جميع عناصر ملف HTML يتم إدراجها عن طريق الوسوم، وتحدد خصائصها
أيضا عن طريق الوسوم.
إذا أردت مثلا أن تغير الخط في كلمة Great في مثالنا السابق، سنحتاج إلى
استخدام الوسم Font، حيث سنستخدم الوسم Font بأن نضبط خاصية لون الخط في
كلمة Great إلى اللون الأحمر، ويتم هذا كالتالي .. HTML is a color="red">Great ********
حيث ستبدو هكذا ..
HTML is a Great ********
في
المثال السابق يتضح لنا أمر آخر، وهو أنه حتى نضبط خصائص أحد الوسوم فإننا
نقوم بوضع إسم الخاصية بعد اسم الوسم بين علامتي الـ< والـ> ونفصل
بين اسم الوسم والخاصية بمسافة بيضاء، وتكون الخصائص في صورة إسم="قيمة"
أي إسم الخاصية ثم علامة المساواة ثم قيمة الخاصية بين أقواس الإقتباس
المزدوجة، في المثال السابق قمنا بضبط الخاصية color للوسم font عند
القيمة red، وإذا كان هنالك أكثر من خاصية يمكننا إضافتها أيضا في نفس
المكان، بحث نفصل كل خاصية والأخرى بمسافة، مثلا .. HTML is a color="red" size="+1">Great ********
التي ستظهر هكذا ..
HTML is a Great ********
أمور إضافية يجب أن تعرفها عن HTML ..

  • لغة HTML لا تراعي حالة الأحرف من حيث كونها كبيرة أو صغيرة، أي أنه في HTML وضع لا يختلف عن .
  • يمكن إحاطة قيم الخصائص بعلامة إقتباس مزدوجة ( " ) أو مفردة ( ' )،
    ويمكن أيضا عدم إحاطتها بأي منها إذا كانت القيمة تتألف من كلمة واحدة دون
    مسافات.
  • بعض الوسوم تحتاج إلى وسم إغلاق وبعضها لا يحتاج إليه.
  • قد وقد لا يحتوي وسم الفتح على خصائص إضافية، ولكن وسم الإغلاق لا يحتوي أبدا على هذه الخصائص.
  • لغة HTML لا تراعي المسافات البيضاء، وتعتبرها جميعا مسافة واحدة، أي
    أن وضع مسافة واحدة بين كلمتين، يساوي وضع مسافتين، ويساوي وضع ثلاثين
    مسافة، ويساوي وضع سطر جديد، ويساوي وضع جدولة tab، كلها تترجم إلى مسافة.
  • توضع التعليقات بين أي أن المتصفح يتجاهل أي شيء بينهما وكأنه غير موجود.
بنية ملف HTML


يتكون ملف HTML القياسي من جزئين رئيسيين هما :

  • الرأس Head :
    يحتوي على المعلومات الإضافية الخاصة بالمستند مثل عنوان الصفحة والكلمات
    المفتاحية فيها وغيرها من الأمور الخاصة بالصفحة والتي لا تعتبر من ضمن
    المحتوى.
  • الجسم Body : وهو يحتوي على المحتوى الذي يراه المستخدم.
المثال التالي يبين كيفية تقسيم ملف HTML ..
... ...

المثال السابق صريح، ولا يحتاج إلى المزيد من التوضيح، الأجزاء التابعة
للرأس توضع بين و ، أما الأجزاء التابعة للجسم
فتوضع بين الوسمين و .
يتم تحديد عنوان المستند الذي يظهر في شريط العنوان للمتصفح بإحاطته بـ
و ، والمكان الصحيح لوسم الـ <br />هو الرأس، حيث أن الوسم title لا يعتبر من ضمن محتوى الصفحة ولا يظهر في<br />الصفحة، وهو يستخدم في عمليات البحث والأرشفة كما في محركات البحث، ولا<br />يمكنك وضع وسوم تنسيق أخرى بين وسمي الـ title. <br />وتوجد أيضا وسوم أخرى تحدد صفات المستند تمسى وسوم meta توضع أيضا في<br />منطقة الرأس، وسنأتي إليها في الدرس الثاني من هذه الدورة. أما باقي<br />الوسوم فأغلبها يوضع في منطقة الجسم body.</div><div class="clear"></div></div><span class="gensmall"></span></td></tr></table></td></tr><tr class="post--1756" style=""><td class="row2 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img class="sprite-arrow_prosilver_up" src="https://illiweb.com/fa/empty.gif" alt="الرجوع الى أعلى الصفحة" /></a> <a href="#bottom"><img class="sprite-arrow_prosilver_down" src="https://illiweb.com/fa/empty.gif" alt="اذهب الى الأسفل" /></a></td><td class="row2 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"><a href="/u1" class="profile-icon" title="معاينة صفحة البيانات الشخصي للعضو"><img src="https://illiweb.com/fa/prosilver/icon_user_profile.png" class="i_icon_profile " alt="معاينة صفحة البيانات الشخصي للعضو" /></a> <a href="http://albkh.hooxs.com" title="مُعاينة مُنتدى هذا العضو" target="_blank"><img src="https://illiweb.com/fa/prosilver/icon_contact_www.gif" alt="http://albkh.hooxs.com" /></a> </td></tr></table></td></tr><tr align="right"><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint"> </td><td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">دوره متقدمه في Html</div></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="#top"><img class="sprite-arrow_prosilver_up" src="https://illiweb.com/fa/empty.gif" alt="الرجوع الى أعلى الصفحة" /></a> </td></tr></table></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"><tr><td class="row2" valign="top" colspan="2" width="150"><span class="gensmall">صفحة <strong>1</strong> من اصل <strong>1</strong></span></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle"> مواضيع مماثلة</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://illiweb.com/fa/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle"> مواضيع مماثلة</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://illiweb.com/fa/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr><tr><td class="row2 postbody" valign="top">» <a style="text-decoration:none" href="http://agamyteam.forumotion.com/viewtopic?t=2564&topic_name" target="_blank" title="كود وضع اكثر من ستايل لمنتداك" rel="nofollow">كود وضع اكثر من ستايل لمنتداك</a><br />» <a style="text-decoration:none" href="http://mlkat-alqolob.ahlamontada.com/viewtopic?t=645&topic_name" target="_blank" title="كود ساعه رقميه" rel="nofollow">كود ساعه رقميه</a><br />» <a style="text-decoration:none" href="http://odessa.ahlamontada.com/viewtopic?t=8895&topic_name" target="_blank" title="كود المتواجدون باعلام الدول" rel="nofollow">كود المتواجدون باعلام الدول</a><br />» <a style="text-decoration:none" href="http://nana.ace.st/viewtopic?t=1533&topic_name" target="_blank" title="كوشة كودات html مهمة للكل....." rel="nofollow">كوشة كودات html مهمة للكل.....</a><br />» <a style="text-decoration:none" href="http://7nan-egy.yoo7.com/viewtopic?t=10&topic_name" target="_blank" title="كود وضع صفحة html داخل اطار.." rel="nofollow">كود وضع صفحة html داخل اطار..</a><br /></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" colspan="2" align="center" style="padding:0px"><a name="quickreply"></a><br /></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><tr><td class="row2" valign="top" width="25%"><span class="gensmall"><strong>صلاحيات هذا المنتدى:</strong></span></td><td class="row1" valign="top" width="75%"><span class="gensmall"><strong>لاتستطيع</strong> الرد على المواضيع في هذا المنتدى<br /></span></td></tr><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/forum">منتدى الباز خليفة للابداع عنوان</a><a class="nav" href=""></a> :: <a href="/f3-montada" class="nav"><span>منتدى البرامج والانترنت</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_less" src="https://illiweb.com/fa/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/forum">منتدى الباز خليفة للابداع عنوان</a><a class="nav" href=""></a> :: <a href="/f3-montada" class="nav"><span>منتدى البرامج والانترنت</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_more" src="https://illiweb.com/fa/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr><td align="left" valign="middle" nowrap="nowrap" ><span class="nav"></span></td><td align="right" nowrap="nowrap"><span class="gensmall">انتقل الى: <select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">اختر منتدى</option><option value="-1"></option><option value="-1">|</option><option fa_attr="1" value="f3">|--منتدى البرامج والانترنت</option><option fa_attr="1" value="f19">|--منتدى تقنيات وتطوير المنتديات والمواقع</option><option fa_attr="1" value="c1">|--الفئة الأولى</option><option fa_attr="1" value="f1">|   |--المنتدى الأول</option><option value="-1">|   </option><option fa_attr="1" value="f6">|--منتدى الاغانى والكليبات (مشاهدة_تحميل)</option><option fa_attr="1" value="f32">|--قسم افلام الانمى والكرتون</option><option fa_attr="1" value="f25">|--قسم الالبومات الكاملة</option><option fa_attr="1" value="f24">|--منتدى الافلام الاجنبية</option><option fa_attr="1" value="f7">|--منتدى الموبايل</option><option fa_attr="1" value="f8">|--مسلسلات</option><option fa_attr="1" value="f9">|--منتدى الاسلاميات</option><option fa_attr="1" value="f10">|--منتدى الصور</option><option fa_attr="1" value="f11">|--منتدى الرياضة</option><option fa_attr="1" value="f12">|--منتدى كل الحصريات</option><option fa_attr="1" value="f14">|--منتدى المصارعة الحرة</option><option fa_attr="1" value="f15">|--منتدى ادارة وقرارات الباز خليفة ومملكته واسرته</option><option fa_attr="1" value="f16">|--منتدى شروحات البرامج وتحميلها والعلم</option><option fa_attr="1" value="f17">|--منتدى الاخبار والعلم والمعرفة</option><option fa_attr="1" value="f20">|--منتدى العلم والدراسة والتعليم</option><option fa_attr="1" value="f21">|--قسم تعليم الكمبيوتر والانترنت</option><option fa_attr="1" value="f22">|--مشاهدة الافلام</option><option fa_attr="1" value="f23">|--قسم فيديوهات الاسلامية للمشاهدة</option><option fa_attr="1" value="f26">|--قسم الايدسليبت خليفة للصفحات</option><option fa_attr="1" value="f27">|--قسم طلبات عمل مجلة</option><option fa_attr="1" value="f28">|--قسم سينما الباز خليفة</option><option fa_attr="1" value="f29">|--قسم طلبات اشهار المنتديات</option></select><input type="hidden" name="tid" value="436361985a4ec643e9800998ecf8427e" /> <input class="liteoption" type="submit" value="انتقل الى" /></span></td></tr></table></form><script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script><table class="forumline a94c5b0" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td style="background:#ffffff;padding:inherit 0"><table width="100%" cellspacing="1" cellpadding="1" border="0" style="background:#ffffff"><tr><td><div align="center"><div> <div id="taboola-below-desktop-forum-thumbnails" style="max-width:1000px"></div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'thumbnails-desktop-a', container: 'taboola-below-desktop-forum-thumbnails', placement: 'Below Desktop Forum Thumbnails', target_type: 'mix' }); </script></div></div></td></tr></table></td></tr></table><div style="height:3px"></div></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div><!-- close div id="page-body" --><div id="page-footer"><div align="center"><div class="gen"><span class="gensmall">©</span> <a href="https://www.ahlamontada.com/phpbb" target="_blank">phpBB</a> | <strong><a href="https://www.ahlamontada.com/" target="_blank">Ahlamontada.com</a></strong> | <strong><a href="https://www.ahlamontada.com/directory/society-and-culture" target="_blank">العصر و المجتمع</a></strong> | <strong><a href="https://www.ahlamontada.com/directory/society-and-culture/teens" target="_blank">المراهقة</a></strong> | <a name="bottom" href="https://help.ahlamontada.com/" target="_blank">منتدى مجاني للدعم و المساعدة</a> | <a name="bottom" href="/contact" rel="nofollow">إتصل بنا</a> | <a href="/abuse?page=%2Ft1023-topic&report=1" rel="nofollow">التبليغ عن محتوى مخالف</a> | <strong><a href="http://www.ahlablog.com" target="_blank">انشئ مدونتك الخاصة</a></strong></div></div></div></td></tr></table><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'http://albkh.hooxs.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'ar'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { key: '74bad24252620514d1244cfba01f2ee2' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script><script type="text/javascript"> document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="http://www.adexchangeguru.com/a/display.php?r=1615687"></scr' + 'ipt>'); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script></body></html>