Développement Webعربى
Maîtriser la Mise en Page Web avec CSS
Un guide complet pour perfectionner vos compétences en CSS
Transformez vos pages web avec des designs élégants et professionnels.
Ce que vous apprendrez
- Comprendre les sélecteurs CSS
- Appliquer des mises en page flexibles
- Utiliser des animations et transitions
- Optimiser le design pour les mobiles
- Intégrer des grilles CSS
- Déboguer et tester vos styles
À propos du livre
Ce livre est une ressource essentielle pour quiconque souhaite maîtriser le langage CSS. Il couvre les concepts fondamentaux ainsi que des techniques avancées, vous permettant de créer des mises en page web attrayantes et fonctionnelles.
À travers des exemples pratiques et des exercices, vous apprendrez à appliquer des styles efficaces et à optimiser l'expérience utilisateur sur vos sites web. Ce livre est conçu pour les développeurs de tous niveaux, des débutants aux professionnels expérimentés.
À qui s'adresse ce livre
- Développeurs web débutants
- Designers graphiques
- Professionnels du marketing digital
- Étudiants en informatique
- Freelancers en création de sites web
Pourquoi lire ce livre
- Approche pratique avec des exemples concrets
- Couvre les dernières tendances en matière de design web
- Facile à suivre, même pour les novices
- Accès à des ressources supplémentaires en ligne
Table des matières
1مقدمة الى عالم لغة 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"
2نموذج الصندوق والاطارات
- الاطارات CSS OUTLINE
- الخصائصMARGIN
- تعديل خاصية MARGIN
- خصائص الإطارات BORDERS
- سماكة الإطار "BORDER-WIDTH"
- ألوان الإطارات "BORDER-COLOR"
- شكل الإطارات "BORDER-STYLE"
- جمع كل الخصائص "BORDER"
- خصائص الارتفاع والعرض WIDTH,HEIGHT
- الخاصية FLOATS
- الخاصية CLEAR
3موضع العناصر Position
- مبادئ موضع العناصر في CSS
- موضع العناصر المطلقة ABSOLUTE
- موضع العناصر النسبية RELATIVE
- وضع طبقة فوق طبقة باستخدام Z-INDEX
- المعايير القياسية
- مدقق CSS
4الجداول Tables
- خصائص الجداول CSS TABLE PROPERTIES
- الخاصية TABLE BORDERS
- الخاصية WIDTH AND HEIGHT
- الخاصية HOVER
- خاصية الالوان TABLE COLOR
- جدول متغير الابعاد RESPONSIVE TABLE
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
- استخدام المواقع