المقدمة :
أداة رائعة المصطلح CSS هو اختصار للعبارة CSS Cascading Style Sheets وهي الإضافة تصميم المواقعك ، ويمكنها أن توفر عليك الكثير من الوقت باستخدامها في تصميم المواقع بطريقة جديدة تماما ، وهي لغة يجب أن تستخدم من قبل كل شخص يعمل في تصميم المواقع في هذا الدرس ستبدأ في تعلم هذه التقنية خائل ساعات قليلة ، CSS يسهل فهمها ويمكنك أن تتعلم كل الطرق العملية للتحكم بتصميم موقعك تعلم CSS عملية ممتعة ، وأنت تقرأ هذا الدرس تذكر أ ن تأخذ وقتاً لتجري بعض التجارب وترى ماذا تعلمت من كل درس استخدام CSS يتطلب معرفة أساسيات HTML ، إذا لم تكن تعرف HTML فيمكنك أن تبدأ بدرس HTML قبل أن تتعلم CSS ما هي البرامج التي أحتاجها ؟
تجنب استخدام برامج مثل فرونت بيج أو دريم ويفر أو مايكروسوفت وورد عند قراءة وتطبيق هذا الدرس ، هذه البرامج لن تساعدك على تعلم CSS ، بدلاً من ذلك ستعيقك وتؤخر تعلمك للتقنية كل ما تحتاجه هو محرر نصي مثلاً مايكروسوفت ويندوز يأتي مع برنامج يسمى ) Notepad المفكرة ) ، وهو غالباً ما يوضع في قسم ) Accessories أنوات ) الذي تجده في قسم ) Programs برامج ) ، وبإمكانك استخدام برامج مماثلة في أنظمة التشغيل الأخرى مثل Pico في لينكس و Simple text لنظام مالك المحرر النصي البسيط هو أداة مثالية لتعلم HTML و CSS لأنه لا يؤثر أو يغير ما كتبته من أوامر ، بهذه الطريقة نجاحك وأخطائك تعتمد عليك وحدك وليس على البرنامج ، وهذا يبسط عملية التعلم لأنك تستطيع كشف الأخطاء بسرعة وسهولة . يمكنك أن تستخدم أي متصفح لهذا الدرس ، ونحن نشجع على أن تستخدم أحدث المتصفحات وتقوم بتحديث متصفحك دائما متصفح ومحرر نصي ، هذا كل ما تحتاجه .
المحتويات :
- الدرس 1: ما هي تقنية CSS ؟
- الدرس 2: كيف تعمل تقنية CSS ؟
- الدرس 3: الألوان والخلفيات
- الدرس 4: الخطوط
- الدرس 5: النصوص
- الدرس 6: الروابط
- الدرس 7: المطابقة والتجميع للعناصر class و id
- الدرس 8: تجميع العناصر باستخدام span و div
- الدرس 9: نموذج الصندوق
- الدرس 10 : الحاشية والحشو
- الدرس 11 : نموذج الصندوق الإطارات – Borders
- الدرس 12 : الارتفاع والعرض
- الدرس 13 : تعويم العناصر (floats)
- الدرس 14 : وضعية العناصر
- الدرس 15 : طبقة فوق طبقة باستخدام z-index
- الدرس 16 : المعايير القياسية
صيغة الكتاب :
لتحميل الكتاب :
