موضوع: مقدمات الدورة:اختصارات في ال 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
موضوع: رد: مقدمات الدورة:اختصارات في ال css 2/6/2013, 19:00
بارك الله فيك على الشرح الرائع اخي فعلا انت مبدع
Concurso de avatar FaceYourManga - Dia das Bruxas
Hoje é dia de anuncio do vencedor do nosso concurso do Dia das Bruxas. Mas antes vamos ver quais foram as participações com mais votos por parte dos nossos membros.
Os participantes com mais votos dos membros foram:
|
الجنس
|| مسآهمآتي
التقيم
•سجلت فــي ||
موضوع: مقدمات الدورة:اختصارات في ال css 
2/6/2013, 02:33
[/size]
