CSS Selectors 3

تنسيق الوسوم التي توجد داخل وسوم أخري:
ان طريقة اختيار المحددات لتنسيق صفحتك بمحددات الوسوم او محددات الكلاس تعتبر عملية تفاضلية. فمحددات الوسوم تعتبر أسهل وأسرع ولكنها تؤدي الي حدوث نفس التنسيق علي كل وسم يبدو كغيره وهذا بالطبع يبدو جيدا كما لو أردت أن يكون كل وسم مثل <h2> علي صفحتك يبدو بنفس التنسيق تماما كباقي الوسوم. من ناحية اخري محددات الكلاس ومحددات الأي دي تعطيك مرونه كاملة في تنسيق وسوم بمفردها وبطريقة مستقله ولكن تطبيق تنسيق معين بذاته علي أحد وسوم العنوان لتحديد نوع الخط مثلا قد يأخذ كثيرا من المجهود في لغة ال CSS وكذلك ال HTML فما تحتاجه هو طريقة للجمع بين سهولة المحددات مع الدقة في نفس الوقت في استخدام محددات الكلاس والأي دي لهذا يأتي الموضوع عن محددات النسل، أو محددات الانساب.

CSS Selectors 2

تنسيق مجموعة من الوسوم أو العناصر Styling Groups of Tags:
احيانا تريد طريقة سريعة لكي تطبق تنسيق معين علي عدد مختلف من العناصر أو وسم ال HTML في صفحة ويب واحده فعلي سبيل المثال قد تود ان تكون كل العناوين في الصفحة لها خط معين وكذلك لون معين للخط. فلو جعلت تنسيق واحد لكل منهم عمليا هذا سيأخذ كثيرا من الوقت وحتي اذا رغبت في تغيير مثلا نوع الخط فيما بعد سوف يأخذ أيضا الكثير من الوقت في تعديلهم لإنك سوف تضطر إلي تعديل سته انماط كل نمط لكل عنوان. حينئذ الطريقة المثلي هي تجميع هذه المحددات للوسوم في محدد واحد للمجموعة فتجميع المحددات يتيح لك تطبيق تنسيق معين علي عدد من المحددات في نفس الوقت.

الوسم في X)HTML)

الوسم : Tag
كل وثائق لغة ال X(HTML) تتكون من العناصر او الوسوم ومفردها الوسم وكل وسم يتكون من ثلاثة أشياء:

CSS Selectors 1

كل نمط من انماط لغة صفحات الانماط المتتالية يتكون من جزئين رئيسين هما المحدد Selectors والثاني هو قالب الاعلان Declaration block. واذا كان هذا جديد عليك فيجب عليك ان تقرأ الدرس الماضي بعنوان النمط وصفحات الانماط المتتالية فقالب الاعلان يحتوي علي خواص التنسيق مثل لون الخط او حجمه ..الخ من الخواص. ولكن سحر هذه اللغة يكمن في هذه الحروف الاولي التي نستخدمها في اضافة كل نمط او استايل والتي تسمي المحدد Selector وبإخبار ال CSS ما الذي تريد تنسيقه؟ فالمحدد يعطي لك قدره تامة علي التحكم بطريقة ظهور صفحتك. فأحيانا يمكنك ان تجعل المحدد يتتطبق علي عدد من العناصر في الصفحة الواحده بنمط واحد، ولكنك اذا كنت اكثر تفصيلا وتريد ان تصنع تأثير معين علي عنصر معين داخل الصفحة فهناك محددات أخري يمكن ان تقوم بهذا التأثير علي وسم معين او عدة وسوم مع بعض فالمحددات تعطيك الكثير من القدرة علي التحكم بالاستايل في الصفحة وهذا ما سوف نتعلمه في هذا الدروس إن شاء الله.

النمط وصفحات الانماط المتتالية

النمط أو الاستايل في لغة CSS:
الانماط في لغة CSS لها لغتها الخاصة والتي تتواصل بها مع لغة ال (X)HTML أو لغات التصميم الاخري. فعلي سبيل المثال حتي يتم تعيين لون الخط القياسي وكذلك حجمه لجميع الفقرات في أحد صفحات الويب فسوف نكتب النمط التالي

القوائم فيX)HTML)

إنشاء القوائم Creating Lists: 
القوائم لها استخدامات متعددة في اضافة النصوص لمحتوي صفحات الويب وعلي حسب نوع المحتوي يتم اختيار نوع القائمة المناسبة له. 
القوائم المرقمة  Ordered List :
وهي القوائم التي تحتوي علي عناصر مرتبة او سلسلة من الخطوات المترتبة علي بعضها البعض او سلسلة من الاحداث. كسلسلة مثلا تظهر طريقة طهي وجبة معينة.

تنسيق النصوص

سوف نقدم الوسوم الخاصة بتنسيق النصوص ولكن في البداية يفضل التعرف علي وسم التعليقات لأهميته في تكويد صفحات ال (X)HTML بالنسبة للمكود نفسه.
وسم التعليقات :
هو وسم يستخدم لوضع بعض الملحوظات علي بعض الاكواد. او لتذكير مكود الصفحة ببعض الاشياء او لتفسير وضعية كود معين ووعلاقتة بالاكواد المحيطه به مثلا داخل الصفحة خصوصا مع المواقع الكبيرة أو في وضع تعليق يفيد العمل مع فريق العمل في مجموعات العمل كبيرة.

مقدمة ل CSS

مقدمة وتعريف اللغة 
لغة CSS  هي اختصار للإسم Cascading Style Sheets وعلي عكس المعني الدارج في معظم المواقع العربية وهو لغة صفحات الانماط الانسيابية فإنني اعتبر التسمية الصحيحة لها هي لغة الانماط المتتالية واعتقد انه لمجرد ذكر هذا الاسم ولماذا هو صحيح سيأتي الكلام عنه فيما بعد إن شاء الله في هذه الدورة الموسعة والتي يمكن ان أقول عنها أنها ستكون الاولي من نوعها علي مستوي الويب العربي، واتمني أن يستفيد منها كل عربي إن شاء الله.

الهيكل الاساسي في X)HTML)

إبدء صفحتك باستخدام وسم نوع الوثيقة DOCTYPE حتي توضح اي نوع من ال  HTML  او XHMTL  سوف تستخدمه في إنشاء صفحتك،   ووسم نوع الوثيقة يجعل المتصفحات تدرك ماذا تتوقع وكذلك يخبر المتحققين من صحة الاكواد كيف يحكمون علي الكود الذي سوف تكتبه حتي يستطيعون اختبار بناء الجملة في الكود. ثم بعد ذلك ابدء بكتابة البداية الفعلية للكود بكتابة وسم البداية لصفحة ال html  وهو <html>.

File Names and URLs

تسمية الملفات  File Names:
كأي وثيقة نصية أخري صفحة الموقع لها الاسم الذي يصفها لك ولمتصفحك وكذلك لزائرين الموقع من خلال متصفحات الانترنت. يوجد عدد قليل من الملحوظات التي يجب اخذها في الاعتبار عند تسمية الملفات لصفحات ال HTML بصفة عامة والتي سوف تساعدك علي تنظيم ملفاتك وتجعل من السهل علي زائري موقعك القيام بالتصفح والتجول خلال موقعك وحتي تتأكد من أن متصفحاتهم تظهر صفحات موقعك بطريقة صحيحة.