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>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- هي
الكيفية التي تقوم فيها بمعالجة القوائم من :
¨
القوائم المتفرعة .
¨
القوائم المتداخلة .
¨
تغير نمط الترقيم .
ليست هناك تعليقات:
إرسال تعليق