انقر هنا للعودة إلى العمود التعليمي HTML HTML. إذا كنت ترغب في تصفح البرنامج التعليمي CSS ، يرجى النقر هنا.
أعلاه: لغة الترميز - حدد نمط CSS للنص . الفصل 14 استبدال الصورة
مع بدء المزيد من المصممين والمطورين في استخدام المعايير (وخاصة CSS) ، يتم اكتشاف العديد من التقنيات الجديدة كل يوم ، وطرق جديدة لتحقيق نفس الأهداف وطرق أفضل تتطور باستمرار.
يمكن القول أن استبدال الصورة هو أفضل مثال على هذا النوع من التغيير. هذه هي تقنية استخدام CSS لاستبدال النص العادي بالصور. كيف يجب أن نستخدم CSS لاستبدال النص بالصور؟
من الأفضل وضع جميع الصور للأداء (غير المهمة أو الزخرفية) في CSS ، لأن هذا يمكن أن يحل بسهولة استبدال الصور المحدثة دون تغيير رمز مصدر العلامة. وبالمثل ، يمكننا التأكد من أن جميع المتصفحات والأجهزة يمكنها تحليل رمز مصدر العلامة بشكل صحيح ، بغض النظر عما إذا كان هناك CSS متقدم يدعم تمامًا استبدال النص بالصور. وقد تم التأكيد على هذه الميزة في هذا الكتاب. لا يوجد حل مثالي.
ومع ذلك ، فإن إيجاد الطريقة المثالية لاستخدام CSS لاستبدال النص بالصور لا يختلف تقريبًا عن العثور على الكأس المقدسة ... لأنه غير موجود بعد. لا توجد سوى طرق للعمل بشكل صحيح في جميع المتصفحات ، ولكن لا يمكن استخدامها مع البرامج المساعدة (مثل قراء الشاشة). هناك طرق أخرى للعمل ما لم يحدد المستخدم أن المتصفح لا يعرض أي صور ، ولكنه يتيح أيضًا CSS.
على الرغم من عدم وجود طريقة لإرضاء الجميع (أو جميع المستخدمين) عند كتابة هذا النص ، إلا أن هناك بالفعل العديد من المواقع الإلكترونية. يجب أن تكون حذراً للغاية عند تطبيق أي طريقة استبدال الصورة ، ويجب أن تفهم أيضًا الآثار الجانبية التي ستجلبها. يمكن استخدامه ، لكن كن حذرًا
هذا هو الغرض من هذا الفصل. في ذلك الوقت ، سيتم أيضًا الكشف عن الراحة التي جلبها استبدال الصور ، ولكن سيتم الكشف عن أوجه القصور. مع مرور الوقت ، قد يجد المزيد من عشاق CSS طرقًا أفضل لتحقيق نفس التأثير ؛ قبل ذلك ، يجب أن نستفيد من المهارات بشكل جيد لقياس المكاسب والخسائر.
من أجل التعرف على مفهوم استبدال الصورة ، دعونا نلقي نظرة على العديد من الطرق الشائعة الاستخدام. لنبدأ بمهارات استبدال صور فهرنر (استبدال صورة فهرنر ؛ FIR).
الصفحة السابقة 1 2 3 4 5 6 7 الصفحة التالية اقرأ النص الكامل