دورة CSS و CSS3 كاملة وشاملة برعاية ميني سوفت xml html css
السلام عليكم ورحمة الله وبركاته
حياكم الله ايها الأخوة والأخوات وبارك لكم في اوقاتكم .
اليوم بفضل الله سوف نقوم ببدأ دورة لغة CSS و CSS3 مدمجين في بعضهم البعض .
تعريف لغة CSS
حقيقتاً المواقع العربية والاجنبية مليئة بالدروس ولكننا سوف نقوم بالشرح المبسط لكل شئ, حتى ان لم تكن تعرف ما هي تقنية CSS سوف تحترفها معنا بإذن الله.
CSS اختصار للجملة Cascading Style Sheets و معناها صفحات الأنماط الإنسابية وهي ليست لغه برمجه ولكنها تقنية تهتم بتحديد شكل المواقع والمدونات، وينطبق ذلك على الألوان والخطوط والصور والخلفيات التى يستخدمها المطورون فى الصفحات.
هذه اللغة تساعدك على إنشاء وإدارة صفحات المواقع بشكل جيد جداً يتميز عن من يعتمد في التصميم على html التى تسبب مشكله وهى ان الموقع لا ينفصل عن محتوياته ..
سوف نتعلم ايضاً كيفية تغيير حجم الخطوط لكل الصفحات او صفحة واحدة او كل العناصر او عنصر واحد وتغيير لون خلفية عنصر واحد أو كل العناصر وكل ما تتخليه من تنسيق الموقع او المدونة..
فوائد إستخدام تقنية CSS
اضافة مزيد من الإحترافية على موقعك وسهولة تصميم صفحات كثيرة جداً بدون مجهود.
سهولة التعديل على الموقع
تعطيك حجم صفحة صغير وهذا يعني ان موقعك سيكون سريع في التحميل ولن يمل الزائر
فصل محتويات الموقع عن تصميمه والتحكم في التصميم من خلال ملف مستقل بامتداد css.
تقليل حجم الباندويث لأصحاب المواقع
ظهور الموقع بشكل واحد على كل المتصفحات وكل الاجهزة
الدورة مفيدة جداً لإصحاب المدونات بلوجر ايضاً
أدوات الاستخدام
متصفح ويب جيد مثل جوجل كروم او فاير فوكس
برنامج نوتباد بلس Notebad يمكنك تحميله من الرابط هنا
دروس الدورة بالترتيب
كيف اتعلم تقنية CSS وما هي البرامج التي تساعدني على ذلك ؟
قواعد اساسية لابد منها لتعريف كتابة اوامر الـ CSS
ما هو id وما هو class والفرق بينهم
شرح الخاصية background
شرح الخاصية background-color
شرح الخاصية background-position
شرح الخاصية background-repeat
شرح الخاصية background-clip
شرح الخاصية background-origin
شرح الخاصية background-size
شرح الخاصية background-color
شرح الخاصية background-position
شرح الخاصية background-repeat
شرح الخاصية background-clip
شرح الخاصية background-origin
شرح الخاصية background-size
شرح الخاصية border-top
شرح الخاصية border-radius
شرح الخاصية bottom
شرح الخاصية box-shadow
شرح الخاصية clip
شرح الخاصية color
شرح الخاصية cursor
شرح الخاصية direction
شرح الخاصية display
شرح الخاصية float
شرح الخاصية font
شرح الخاصية height
شرح الخاصية left
شرح الخاصية line-height
شرح الخاصية list-style
شرح الخاصية margin
شرح الخاصية max-height
شرح الخاصية max-width
شرح الخاصية min-height
شرح الخاصية min-width
شرح الخاصية opacity
شرح الخاصية outline
شرح الخاصية overflow
شرح الخاصية padding
شرح الخاصية position
شرح الخاصية right
شرح الخاصية text-align
شرح الخاصية text-decoration
شرح الخاصية text-indent
شرح الخاصية text-justify
شرح الخاصية text-outline
شرح الخاصية text-overflow
شرح الخاصية text-shadow
شرح الخاصية text-transform
شرح الخاصية text-wrap
شرح الخاصية top
شرح الخاصية transform
شرح الخاصية visibility
شرح الخاصية width
شرح الخاصية white-space
شرح الخاصية word-spacing
شرح الخاصية word-break
شرح الخاصية word-wrap
شرح الخاصية z-index
شرح الخاصية border-radius
شرح الخاصية bottom
شرح الخاصية box-shadow
شرح الخاصية clip
شرح الخاصية color
شرح الخاصية cursor
شرح الخاصية direction
شرح الخاصية display
شرح الخاصية float
شرح الخاصية font
شرح الخاصية height
شرح الخاصية left
شرح الخاصية line-height
شرح الخاصية list-style
شرح الخاصية margin
شرح الخاصية max-height
شرح الخاصية max-width
شرح الخاصية min-height
شرح الخاصية min-width
شرح الخاصية opacity
شرح الخاصية outline
شرح الخاصية overflow
شرح الخاصية padding
شرح الخاصية position
شرح الخاصية right
شرح الخاصية text-align
شرح الخاصية text-decoration
شرح الخاصية text-indent
شرح الخاصية text-justify
شرح الخاصية text-outline
شرح الخاصية text-overflow
شرح الخاصية text-shadow
شرح الخاصية text-transform
شرح الخاصية text-wrap
شرح الخاصية top
شرح الخاصية transform
شرح الخاصية visibility
شرح الخاصية width
شرح الخاصية white-space
شرح الخاصية word-spacing
شرح الخاصية word-break
شرح الخاصية word-wrap
شرح الخاصية z-index
التعليقات