محرر نصوص HTML & CSS يمكنك كتابة الكود وتجريبه في محرر النصوص و عند الانتهاء اضغط على "عرض نتيجة الكود" لمشاهدة نتيجة الكود
أساسيات CSS
يمكنك حفظ الكثير من الوقت و الجهد باستخدام لغة CSS .
قبل البدء بلغة CSS يجب ان يكون لديك معرفةHTML / XHTML
المنتقى , واحد أو أكثر من التصريح .
يمكن استخدام id و class لتطبيق تصميم معين على مفتاح HTML
عندما يقرأ المتصفح صفحة التصميم سيتم عرض صفحة HTML حسب التصميم المخصص
التصميم باستخدام CSS
تستخدم خصائص الخلفية لتطبيق تأثيرات معينة على خلفية التصميم بشكل عام
باستخدام لغة CSS يمكنك استخدام احدى هذه الطرق لتلوين نص معين
تستخدم خاصية نوع الخط في لغة CSS لتحديد عائلة الخط font family و حجم و الشكل لخط النص
يمكن للروابط التشعبية ان تصمم وتعدّل من خلال طرق عديدة
تسمح لك خاصية القائمة بما يلي :
لوضع العديد من العناصر بقائمة مرقّمة ordered lists
لوضع العديد من العناصر بقائمة غير مرقّمة unordered lists
لتخصيص صورة وتوضع عوضاً عن العلامة المستخدمة في القائمة
لوضع العديد من العناصر بقائمة مرقّمة ordered lists
لوضع العديد من العناصر بقائمة غير مرقّمة unordered lists
لتخصيص صورة وتوضع عوضاً عن العلامة المستخدمة في القائمة
يمكن التعديل على الجداول من خلال CSS بشكل رهيب
الصندوق النموذجي
يمكن اعتبار مفاتيح HTML مثل الصندوق , وباستخدام لغة CSS مع الصندوق النموذجي يعني أننا نستخدم التصميم والتخطيط
تسمح لك خصائص الحدود في CSS لتحديد التصميم واللون لحدود العنصر
الحدود الخارجية هو عبارة عن خط مرسوم حول العناصر (خارج الحدود ) لجعل العناصر أكثر سهولة لرؤيتها وملاحظتها .
تحدد خاصية الهوامش الخارجية المسافة حول العنصر
تحدد خاصية الهوامش الداخلية المسافة حول العنصر
الدروس المتقدمة
غالباً مانجد أكثر من منتقى يحتوي على نفس التصميم
تسمح خاصية الأبعاد dimension بالتحكم بعرض و ارتفاع العنصر .
تحدد خاصية الاظهار display فيما اذا أو كيف يجب على العنصر الظهور بينما تحدد خاصية الاخفاء visibility فيما اذا كان العنصر ظاهر visible أو مخفي hidden
يمكن أن يكون الترتيب مخادع أحياناً ولكن كيف ؟؟؟
باستخدام CSS يمكنك طفو العناصر لليمين أو اليسار كما تسمح للعناصر الأخرى بالالتفاف حولهم
هناك الكثير من الخاصيات التي تقوم بعمل المحاذاة الأفقية للعناصر
تسمى التأثيرات الخاصة لأنها تضيف مزايا وتأثيرات خاصة للعنصر توهمك أن هذه التأثيرات من أساسه و لكن في الواقع هي فقط مصطنعة له
تستخدم التأثيرات الخاصة مع العناصر لاضافة تأثيرات معينة لبعض المنتقون selectors
من المهم استخدام شريط للقوائم لأي موقع ويب في العالم ومع استخدام CSS سيصبح لديك شريط قائمة رائع أفضل من قوائم HTML المملة
يمكن إنشاء البوم صور بسهولة عند استخدام لغة CSS
يمكن وبكل سهولة استخدام الشفافية مع الصور لجعلها شفافة .
ان صورة الايقونات هي عبارة عن مجموعة أيقونات تم جمعها بصورة واحدة
تسمح لك أنواع الوسائل بتحديد كيفية ظهور الصفحة بوسائل متعددة . يمكن عرض الصفحة بطرق مختلفة على الشاشة أو على الورقة أو المتصفحات السمعية .. إلخ
يمكن تصميم عناصر HTML من خلال لواحق معينة
في هذا المنهاج تعلمت إنشاء صفحات تصميم وذلك للتحكم بتصميم وشكل موقع سواء مكون من صفحة أو العديد من الصفحات المختلفة .
وصف الكاتب هنا
0 التعليقات :
إرسال تعليق