×

اضغط هنا إن لم يقم المتصفح بتحويلك آليًا.
×

دورة css

التحرير
بواسطة : التحرير

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












المصدر :تصميم مصري
بواسطة : التحرير
 0  0  2376