كتاب تقنيات واكواد سي أس أس كتاب عربي يوضح جميع أكواد وشرح كام ل CSS مقسم إلى جزئين .
نبذة عن الكتاب
في هذا الكتاب أساسيات البرمجة بسي اس اس ، حيث أغلب الأكواد و التقنيات نقلتها من الموقع الشهير w3school ، حيث يمكنك العودة اليه في حال أردت تجربة الأكواد بشكل أسهل ، و كذا الاطلاع على بعض التفاصيل التي لم أذكرها بهذا الكتاب .
أريد أن أذكر يا صديقي أن الجزء الثاني من الكتاب لن يكون كالأول فسيشمل أمثلة وكذا مواقع لتحميل قوالب جاهزة واحترافية ان شاء الله . فأسأل الله أن يفيدك الكتاب فهو يساعدك في الاطلاع على الأكواد دون نت عكس الموقع، وأسأل الله قبل كل شيء أن يكون لوجهه الكريم، ولا حول وقوة الا بالله.
محتويات الكتاب
- قائمة لبعض المحررات الاحترافية مثل { SUBLIME TEXT EDITOR- VIM-ATOM -VISUAL STUDIO CODE – NOTEPAD++ – BRACKETS }
- تتعرف على اكواد سي اس اس CSS Codes
- CSS SELECTORS AND SYNTAX
- CSS COLORS كيفية اختيار لون النص والخلفية و ال BORDERS والقيم والارقام
- CSS BACKGROUNDS كيفية اختيار لون الخلفية وكيفية وضع صورة كخلفية والتعديل عليها وخصائص الخلفية
- CSS BORDERS تتعرف على شكل الحدود وانواعها ولونها وعرضها وارتفاعها وخصائص الحدود
- CSS MARGINS كيفية عمل الهوامش والتعرف على خصائصها
- CSS PADDING يتم استخدامه لإنشاء مساحة حول العنصر (اعلى ,اسفل , يمين , شمال)
- CSS WIDTH AND HEIGHT كيف يتم تحديد عرض وارتفاع العنصر
- CSS BOX MODEL
- CSS OUTLINE
- CSS TEXT
- CSS FONTS
- CSS ICONS
- CSS LINKS
- CSS LISTS
- CSS TABLES
- CSS LAYOUT- THE DISPLAY PROPERTY
- CSS LAYOUT-WIDTH AND MAX WIDTH
- CSS LAYOUT- THE POSITION PROPERTY
- ملأ النصوص : يستعرض لك بعض المواقع التى تعطيك نص جاهز وعشوائى مع امكانية تحديد عدد الأسطر….. الخ
- تعديل حجم الصور : كيف تعدل على الصورة من تقليل حجم وطول وعرض الصورة مع الحفاظ على جودتها وايضا يستعرض لك بعض المواقع التى تتيح لك ذلك
- خاصية FLOAT : وتتعرف من خلالها على كيفية التحكم فى مكان ظهور النص أو الصورة
- خاصية CLEAR : وهى الخاصية التى تساعدك على تجنب الآثار الجانبية ل خاصية FLOAT
- خاصية OVERFLOW
- خاصية FLIP : وهى تقوم بقلب الصورة عند لمس الصورة بالماوس
- خاصية اهتزاز الصورة
- مواقع لتحميل قوالب CSS و HTML جاهزة : يستعرض لك اهم المواقع التى تقدم لك قوالب CSS و HTML جاهزة مع شرح لمميزات كل موقع
مؤلف الكتاب
مهندس سهيل
صيغة الكتاب
لتحميل الكتاب الجزء الأول
لتحميل الكتاب الجزء الثاني
لمن هذا الكتاب؟
- من يعرف أساسيات HTML ويريد مرجعًا عربيًا لخصائص CSS يعود إليه دون اتصال بالإنترنت.
- مبتدئ في تصميم المواقع يريد أمثلة جاهزة للخلفيات والحدود والجداول والقوائم.
- من يريد التعرف على مواقع القوالب الجاهزة ومحررات الأكواد قبل بدء أول مشروع.
- طالب يريد ورقة مراجعة لخصائص CSS الشائعة قبل الاختبارات أو المقابلات.
ما الذي تغيّر في CSS منذ كتابة الكتاب؟
يشرح الكتاب التخطيط عبر خاصيتي Position وFloat، لكن الطريقة المعتمدة اليوم لترتيب عناصر الصفحة هي Flexbox وCSS Grid، فأضفهما إلى خطتك بعد إنهاء الكتاب. كذلك توقف تطوير محرري Atom (أُوقف في ديسمبر 2022) وBrackets من جهة Adobe، والخيار الأشيع حاليًا هو VS Code.
باقي المحتوى من Selectors والألوان والخلفيات والحدود والهوامش والحشو وBox Model ما زال صالحًا كما هو.
كيف تطبّق أثناء القراءة
- جرّب كل خاصية في ملف تجريبي على VS Code مع Live Server، وغيّر القيم لترى أثر كل منها.
- طبّق خاصيتي Flip والاهتزاز باستخدام
transformوtransitionعلى معرض صور صغير. - عند تحميل قالب جاهز من المواقع المذكورة في الجزء الثاني، افتح ملف CSS الخاص به وحاول فهم كل قاعدة فيه.
- اختم بصفحة هبوط كاملة لمنتج تخيلي تستخدم فيها الخلفيات والحدود والخطوط والجداول معًا.
أسئلة شائعة
هل يكفي هذا الكتاب لاحتراف تصميم المواقع؟
يعطيك أساسًا جيدًا في CSS، لكنك تحتاج بعده إلى Flexbox وGrid والتصميم المتجاوب ثم JavaScript.
هل أكواد w3schools كافية للتعلم؟
هي مرجع سريع ممتاز للخصائص والأمثلة، لكن لفهم أعمق ارجع إلى توثيق MDN Web Docs الذي يشرح سلوك كل خاصية ودعمها في المتصفحات المختلفة بالتفصيل، وطبّق بنفسك على مشروع حقيقي.
اقرأ أيضاً
- كتاب تعلم لغة CSS من الصفر للإحتراف باللغة العربية PDF
- اكواد CSS مع شرح الوظيفة pdf
- كتاب شرح مكتبة البوتستراب – Bootstrap لتصميم واجهات المواقع PDF
- كتاب تعلم HTML5 & CSS3 باللغة العربية الخطوة الأولى لأحتراف برمجة الويب PDF
