في الحلقات السابقة تحدثنا عن الرموز الأساسية لتصميم الصفحات العربية وكيفية إضافة الفقرات والعناوين الرئيسية. وفي هذه الحلقة نكمل الموضوع بالحديث عن القوائم النقطية والرقمية وكذلك الرموز المنطقية والشكلية ,إضافة القوائم النقطية والرقمية )Adding order and unordered )lists
الرموز التي سنتعلمها في هذا الجزء من الموضوع تجدونها في الجدول رقم )1( ولوضع تعداد نقطي أو رقمي فإننا نستخدم الرموز التالية :>UL<وهو اختصار لكلمة قائمة غير مرقمة )Unordered List ( وهذا الرمز يوضع لإنشاء قائمة غير مرتبة أو غير مرقمة ( أي منقطة فقط) ويوضع الرمز>UL/<لإنهائه>OL/<وهو اختصار لكلمة لقائمة مرقمة )Order List( .وهذا الرمز يوضع لإنشاء قائمة مرتبة أو مرقمة ويوضع الرمز>OL/<
لإنهائه . كما ان رمز>Li/< يعني اختصارا لكلمة جزء يراد ترتيبه )List Items( . وهذا الرمز يوضع في المكان الذي يراد ترقيمه أو تنقيطه ولا يجب وضع رمز لإنهائه وذلك لأنه يؤثر في مكانه فقط وليس على جميع ما يتبعه مثل اغلب الرموز الأخرى . ولنفترض أنك ستضع قائمتين واحدة لها تعداد نقطي والأخرى رقمي ليكون شكلها كالتالي :
الأشياء التي تعلمتها حتى الآن هي:
* كيفية إظهار موضوع الصفحة.
* كيفية بداية الفقرة ونهايتها.
* كيفية وضع العناوين الرئيسة.
الأشياء التي أريد أن أتعلمها الآن هي
-1 القائمة النقطية
-2 القائمة الرقمية
فإنك تكتب الرموز التالية في الملف المفتوح )default.html( في المفكرة كالتالي:
>P<
الأشياء التي تعلمتها حتى الآن هي :
>UL<
>Li<
كيفية إظهار موضوع الصفحة
>LI<
كيفية بداية الفقرة ونهايتها
>LI<
كيفية استخدام العناوين الرئيسة
>UL/<
>P<
الأشياء التي اريد أن أتعلمها ألان هي:
>OL<
>Li<
القائمة النقطية
>LI<
القائمة الرقمية
> OL/<
مع العلم ان وضعها جميعا في سطر واحد من اليسار إلى اليمين سيؤدي إلى نفس الغرض كما في الصورة رقم )1(
ويجب ملاحظة إن بعضها بالحرف الكبير )capital letter( مثل>LI< والبعض بالحرف الصغير )Small letter( مثل .>Li< وهذا لا يفرق في كتابة الترميز.
بعد ذلك قم بحفظ الملف (حفظ) ثم انتقل إلى انترنت اكسبلورر وانقر على ()Refresh أو تحديث ستجد أن الصفحة تبدو كما في الصورة رقم )2( الرموز الشكلية والمنطقية)Physical and Logical Tags( ( الرموز التي سنستخدمها هنا بامكانك مشاهدتها في الجدول رقم )2( وفي هذا الجزء من الموضوع سنستخدم الرمز>B< وهو اختصار>bold< أي نص ثقيل و كذلك الرمز>U< وهو اختصار أي نص مائل و الرمز هو اختصار لكلمة تحتها خط )underline( وإنهائه بالرمز>U/< . ويستخدم الرمز>strong< لتقوية إظهار النص ويوضع لكل من هذه الرموز نهاية لتدل على انتهاء تأثير هذا الرمز. ولنفترض أنك أردت أن تضع بعض النصوص التي كتبتها من قبل ثقيله وبعضها مائل والبعض الآخر قوي فإنك تستخدم الرموز السابقة كالآتي : افترض أنك أردت أن تضع كلمة: (الأشياء)مائلة و خط تحت (التي تعلمتها) وحتى الآن هي:) ثقيلة, فإنه بإمكانك كتابة الرمزالتالي :
>I< الأشياءu<التي تعلمتها>B<>U/< حتى الان>B/< كذلك يمكن تقوية إظهار أي كلمة باستخدام الرمز>em< والرمز>em/< وهي اختصار لكلمة يشدد )emphasize( .وافترض أيضا إنك تريد إن تجعل الجملة "الأشياء التي أريد ان أتعلمها قوية واضحة فانه يمكن استخدام الرمز السابق هذا كما يلي:>em< الأشياء التي اريد أن أتعلمها>em/< كذلك الرمز>bink< لجعل الكلمة تؤشر و>bink< لإنهائه و بالإمكان دمج اكثر من رمز كجعل الكلمة ثقيلة ومائلة في نفس الوقت باستخدام الرمزين>b/<>b< وكذلك>i<>i/< . فمثلا إذا أردت أن تكتب (هذه الصفحة تحت الإنشاء) وتجعلها ثقيلة ومائلة و تومض في نفس الوقت فأنه يمكن وضعا كالأتي>i<>B<>bink<هذه الصفحة تحت الإنشاء>blink/<>b<>i< لا حظ أن ترتيب الرموز يكون بالتناسق والتساوي حول الكلمة ليكون شكلها في المفكرة كما في الصورة رقم )3( ولا حظ إن تم دمج الكثير من بطاقات الرموز السابقة في سطر واحد من اليسار لليمين باستخدام الزر )backspace( وذلك لتوضيح شكل بطاقات الترميز الحالية وهذا كما قلنا لا يؤثر على شكلها في المتصفح وسيكون شكلها كما في الصورة رقم (4), ويجب ملاحظة إن تصفح الصفحة باستخدام إنترنت اكسبلورر يختلف بعض الشي عن تصفحها باستخدام نت سكيب نافيغيتور أو السندباد فمثلا>blink< قد يومض إذا استخدمت نت سكيب ولا يومض إذا استخدمنا إنترنت اكسبلورر ولذلك يفضل رؤية الصفحة بأكثر من متصفح. والى لقاء في الحلقات القادمة التي سنتعلم من خلالها كيفية إضافة الوصلات والألوان للصفحة .
إن شاء الله وللمراسلة على البريد الإلكتروني التالي alsallom*ksu.edu.sa