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

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

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 في صفحتك ..وتجعلك تتحكم بها بسهولة ويسر ..وسنقدم بالدرس القادم إن شاء الله المعلومات الكافية عنهم …