الخميس، 27 مارس، 2014

قوائم لغة HTML



             
2-     قوائم لغة HTML  تستعمل كوسيلة فعالة لتنظيم المعلومات داخل صفحة ويب ويقدم HTML مساندة تامة للقوائم ، كما أن معالجات لغة HTML الموجودة في مستعرض ويب تساند القوائم وتقوم بعرضها داخل الصفحة .
     3-       الرموز الشائعة لإنشاء القوائم :-
¨    <UL>...</UL>   رمز التعداد النقطي .
¨    <OL>...</OL>   رمز التعداد الرقمي .
¨    <LI> ...        رمز البند المستخدم في إنشاء قائمة هذا الرمز ليس رمز إغلاق .
¨    <DL>...</DL>   رمز تعريف القائمة .
¨    <DT>...</DT>   رمز شروط التعريف وهو يستخدم ضمن الرمز <DT> .
¨    <DD>...</DD>   تعريف داخل التعريف للقوائم .
     4-       لما تستخدم القوائم :
  5-   هناك العديد من الأسباب التي تجعلنا تستخدم القوائم ، خاصة بالنسبة للصفحات النصية ، وليس الأمر مقصورا علي وضوح البيانات داخل القوائم ولكن أيضا ترتب المعلومات بحيث تقوم بالتركيز علي المعلومات من حيث الأهمية .
     6-       قوائم التعداد النقطي:
  7-   قائمة التعداد النقطي Bulleted هي أكثر القوائم استخداما نظرا لبساطتها وسهولة ترتيب بعض المعلومات باستخدام هذا النمط من الترتيب والتنظيم للمعلومات .  ونعتمد هذه القائمة علي إظهار المعلومات مرتبة وعلي جانبها رمز يمكن أن يتغير شكله وهو في الغالب دائرة سوداء صغير ، أو نقطة كبيرة .
  8-   ولإنشاء هذه القائمة باستخدام لغة HTML يجب أن تستخدم الرمز <UL> في بداية القائمة والرمز </UL> في نهاية القائمة وهذا الرمز يخبر معالج HTML ببداية ونهاية قائمة أي كان نوع القائمة ، في داخل هذين الرمزين سوف نستخدم الرمز <LI> بجوار كل بند من بنود القائمة ، نقوم بتجربة هذين الأمرين بكتابة البرنامج الأتي .
     9-       نقوم بفتح Notepad ثم نكتب البرنامج بعد <BODY> كما يلي:
<UL>
    <LI>Processors
    <LI>Hard Disk
    <LI>CD-Rom Drives
</UL>
  10-     ثم نحفظ الملف ثم نقوم بتشغيله باستخدام المستعرض ويجب أن يظهر في نافذة المستعرض
 11-  في العادة يقوم معالج اللغة بترك مسافة بين كل بند والتالي من بنود القائمة إذا أردت ترك إضافة مسافة أخري يمكنك إضافة رمز الفقرة <P> أو رمز الفاصل <BR> مثال علي ذلك نكتب الآتي :
  12-      
<UL>
    <LI> <P> Processors </P>
    <LI> <P>Hard Disk </P>
    <LI> <P>CD-Rom Drives </P>
</UL>

  13-     ثم نحفظ الملف ونستعرضه من خلال المستعرض
  14-     الرمز UL اختصار لكلمة Unordered أي قائمة غير مرقمة أو غير متسلسلة .
  15-     قوائم التعداد الرقمي:
 16-  لا تختلف قوائم التعداد الرقمي عن التعداد النقطي كثيرا ، الرمز <OL> بدلا من <UL> والنتيجة أرقام متسلسلة بدلا من النقاط السوداء ، والرمز <OL> هو اختصار لكلمة Ordered List أي قائمة رقمية أو متسلسلة نكتب هذا البرنامج ونقوم بحفظة " King.HTML" باستخدام Notepad :
<HTML>
<HEAD>
<TITLE>Internet Explorer 5</TITLE>
</HEAD>
<BADY>
<OL>
            <U><B>Inernet Explorer 5 </B></U>  
 
الزر "الخلف"       <LI>BOCK
الزر "الأمام"     <LI>Forward
الزر "إيقاف"     <LI>Stop
الزر "تحديث"     <LI>Sefresh
</OL>
</BADY>
</HTML>

  17-     بعد كتابة البرنامج نقوم بحفظة ثم نشاهده علي صفحة الويب في نافذة المستعرض
  18-     بناء صفحة ويب باستخدام القوائم :
 19-   نقوم بعمل صفحة ويب تشتمل علي كل من قائمة التعداد الرقمي وقائمة التعداد نقطي وسوف نبدأ في كتابة البرنامج منذ البداية وقد نستخدم بعض الرموز تم استخدامها مسبقا .
1-    من قائمة Start بالتأشير علي Programs ثم Accessories ثم نختار Nodepad يتم تشغيل برنامج Nodepad وفتح صفحة خالية .
2-    نكتب أوامر HTML الأولية هي :

<HTML>
<HEAD>
<TITLE>Building </TITLE>
</HEAD>
<BODY>
3-    إضافة عنوان للقائمة الأولي يكون تحته خط ، وخط مائل .
<U><I> My Computer Components are:</I></U>
4-    نضيف رمز بداية القائمة وبنود القائمة ثم رمز نهاية القائمة :
<UL>
       <LI> Processor : P.III 5000MHZ
       <LI> RAM : 64MB
        <LI> HDD : 20GB
       <LI> SW : Win98 , Office2000
</UL>
5-    لدينا قائمة نقطية ، نريد الآن إضافة قائمة رقمية . نضيف عنوان للقائمة ثم نضيف رمز القائمة الرقمية:
<U><I> I have in my office the following items: </I></U>
<OL>
        <LI > Computer
        <LI> Printer
        <LI> Scanner
        <LI> Piotter
</OL>
6-    نكتب البرنامج ككل الآن :
<HTML>
<HEAD>
<TITLE>Building </TITLE>
</HEAD>
<BODY>
<U><I> My Computer Components are:</I></U>
<UL>
       <LI> Processor : P.III 5000MHZ
       <LI> RAM : 64MB
        <LI> HDD : 20GB
       <LI> SW : Win98 , Office2000
</UL>
<U><I> I have in my office the following items: </I></U>
<OL>
        <LI > Computer
        <LI> Printer
        <LI> Scanner
        <LI> Piotter
</OL>
</BODY>
</HTML>

7-    نقوم بحفظ البرنامج ونعرض الصفحة التي قمنا بتكوينها معا قائمة الفهرس Definition List  :
 20-  نحتاج بعرض بعض العناوين مع تفسير لها فيما يشبه المعجم .   في هذه الحالة تستخدم الرمز<DL> لكتابة الكلمة والرمز <DD> لكتابة التعليق أو المعني .    لكي نعرف المقصود بهذا النوع من القوائم نكتب الأوامر التالية في ملف Notepad ثم نحفظ الملف   ثم نعرض علي نافذة المستعرض :
  21-      
<HTML>
<HEAD>
<TITLE>Help File </TITLE>
</HEAD>
<BODY>
<BLOCKQUOTE>
<H4>Help File </H4>
<DL>
     <DT><BR> Help
         <DD>
يعرض لك هذا الأمر التعليمات الكاملة للبرنامج أو التعليمات الخاصة بأمر معين ، فإذا أردت مثلا عرض التعليمات الخاصة بالأمر list فاستخدم الأمر كالتالي :/help list
      <DT><BR>List
         <DD>
يقوم هذا المر بعرض قائمة بجميع القنوات Channels المتوفرة حاليا علي خادم IRC الذي تتصل به حاليا.
</BLOCKQUOTE>
</BODY>
</HTML>
  22-      
  23-     خيارات متقدمة :
  24-     هي الكيفية التي تقوم فيها بمعالجة القوائم من :
¨    القوائم المتفرعة .
¨    القوائم المتداخلة .
¨    تغير نمط الترقيم .

ليست هناك تعليقات:

إرسال تعليق