مقالنا اليوم عن كتاب تعليم برمجة المواقع باستخدام لغة CSS بصيغة pdf مجانا.
كتاب اليوم كتاب تعليم برمجة المواقع باستخدام لغة CSS يشرح برمجة المواقع بلغة CSS بشكل مبسط للمبتدئين و المحترفين و يصلح لجميع القراء و يتميز بأسلوبه الشيق و اختصاره للموضوع.
إسم الكتاب
كتاب تعليم برمجة المواقع باستخدام لغة CSS
مؤلف الكتاب
قطار التعليم والتدريب
عدد الصفحات
60 صفحة
تصنيف الكتاب
مقدمة كتاب تعليم برمجة المواقع باستخدام لغة CSS
كتاب تعليم برمجة المواقع باستخدام لغة CSS
المصطلح CSS هو اختصار للعبارة CSS Cascading Style Sheets وهي أداة رائعة الإضافة تصميم المواقعك ، ويمكنها أن توفر عليك الكثير من الوقت باستخدامها في تصميم المواقع بطريقة جديدة تماماً.
وهي لغة يجب أن تستخدم من قبل كل شخص يعمل في تصميم المواقع في هذا الدرس ستبدأ في تعلم هذه التقنية خلال ساعات قليلة ، CSS يسهل فهمها ويمكنك أن تتعلم كل الطرق العملية للتحكم بتصميم موقعك .
تعلم CSS عملية ممتعة ، وأنت تقرأ هذا الدرس تذكر أن تأخذ وقتا لتجري بعض التجارب وترى ماذا تعلمت من كل درس استخدام CSS يتطلب معرفة أساسيات HTML ، إذا لم تكن تعرف HTML فيمكنك أن تبدأ بدرس HTML قبل أن تتعلم .
CSS ما هي البرامج التي أحتاجها ؟ تجنب استخدام برامج مثل فرونت بيج او دريمويفر أو مايكروسوفت وورد عند قراءة وتطبيق هذا الدرس ، هذه البرامج لن تساعدك على تعلم CSS ، بدلا من ذلك ستعيقك وتؤخر تعلمك للتقنية .
كل ما تحتاجه هو محرر نصي مثلا مايكروسوفت ويندوز يأتي مع برنامج يسمى ) Notepad المفكرة ) ، وهو غالبا ما يوضع في قسم ) Accessories أدوات ) الذي تجده في قسم ) Programs برامج ).
وبإمكانك استخدام برامج مماثلة في أنظمة التشغيل الأخرى مثل Pico في لينكس و Simple text لنظام ماك المحرر النصي البسيط هو أداة مثالية لتعلم HTML و CSS لأنه لا يؤثر أو بغير ما كتبته من أوامر.
بهذه الطريقة نجاحك وأخطائك تعتمد عليك وحدك وليس على البرنامج ، وهذا يبسط عملية التعلم لأنك تستطيع كشف الأخطاء بسرعة وسهولة يمكنك أن تستخدم أي متصفح لهذا الدرس.
ونحن نشجع على أن تستخدم أحدث المتصفحات وتقوم بتحديث متصفحك دائما متصفح ومحرر نصي ، هذا كل ما تحتاجه .
درس 1 : ما هي تقنية CSS ؟ لعلك سمعت عن CSS من قبل لكن لا تعرف حقا ما هي ، في هذا الدرس ستتعلم المزيد عن CSS وماذا يمكن لهذه التقنية أن تقدم لك . CSS هي اختصار لي .
Cascading Style Sheets ماذا يمكن أن أفعل بتقنية CSS ؟ CSS هي لغة تصميم تحدد شكل وثيقة HTML ، فهي تهتم بالخطوط.
الألوان ، الهامش ، والعرض والارتفاع ، صورة خلفية الموقع ، وكيفية توزيع المساحات وأشياء أخرى كثيرة ، انتظر فقط وسترى HTML يمكن أن تستخدم بشكل خاطئ لإضافة تصميم للمواقع.
ما الفرق بين CSS و HTML تستخدم لوضع هيكلية ونظام منطقي للمحتويات ، أما CSS فهي تستخدم لإضافة تصميم لهذه المحتويات.
حسنا ، قد يبدو هذا مريكا لكن أكمل القراءة وستفهم ما قرأته قريبا . في الماضي القريب اخترع رجل اسمه تيم بيرنرز لي شبكة الويب.
في ذلك الوقت كانت HTML تستخدم فقط لإضافة هيكلية للنص ، الكاتب يمكنه أن يقوم بإضافة معلى للنص بأن يقول مثلا ” هذا عنوان ” أو ” هذه فقرة ” ويستخدم وسوم HTML
مثل < p > < h1 > مع ازدياد شهرة شبكة الويب بدأ المصممون في البحث عن طرق لإضافة تصميم للوثائق ، ولتلبية رغباتهم قام مبرمجوا المتصفحات.
– نيتكسبب ومايكروسوفت – باختراع وسوم HTML جديدة مثل < font > الذي يختلف عن وسوم HTML الأصلية بأنه يهتم بالشكل لا بالهيكلية.
أدى ذلك إلى أن تستخدم وسوم هيكلية مثل < table > بشكل خاطئ ، حيث استخدام هذا الوسم لتحديد تصميم الصفحة بدلاً من إضافة معلى للنص.
والكثير من الوسوم التي اخترعت مثل < blink > كانت فقط مدعومة من قبل متصفح واحد ، أصبحت جملة ” ستحتاج إلى المتصفح الفلاني لرؤية هذه الصفحة ” مألوفة في مواقع الشبكة.
ابتكرت CSS لعلاج هذه المشكلة لأنها توفر للمصممين طرفا فعالة وعملية لإنشاء التصاميم وهذه التصاميم ستكون مدعومة من قبل جميع المتصفحات في نفس الوقت.
والفصل بين شكل الصفحة ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير . كيف ستفيدني CSS ؟ تعتبر CSS ثورة في عالم تصميم المواقع .
فهرس كتاب تعليم برمجة المواقع باستخدام لغة CSS
- ما هي تقنية CSS ؟
- كيف تعمل تقنية CSS ؟
- الألوان والخلفيات
- الخطوط
- النصوص
- الروابط
- المطابقة والتجميع للعناصر ids class
- تجميع العناصر باستخدام div span .
- نموذج الصندوق
- الحاشية والحشو
- نموذج الصندوق – الإطارات Borders
- الأرتفاع والعرض
- تعويم العناصر(floats)
- وضعية العناصر
- طبقة فوق طبقة باستخدامindex-z
- المعايير القياسية
