Egypt Web School

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 بصفة عامة والتي سوف تساعدك علي تنظيم ملفاتك وتجعل من السهل علي زائري موقعك القيام بالتصفح والتجول خلال موقعك وحتي تتأكد من أن متصفحاتهم تظهر صفحات موقعك بطريقة صحيحة.

إقرا المزيد .. »

تعلم لغة X)HTML)

مقدمة عن اللغة والبرامج المستخدمة

اسم اللغة (HTML) هو اختصار للاسم Hyper Text Markup Language

ومعني الاسم باللغة العربية هو لغة توصيف او ترميز النص التشعبي. مما يعني انها ليست لغة برمجة ولكنها لغة لترميز النصوص و المحتوي الذي يتم عرضة من خلال متصفح يتم تثبيته علي جهاز كمبيوتر موصول بالانترنت لتصفح مواقع الانترنت.

مرت اللغة بعدد من المراحل خلال تطورها بدأت من HTML 1.0 إلي ان وصلت الي الاصدار HTML 5.0 والذي يعتبر أخر إصدار من اللغة والذي مازال أيضا تحت الإنشاء كانت أولي مراحل نشأة وتطور هذه اللغة من عام 1978 حتي قدم ظهر اول شكل بدائي لها عام 1990 ثم في اكتوبر عام 1994 تكون ما يعرف ب World Wide Web Consortium (W3C) او اتحاد شبكة الويب العالمية وفي نوفمبر عام 1995 قام بإصدار HTML V 2.0 ثم بعدها في عام 1999 الاصدار HTML 4.01 ثم تبعها DHTML و XML و XHTML .

إقرا المزيد .. »

الصفحات