بفضل الله أنتهيت من عمل الدرس الثالث الخاص بدورة css وأعتذر للتأخر بتقديمه لظروف الأنترنت ولكن الحمد لله تم زيادة السرعة وبالتالي الإبلود تحسن كثيرا ، ايضا توقف الموقع يوم بسبب مشاكل وفيروسات ..لا أعلم سبب قدومها ولكن الحمد لله كل شئ الآن يعمل جيداً ..أتمني يكون الدرس مفيد لكم وقد جمعت بيه الكثير عن خصائص css والدرس يتحدث عن :

• خصائص css وهي : width, Height, Padding, Margin, Border-, Background
• هذا الدرس شامل لأغلب خصائص css الذي سنعمل عليها بالتصميم مستقبلا وهي الطول والأرتفاع ، الهوامش ، البطانة كما يسمونها ، ايضا الأطارات ، عمل خلفية ..
• أتمني يكون الدرس واضح وقد رفعته علي أربعه أجزاء وإن شاء الله بأنزل لكم الملخص النصي وأتمني يكون واضح ومفهوم وبإنتظار تطبيقكم ، وسأنزل الملخص النصي للدرس في التدوينة القادم إن شاء الله

الجزء الأول

الجزء الثاني

الجزء الثالث

الجزء الرابع

بالنهاية أتمني لكم استفادة حقيقة وبإنتظار أرائكم وتطبيقاتكم حول الدرس ..وهذ بالنهاية هو نتاج هذا الجهد هو=  تطبيقكم وإستفادتكم الحقيقة من هذه الدروس …

السلام عليكم

اليوم بفضل الله تمكنت من رفع الدرس الثاني الخاص بدورة الcss ..والسكرين كاست بها ..والدرس مقسم إلي  3  ملفات مرفوعة علي اليوتيوب ..مدة الدرس : 20 دقيقة تقريبا ..تكلمنا بها عن عدة نقاط جديدة تساعدة بتعلم css ..

منها : طرق كتابة الcss -- ايضا الفرق بين Inline, Embded, External -- مكونات جملة css -- الفرق بين Id, Class

1- الجزء الأول :

2- الجزء الثاني :

3- الجزء الثالث :

أتمني من الله تعالي أن يكون الدرس مفهوم لكم وواضح وسهل ..ويكون دفعة لكم بتعلم css ومنتظر تعليقاتكم المثمرة ..التي تشجعني علي الأستمرار بهذه الدورة وأنتظروا ملخص الدرس النصي لأصحاب الأتصال البطئ وإن شاء الله الدرس الثالث ..والله الموفق

السلام عليكم

أقدم لكم ملخص سريع للدرس الأول ..لمعرفة عناصر الدرس وحتي يتسني لأصحاب الأتصال البطئ ..مشاهدة الملخص النصي بدلاً من ملف الفيديو الذي يتطلب سرعات عالية بالأتصال

تكلمنا  في بداية الدرس عن ..

عدة عناصر وهي ..

1- ما هي css

2- فوائد أستخدام css

3- محررات css

4- كيف تكتب css

النقطة الأولي :

css هي لغة Cascading Style Sheets أي صفحات الأنماط الأنسايبية تستخدم دائما مع xhtml في تصميم صفحات الويب ..وهي لغة ليست بصعبة او لغة برمجية عالية المستوي وأنما لغة بسيطة عبارة عن مجموعة تعليمات للمتصفح من خلالها يمكن وضع الكائنات ..التحكم بمظهرها ..

أيضا هناك نظرية متبعة عند أستخدام css وهي فصل المحتوي عن المظهر أي ..ضع اي كائن تريده ..ولا تضع اي تنسيقات له أو قيم لتحديد مكانه ..وأجعل هذا من خلال css … اي xhtml من خلالها تكتب page Structure مثلا ..وضع صور ،  فقرة ، جدول …إلخ وهنا يأتي ددور css بالمحتوي وهو ظهور هذا الكائن بشكل معين بخلفية معينة ..بحجم وأرتفاع معين ..إلخ

النقطة الثانية :

css هي صيحة جديدة بعالم الويب وأنا كانت أصبحت سمة أساسية بمواقع الويب الأجنبية ..وإلي حدما جديدة علي المواقع العربية ..لها فوائدة مختلفة منها علي سبيل المثال

* التوافقية وهي أن موقعك يكون متوافق مع المتصفحات المختلفة ..بإختلاف منصات التشغيل مثلا FireFox, IE 7.0 or IE 8.0 ,, Googl Chrome , Mac Safri    …إلخ ..وهذا ليس شرطا مقصورا علي css فقط ..

* سرعة الموقع : وهي أن يكون موقع خفيف التصفح وأيضا مفضل أستخدام صور خفيفة ..وتقلل من الصور بقدر الأمكان وتعتمد علي css  ومن هذا يكون موقع خفيف التصفح وسريع للزائر ..

* سهولة تحديث موقعك : وهي مثلا لو موقعك ثابت يحتوي علي 10 صفحات html او موقع مبني علي برمجية معينة …من خلال ملف css تستطيع تغيير تنسيق الموقع ..والكائنات ..وهذه سهولة ويمكنك الرجوع للملف مستقبلا والتحكم بشكل وتموضع الكائنات بكافة صفحات محتوي موقعك …بعكس الطرق التقليدية القديمة ..

* ايضا استخدامك xhtml,css يجعل موقعك صديق لمحركات البحث إذا اتبعت مجموعة من الأجراءات ..وايضا يعطي أنطباع جيداً عنك ..وعن موقعك ..وهذه ميزة تجعل تكسب الزوار مستقبلا ..

النقطة الثالثة :

محررات css أو Css Editiors

يتواجد كمية كبيرة من محررات لغة css أو xhtml  ومنها ما هوه مجاني أو مدفوع مثلا ..مجاني : NotePad ++ , Aptana Studio …إلخ ويمكنك البحث عنهم بجوجل وتحميلهم بشكل مجاني ، وهناك المدفوع مثلا Adobe DreamWeaver وهو بيئة تطوير كاملة لتصميم الويب ..وايضا برنامج Expression web ..البديل الحديث للفرونت بيج ..

النقطة الرابعة :

كيف تكتب كود css…لعلك لو كنت مبتدأ تسئل نفسك متي سأكتب كود css صحيح وكيف ..نعم هذا الأمر سهل جداً يمكنك كتابة كود css من خلال أي محرر من المحررات السابق ذكرها وهناك عدة طرق تمكنك من اضافة الcss إلي صفحتك علي الويب من خلال طرق مختلفة سنتعرف عليها بالدرس القادم وهـي

Inline Code , Embded Code and External Code

وهي ثلاث طرق مختلفة ..تمكنك من وضع كود css في صفحتك ..وتجعلك تتحكم بها بسهولة ويسر ..وسنقدم بالدرس القادم إن شاء الله المعلومات الكافية عنهم …

إن شاء الله ..إنتظروني بالدرس القادم عن طرق كتابة css …وكتابة أول كود فعلي لك ..والمزيد ..

السلام عليكم

أهلا بكم من جديد .اليوم بفضل الله قررت أعيد استكمال طرح دورة تعليم css وسأحاول بإذن الله الوصول إلي نهاية الدورة مع مراعاة الملاحظات السابقة ورفع الملف علي اليوتيوب ليتسني للجميع رؤيته وهو لا يتعدي 10 ميجا ويمكنني رفعه في حالة الطالب كرابط مستقل للتحميل بصيغه MP4 بجودة أعلي …

اتمني تعجبكم وتستفيدوا بيها ..وهي تجربة جديدة لعلها تنجح أو تفشل ولكن المهم المحاولة ..وسأحاول جاهداً ..تحسين السكرين كاست تباعاً ..والخبرة لن تأتي إلا من التجربة والمحاولة ..بالتوفيق لكم ومنتظر تعليقاتكم وأتمني قبل النقد ..في اي ملاحظة مراعاة أنها تجربتي الأول ..والله الموفق