تطوير الويبعربى
احتراف تنسيق صفحات الويب CSS
دليلك الشامل لتصميم صفحات ويب مميزة
اكتشف أسرار تنسيق صفحات الويب باحترافية.
ماذا ستتعلم
- أساسيات CSS
- تقنيات التصميم المتجاوب
- تحسين تجربة المستخدم
- استخدام الفلاتر والتأثيرات
- تنسيق النصوص والألوان
- إنشاء تخطيطات متقدمة
نبذة عن الكتاب
هذا الكتاب هو مرجعك الأساسي لتعلم تنسيق صفحات الويب باستخدام CSS. يقدم لك تقنيات متقدمة وأفضل الممارسات التي تساعدك في إنشاء تصميمات جذابة وعصرية.
من خلال هذا الكتاب، ستتعلم كيفية تحسين تجربة المستخدم وجعل صفحاتك أكثر تفاعلية وجاذبية. سواء كنت مبتدئاً أو محترفاً، ستجد في هذا الكتاب ما تحتاجه لتطوير مهاراتك في تصميم الويب.
لمن هذا الكتاب
- المبتدئين في تصميم الويب
- المصممين المحترفين
- طلاب علوم الحاسوب
- المطورين الراغبين في تحسين مهاراتهم
- أي شخص مهتم بتصميم صفحات الويب
لماذا تقرأ هذا الكتاب
- شامل ويغطي جميع جوانب CSS
- يحتوي على أمثلة عملية واضحة
- يقدم نصائح من خبراء في المجال
- يتميز بأسلوب سهل الفهم
محتويات الكتاب
1نموذج الصندوق والاطارات
- الاطارات CSS OUTLINE
- الخصائصMARGIN
- تعديل خاصية MARGIN
- خصائص الإطارات BORDERS
- سماكة الإطار "BORDER-WIDTH"
- ألوان الإطارات "BORDER-COLOR"
- شكل الإطارات "BORDER-STYLE"
- جمع كل الخصائص "BORDER"
- خصائص الارتفاع والعرض WIDTH,HEIGHT
- الخاصية FLOATS
- الخاصية CLEAR
2موضع العناصر Position
- مبادئ موضع العناصر في CSS
- موضع العناصر المطلقة ABSOLUTE
- موضع العناصر النسبية RELATIVE
- وضع طبقة فوق طبقة باستخدام Z-INDEX
- المعايير القياسية
- مدقق CSS
3الجداول Tables
- خصائص الجداول CSS TABLE PROPERTIES
- الخاصية TABLE BORDERS
- الخاصية WIDTH AND HEIGHT
- الخاصية HOVER
- خاصية الالوان TABLE COLOR
- جدول متغير الابعاد RESPONSIVE TABLE
4مقدمة الى عالم لغة CSS
- تطوير صفحات الانترنت
- ما هي تقنية CSS؟
- امكانيات CSS
- ما الفرق بين CSS وHTML؟
- كيف نستفيد من CSS؟
- كيف تعمل تقنية CSS؟
- قواعد كتابة CSS
- استخدام CSS في صفحة HTML
- ضمن علامات HTML باستخدام خاصية STYLE
- داخل ملف HTML
- استعمال ملف خارجي
- الادوات المستخدمة
- البرامج TOOLS
- الألوان والخلفيات CSS COLORS
- لون المقدمة : خاصية 'COLOR'
- خاصية 'BACKGROUND-COLOR'
- استعمال الصورة كخلفية "BACKGROUND-IMAGE"
- تكرار صورة الخلفية "BACKGROUND-REPEAT"
- تثبيت صورة الخلفية "BACKGROUND-ATTACHMENT"
- مكان صورة الخلفية "BACKGROUND-POSITION"
- جمع كل الخصائص "BACKGROUND"
5الفونتات والنصوص
- نوع الفونتات "FONT-FAMILY"
- أسماء الفونتات
- أسماء عامة
- طراز الخط "FONT-STYLE"
- تباين الخط "FONT-VARIANT"
- وزن الخط "FONT-WEIGHT"
- حجم الخط "FONT-SIZE"
- جمع كل خصائص الخط "FONT"
- النصوص CSS TEXT
- خاصية مسافة أول سطر "TEXT-INDENT"
- محاذاة النص "TEXT-ALIGN"
- زخرفة النص "TEXT-DECORATION"
- المسافة بين الحروف "LETTER-SPACING"
- تحويل النص "TEXT-TRANSFORM"
6الروابط Links
- الخاصية : LINK
- الخاصية : VISITED
- الخاصية: ACTIVE
- الخاصية : HOVER
- مثال : وضع مسافات بين الحروف
- مثال : الحروف الكبيرة والصغيرة
- مثال : إزالة السطر من أسفل الرابط
- استعمال CLASS وID
- استخدام "CLASS"
- الاشارة الى عنصر باستخدام ID
- استخدام SPAN وDIV
- استخدام <SPAN>
- استعمال <DIV>
7متفرقات
- الاستفادة من تنسيقات جاهزة
- CSS FORMS
- ANIMATED SEARCH INPUT
- RESPONSIVE FORM
- RESPONSIVE WEBSITE LAYOUT
- استخدام المواقع