إنضم إلينا

دورة تعليم css - الدرس الثالث

السلام عليكم ورحمة الله وبركاته مرحبــآ بكم زوار مدونة العالمي



نستكمل دورة تعليم لغة الــ Css وقد انتهينا في الدرس السابق عن كيفية كتابة وسم بــلغة الــ Css ولكن اعلم ان الكثير لم يفهم ما كتبته وسوف اوضح لك اولآ ما قمت انا بكتابته في الدرس السابق حتي تري ان العملية سهلة جدآآ وحتي لا تتعقد من هذه اللغة البسيطه التي هيا في الاساس اسهل من لغة الــ HTml وانك سوف تستمع بهــا كثـيرآ وكــثيرآ

قمـنا بعمل مثال في الدرس السابق وكان عبارة ان نكتب جملة تأخذ عنوان الــ H1 وحددنا انها يجب ان تكون بــالون الاحمر وذلك عبر استخــدامنا للغة الــ Css 

وقد قمنا بعمل المثال بالشكل التــالي :-


ولكــن دعني الان اوضح لك بالتفصيل ما قــمنا بعملة ؟؟

أولآ :- قمنا بعمل بصفحة ويب بــلغة الــ HTML 

صفحتنا التجريبية كما لاحظت بدأت بوسم <HTML>   وانتهت بوسم </HTML>

<HTML>   
............... 
</HTML>

ومن ثم كتــابة وسم الــ <Head>     </head>



ويكتب داخل وسم الــ HEAD وسم الــ title وهوا عنوان مدونتك او موقــعك 

** تكتب وسوم الــ Css داخل الوسم HEAD **
لــعل هناك سؤال في داخلك وهوا لــماذ نكتب اكواد الــ Css داخل الوسم HEAD لما لا نكتبها داخل الوسم BODY 
هل تلاحظ عندما يكون هناك مشاكل في النت او تكون هناك مشاكل في اصفحة ويب الا تلاحظ بأن الصفحة بأكملها تكون معطلة الا العنوان <title> هوا الوحيد الذي يظهر لذا نقوم بإدخال وسوم الــ CSS داخل الوسم HEAD حتي تكون سريعة دائمآ ولا تتعطل

ومن ثم النقــطة الاهم في هذا الدرس وهيا إدخال وسوم الــ CSS 


دعنا نوضح هذا بالتفصيل الممل
1- قمنا بإدخال وسمي <style>   </style>..... حيث ان هذين الوسومين لكي نعرف للمتصفح انن سوف نكتب لغة الــ CSS اذا هذين الوسمين يكتبو عند اضافة اكواد CSS
2- قمنا بكتابة وسم H1 ... وذلك لاننا اردنا التأثير علي هذا الوسم بتتغير لونه لذا يجب ان نكتبة اولآ حتي نستطيع تغيير لونة
3- فتحنا قوسين بهذا الشكل {  } هذين الوقسين هما الوسومبلغة الــ Css ويكتب بداخلهما التأثيرات المراد نحن عملها
4- قمنا بكتابة COLOR وهوا اسم التأثير الذي نود نحن عمله 
5- قمنا بعمل علامة : بعد كتابتنا لكلمة color .. وذلك لانه يجب علينا بعد كتابة اسم التاثير الذي نود نحن عمله كتابة هذه العلامه
6- كتبنا #f00 وذلك هوا دره اللون التي نحن نريدها

7- قمنا بوضع علامة ; وهذه العلامة يجب علينا وضعها بعد اضافة كل تأثير حتي لا تتداخل التأثيرات في بعضها 

ومن هنا انتهي الشرح ارجو ان تكونو قد استفادتم في هذا الدرس واي استفسارات انا في خدمتكم




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

إرسال تعليق