pregnancy
>
دورة Css

دورة Css

4:26 PM


اضغط على تصنيف الدروس للذهاب السريع الى قائمة الدروس
  1. أساسيات CSS
  2. التصميم باستخدام CSS
  3. الصندوق النموذجي
  4. الدروس المتقدمة

أساسيات CSS

يمكنك حفظ الكثير من الوقت و الجهد باستخدام لغة CSS .
قبل البدء بلغة CSS يجب ان يكون لديك معرفةHTML / XHTML
المنتقى , واحد أو أكثر من التصريح .
يمكن استخدام id و class لتطبيق تصميم معين على وسم HTML
عندما يقرأ المتصفح صفحة التصميم سيتم عرض صفحة HTML حسب التصميم المخصص

التصميم باستخدام CSS

تستخدم خصائص الخلفية لتطبيق تأثيرات معينة على خلفية التصميم بشكل عام
باستخدام لغة CSS يمكنك استخدام احدى هذه الطرق لتلوين نص معين
تستخدم خاصية نوع الخط في لغة CSS لتحديد عائلة الخط font family و حجم و الشكل لخط النص
يمكن للروابط التشعبية ان تصمم وتعدّل من خلال طرق عديدة
تسمح لك خاصية القائمة بما يلي :
لوضع العديد من العناصر بقائمة مرقّمة ordered lists
لوضع العديد من العناصر بقائمة غير مرقّمة unordered lists
لتخصيص صورة وتوضع عوضاً عن العلامة المستخدمة في القائمة
يمكن التعديل على الجداول من خلال CSS بشكل رهيب

الصندوق النموذجي

يمكن اعتبار وسوم HTML مثل الصندوق , وباستخدام لغة CSS مع الصندوق النموذجي يعني أننا نستخدم التصميم والتخطيط
تسمح لك خصائص الحدود في CSS لتحديد التصميم واللون لحدود العنصر
الحدود الخارجية هو عبارة عن خط مرسوم حول العناصر (خارج الحدود ) لجعل العناصر أكثر سهولة لرؤيتها وملاحظتها .
تحدد خاصية الهوامش الخارجية المسافة حول العنصر
تحدد خاصية الهوامش الداخلية المسافة حول العنصر

الدروس المتقدمة

غالباً مانجد أكثر من منتقى يحتوي على نفس التصميم
تسمح خاصية الأبعاد dimension بالتحكم بعرض و ارتفاع العنصر .
تحدد خاصية الاظهار display فيما اذا أو كيف يجب على العنصر الظهور بينما تحدد خاصية الاخفاء visibility فيما اذا كان العنصر ظاهر visible أو مخفي hidden
يمكن أن يكون الترتيب مخادع أحياناً ولكن كيف ؟؟؟
باستخدام CSS يمكنك طفو العناصر لليمين أو اليسار كما تسمح للعناصر الأخرى بالالتفاف حولهم
هناك الكثير من الخاصيات التي تقوم بعمل المحاذاة الأفقية للعناصر
تسمى التأثيرات الخاصة لأنها تضيف مزايا وتأثيرات خاصة للعنصر توهمك أن هذه التأثيرات من أساسه و لكن في الواقع هي فقط مصطنعة له
تستخدم التأثيرات الخاصة مع العناصر لاضافة تأثيرات معينة لبعض المنتقون selectors
من المهم استخدام شريط للقوائم لأي موقع ويب في العالم ومع استخدام CSS سيصبح لديك شريط قائمة رائع أفضل من قوائم HTML المملة
يمكن إنشاء البوم صور بسهولة عند استخدام لغة CSS
يمكن وبكل سهولة استخدام الشفافية مع الصور لجعلها شفافة .
ان صورة الايقونات هي عبارة عن مجموعة أيقونات تم جمعها بصورة واحدة
تسمح لك أنواع الوسائل بتحديد كيفية ظهور الصفحة بوسائل متعددة . يمكن عرض الصفحة بطرق مختلفة على الشاشة أو على الورقة أو المتصفحات السمعية .. إلخ
يمكن تصميم عناصر HTML من خلال لواحق معينة
في هذا الدورة تعلمت إنشاء صفحات تصميم وذلك للتحكم بتصميم وشكل موقع سواء مكون من صفحة أو العديد من الصفحات المختلفة .

 

بقلم : سعيد لخضر

شكرا لتعليقك
Subscribe to: Post Comments (Atom)