موضوع: مقدمات الدورة:اختصارات في ال css 2/6/2013, 02:33
السلام عليكم و رحمة الله تعالى و بركاته. اخواني الاعزاء اليوم ننتقل الى ال css و هي اللغة البرمجية التي من خلالها يتم تنسيق المواقع و تجميلها. اولا قبل البداء رايت احدى تعليقات الاصدقاء حول ال web 2.0 حيث قال انها سهلت بالطبع انك مخطىء عندما نصل الى ال PHP و MYSQL سوف تعرف حقائق هده التقنية الصعبة و طريقة الربط بينها و بين مختلف اللغات البرمجية. اولا ما هي ال css ؟ هي اختصار لكلمة Cascading Style Sheets حيث هي اللغة التي تكمل ال html حيث رايتم في الدرس السابق هدا النمودج:
و قلت لكم انه html و css ادن ال css هي التي تحدد شكل الصفحة المبرمجة بال css .
سوف تفهمون اكثر بادن الله مع هده الصورة التي تمثل كود ال css للنمودج السابق:
لا بد انكم لاحظتم ان هدا الجزء من كود ال css مقسم الى قسمين:
هناك عنصر ال html الدي هو #form و هنالك خصائصه بين الحاضنيتن {} سوف نعرف ما هو دالك المربع (#) قريبا
ادن من الصورتين نلاحظ ان ال css هي خصائص تعريفية لعناصر ال html كالانسان تماما لديه اسم و لديه طول و عرض و وزن نفش الشيء بالنسبة لعتاصر ال html وتلك التعاريف او المميزات نضعها داخل كود ال css .
ستفهمون بدان الله اكثر افتح صفحة html جديدة و اتبع ما يلي:
ها هي صفحة ال html و قلنا في الدرس السابق انها مقسمة الى جزءين هي head و body . ال head اهم كود تجده فيه هو ال title :
اتبع الصورة: و سوف تلاحظ ان عنوان الصفحة تغير
في وسم ال head يتم ادراج كود ال css بين وسمين هما:
[/size] اما وسم ال body فنكتب ما نريد برمجته راقب الصورة و انقل الكود و لاحظ النتيجة:
[size=16]و انظر النتيجة:
سوف نحلل كود ال css لنفهم لمادا اصبحت الكتابة هكدا:
width : هو الطول اخواني و يقدر بال px لدالك فعلنا 300px background-color : وال background تعني الخلفية اما background-color تعني لون الخلفية. border : و تعني الحدود و فيها ثلاث خصاص سمكها و مقدار السمك و لونها. border-radius : وتعني الزوايا تكون دائرية و تقدر ايضا بالpx .
ادن اخواني اتمنى انكم فهمتم و لو القليل هده هي ال css لكني كما قلت سابقا هده اللغات شاسعة و واسعة و لا يمكنني شرح دالك في موضوع واحد. ملاحظة:ملف ال css يمكن ادراجه بطرقتين اما بالطريقة الاولى التي دكرتها ستبقت بين وسمي او ببرمجة ملف ال css وحده ثم ادراجه في صفحة ال html عن طريق ال .
اما المربع(#) فهو للربط بين عنصر ال html و خصائصة في ال css . مثلا: و يرمز اليه في ال html بال id id=#
مع فائق الاحترام و التقدير لكم اي سؤال انا هنا by Nyaster_dz for Abdelwahab ans Evile