Web Developmentعربى
Mastering Web Page Styling with CSS
A comprehensive guide to web design with CSS
Transform your web design skills with expert CSS techniques.
What you'll learn
- Understand CSS fundamentals
- Create responsive web layouts
- Implement advanced styling techniques
- Optimize web page performance
- Utilize CSS frameworks effectively
- Debug and troubleshoot CSS issues
About this book
Mastering CSS Web Page Layouts is an essential resource for anyone looking to enhance their web design capabilities. This book delves into the intricacies of CSS, providing readers with the tools and knowledge needed to create visually stunning and responsive web pages.
With clear explanations and practical examples, this guide not only teaches the fundamentals of CSS but also explores advanced techniques that will set your designs apart. Whether you are a beginner or an experienced designer, this book is designed to elevate your skills and confidence in web development.
Who this book is for
- Aspiring web designers
- Front-end developers
- Digital marketers
- Students in web development courses
- Freelancers looking to enhance their portfolio
Why read this book
- Comprehensive coverage of CSS concepts
- Step-by-step practical examples
- Focus on responsive design principles
- Tips for optimizing web performance
Table of contents
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
- استخدام المواقع