دورة تعلم css من اعدادي ''{ الدرس 2 }'' تعلم أساسيات الكتابة ب css

بسم الله الرحمان الرحيم
السلام عليكم ورحمة الله تعالى وبركاته
الحمد الله وحده نحمده ونشكره ونستعينه ونستغفره ونعوذ بالله من شرور أنفسنا ومن سيئات أعمالنا
من يهده الله غلا مظل له ومن يظلل فلن تجد له وليا مرشدا
وأشهد أن لا الاه الا الله وحده لا شريك له وأن محمدا عبده ورسوله صلى الله عليه وسلم
وعلى آله وصحبه أجمعين وعلى من تبعهم الى يوم الدين
..أما بعد..

الآن وبعد موضوع المقدمة
رابط الموضوع : http://www.ibda3pub.com/t24622-topic
والدرس الأول الذي هو عبارة عن التعرف على لغة CSS سطحيا
وتعرفنا على فائدتها وخصائصها ومال استخدامها
رابط الموضوع : http://www.ibda3pub.com/t24737-topic#75530
دورة تعلم css من اعدادي ''{ الدرس 2 }'' تعلم أساسيات الكتابة ب css Separador

دورة تعلم css من اعدادي ''{ الدرس 2 }'' تعلم أساسيات الكتابة ب css Separador

ما هو تركيب جملة الــCSS ؟
جملة CSS أو أوامر الــCSS بسيطة جدا
تتكون من قسمين

selector = المنطقى هو عادة عنصر ال html الذي نريد تطبيق الاستايل عليه
declarations = التصريحات هي الأوامر او الاستايلات التي نريد أن تطبق على المنطقي

والتصريحات بحد ذاتها تتكون من

Propety = الخاصية وهي ان صح التعبير الأمر أو الستايل الذي سيطبق على المنطفي
كما لاحظنا بعد الخاصية يوجد نقطتان اجباريتان
بعدهما
value = القيمة ويعتبر قيمة الخاصية
وبعدها مباشرة يوجد فاصلة منقوطة اجبارية كما يمكننا وضع اكثر من خاصية في التصريح

الآن سنتطرق لطريقة الربط بين الـcss وصفحة الـhtml
كما قلنا الـcss وجدت لفصل التصميم عن الهيكل html
لكن يتوجب علينا ربطهما بطريقة ما حتى نتمكن من التحكم يصفحاتنا وهي تتمثل في 3 طرق كاملة
لكن من ناحياتي سأقوم بشرح طريقة واحدة لأنها تعتبر أسهل الطرق
والأكثر انتشارا وتكون عبر ملف خارجي خاص

على بركة الله
1- ننشئ ملفين الأول index.html والثاني style.css
عن طريق برنامج Notepad++
الطريقة مختصرة في الصور
أولا انشاء ملف index.html
نفتح برنامج Notepad++

نضغط على fichier ثم enregistrer sous...

في الأسفل نختار all type(*.*)
في الاعلى نكتب امتداد واسم الملف index.html ثم نضغط enregistrer

ثانيا اشاء ملف style.css
نضغط neveau

ثم كالعادة fichier و enregistrer sous ...

نكتب style.css ونضغط enregistrer
ملاحظة : الملفين يجب أن يكونا في نفس المجلد لتسهيل الأمور
النتيجة لحد الآن

الآن نتطرق للجد وربط الملفين css و html
أولا نفتح index بواسطة Notepad++

ونقوم بكتابة الأكواد التالية هناك كما بالصورة

الكود:: <html>
   <head>
   <title> </title>

   <link rel="stylesheet" type="text/css" href="style.css" />

   </head>
   <body>

   </body>
</html>

لا تنسوا عمل enregistrie
لا تنسو الملاحظة ضعو الملفين معا لانه هكذا نتفادى بعض التعقيدات لا اريد شرحها

انتهى الدرس الثاني بعون الله اتمنى منكم ردود مشجعة لاني حقيقة تعبت في الموضوع

الدرس الثالث
.
.
.
.
.
.
.
.
.
التأثير على الخلفية وتغييرها

درس رائع شكرا لك

درس رائع

تنسيق في الموضوع

ان شاء الله يستفيد منها الاعضاء

شكؤا لك كثير

تقبل مروري

حاولت التبسيط كثيرا ليسهل الدرس لكم

شكرا لك و على مجهودك الرائع

» دورة تعلم CSS من اعدادي ''{ الدرس 1} ماذا يجب ان أعرف !!!!؟؟؟؟
» دورة تعلم css من اعدادي ''{ الدرس 3 }'' التأثير على الخلفية وتغييرها
» دورة تعلم css من اعدادي مرحبا بالجميع اتمنى التفاعل مع الموضوع
» دورة تعلم php - الدرس 9
» دورة تعلم php - الدرس 25