الصفحة الرئيسية> دروس تصميم الويب
الكل البرنامج التعليمي لبرنامج دريمويفر دروس جافا سكريبت تعليمي HTML دروس CSS النصائح والحيل البرنامج التعليمي لـ DHTML المؤثرات الخاصة على شبكة الإنترنت توحيد الويب
دروس تصميم الويب
  • شرح تفصيلي لكيفية حل مشكلة عدم رجوع الواجهة لوضعها الأصلي عند سحب لوحة المفاتيح IOS من خلال حدث Focusout

    شرح تفصيلي لكيفية حل مشكلة عدم رجوع الواجهة لوضعها الأصلي عند سحب لوحة المفاتيح IOS من خلال حدث Focusout

    أعراض المشكلة اليوم عندما كنت أقوم بتطوير صفحة H5 للجوال، واجهت مشكلة تتمثل في عدم تمكن الواجهة من العودة إلى موضعها الأصلي عندما تم سحب لوحة المفاتيح على نظام التشغيل IOS. يتم وصف المشاكل والأعراض بالتفصيل أدناه: الصفحة التي بها مشكلة بنية الصفحة هي عبار
    2025-01-23
  • يحذف Javascript العنصر المحدد في المصفوفة ويعيد مصفوفة جديدة

    يحذف Javascript العنصر المحدد في المصفوفة ويعيد مصفوفة جديدة

    لحذف قيمة في المصفوفة وإرجاع مصفوفة جديدة، تحتاج إلى اجتياز المصفوفة القديمة للعثور على العنصر المراد حذفه كما يلي: /* * حذف القيمة المحددة في المصفوفة*/ Array.prototype. Remove=function(value){ var len = this.lengt
    2025-01-23
  • ترتيب الكتابة الموصى به لخصائص CSS في موزيلا

    ترتيب الكتابة الموصى به لخصائص CSS في موزيلا

    لقد قرأت الكثير من الأسئلة حول إعادة التدفق مؤخرًا، لكنني لم ألاحظ هذه الظاهرة من قبل. في الآونة الأخيرة، بدأت في دراستها ببطء. بعد كل شيء، لم أهتم بالعديد من تفاصيل الأداء في الماضي. فيما يتعلق بإعادة التدفق، يجب أن يقال ببساطة أنه عرض DOM (حساب الحجم وا
    2025-01-23
  • تعرض الصفحة الأصلية مربع حوار شبه شفاف ينبثق على طبقة القناع.

    تعرض الصفحة الأصلية مربع حوار شبه شفاف ينبثق على طبقة القناع.

    في الفصل السابق، قدمت إمكانية إضافة وحدة تحرير جزئية إلى الصفحة المقنعة. في هذا الفصل، سأقدم الصفحة الرئيسية لعرض طبقة القناع وفتح مربع حوار شبه شفاف. الحوار هو الصفحة الفرعية المنبثقة، div. يكون العرض كما يلي: تنفيذ الكود المحدد هو كما يلي: انسخ الكود كم
    2025-01-23
  • كيفية تنفيذ تسميات الزاوية المستديرة القابلة للتوسيع

    كيفية تنفيذ تسميات الزاوية المستديرة القابلة للتوسيع

    عند إنشاء صفحات الويب، من الشائع جدًا استخدام العلامات للعرض المصنف. تتميز علامات الزاوية المستديرة بمزايا الأسلوب الجميل والتعبير الحيوي. بشكل عام، سنحول خلفية علامة الزاوية المستديرة إلى صورة هذا إذا تغير عدد الكلمات في نص التسمية (كما هو موضح في الشكل
    2025-01-23
  • كيفية تحويل الرسوم المتحركة القماشية الأمامية إلى فيديو mp4

    كيفية تحويل الرسوم المتحركة القماشية الأمامية إلى فيديو mp4

    من خلال تحميل الصور ذات الأحجام المناسبة، يمكن للمستخدمين معاينة التأثير المشابه لعرض الشرائح عن طريق تحديد التأثير والموسيقى الخاصة بالرسوم المتحركة، ثم النقر أخيرًا للتأكيد لإنشاء مقطع فيديو، والذي يمكن تشغيله على العناوين الرئيسية أو Douyin. تتمثل الحل
    2025-01-23
  • استكشاف HTML5: تحسين الرسوم المتحركة على الويب باستخدام requestAnimationFrame

    استكشاف HTML5: تحسين الرسوم المتحركة على الويب باستخدام requestAnimationFrame

    ما هو إطار طلب الرسوم المتحركة؟ في برامج الرسوم المتحركة للمتصفح، نستخدم عادةً مؤقتًا لتدوير الكائن المستهدف كل بضعة أجزاء من الثانية لتحريكه. الآن هناك أخبار جيدة، فقد قرر مطورو المتصفح: مرحبًا، لماذا لا نوفر واجهة برمجة التطبيقات هذه في المتصفح، حتى نتم
    2025-01-23
  • 21 نقطة معرفة أساسية لجافا سكريبت

    21 نقطة معرفة أساسية لجافا سكريبت

    1. JavaScript حساس لحالة الأحرف؛ 2. إذا قمت بتعريف متغير دون كتابة var، فقد قمت بتعريف متغير عام؛ أي دالة ليست طريقة هي متغير عام، وهذا يشير إلى النافذة 3. % عامل التشغيل، ابحث عن الباقي، واحتفظ بالأعداد الصحيحة، y=5;x=y%2; ثم x=1;4 إذا كنت بحاجة إلى الجم
    2025-01-23
  • الاختلافات في CSS في Internet Explorer 6 و7 و8(4)

    الاختلافات في CSS في Internet Explorer 6 و7 و8(4)

    م. مثال على فاصل الصفحات داخل المربع #box {page-break-inside: تجنب } الوصف تحدد هذه السمة ما إذا كان الترحيل يحدث داخل عنصر محدد.
    2025-01-23
  • شرح تفصيلي لـ Canvas لتحقيق تأثيرات حركة الجسيمات المبهرة (الجزيئات تولد النص)

    شرح تفصيلي لـ Canvas لتحقيق تأثيرات حركة الجسيمات المبهرة (الجزيئات تولد النص)

    ليس هناك الأفضل، بل الأفضل كما يشير العنوان، هذه المقالة تريد فقط مشاركة تأثير حركة الجسيمات الذي تم تحقيقه باستخدام Canvas. يبدو الأمر وكأنه عنوان رئيسي، ولكن من منظور آخر، بالكاد يمكن اعتباره مبهرًا. على الرغم من أن اللون لا علاقة له بالإبهار، إلا أن تأ
    2025-01-23
  • إدخال HTML5 للكشف في الوقت الحقيقي وتحسين التأخير

    إدخال HTML5 للكشف في الوقت الحقيقي وتحسين التأخير

    يوجد مشروع حيث يقوم صندوق الإدخال بمراقبة الإدخال في الوقت الفعلي وتشغيل الطلب. الفكرة الأولى هي استخدام طريقة onchange() على الإدخال التي جربتها، ولكنها لا تعمل إلا بعد تأكيد تغيير القيمة، وهو أمر غير فوري. لقد تحققت عبر الإنترنت ووجدت $(#fix).on(input p
    2025-01-23
  • رمز تنفيذ بسيط لـ js لتحديد رقم الإصدار

    رمز تنفيذ بسيط لـ js لتحديد رقم الإصدار

    يزيل jQuery 2.0 الحكم على رقم إصدار المتصفح (يوصي باكتشاف الميزات). إليك طريقة حكم أصلية كتبها أجنبي. هذا الرمز ذكي حقًا! كلاهما مختصر ومتوافق مع الإصدارات السابقة! النهج العام هو: البحث المنتظم عن USER_AGENT، ولكن لأسباب تاريخية، لم يكن USER_AGENT دقيقًا
    2025-01-23
  • احصل على دروس مجانية حول معايير CSS-Web قابلة لإعادة الاستخدام مع Yahoo!

    احصل على دروس مجانية حول معايير CSS-Web قابلة لإعادة الاستخدام مع Yahoo!

    إحدى الميزات الرئيسية لأداة CSS هي أنها مصنفة لتوفير دعم مثالي لمتصفحات الفئة أ. تصنيف دعم المتصفح هو مجرد تصنيف لشركة Yahoo!، ويمكنك رؤية الوصف الكامل على موقعها على الويب، والذي يصف بشكل أساسي كيفية عمل CSS بشكل جيد في المتصفحات الموجودة في السوق اليوم.
    2025-01-23
  • تصميم الويب: 12 قانونًا للكود النظيف

    تصميم الويب: 12 قانونًا للكود النظيف

    الكود الجميل هو أساس موقع ويب جميل. لا يوجد CSS الممتاز إلا فوق كود HTML النظيف والدلالي الذي يجعل موقع الويب أكثر قوة. توضح هذه المقالة 12 قانونًا لتحقيق كود تصميم ويب نظيف، وهو مناسب لأي شخص يعمل في تصميم الويب.
    2025-01-22
  • ألغاز إنتاج صفحات الويب: مسار ملفات الصور

    ألغاز إنتاج صفحات الويب: مسار ملفات الصور

    بعد نسخ بعض رموز الرسومات والمؤثرات الخاصة للصور من بعض مواقع الويب، تظهر دائمًا مشكلات مثل عدم عرض الصور، إليك برنامج تعليمي ذي صلة مكتوب خصيصًا لهؤلاء المبتدئين! فيما يتعلق بتطبيق الصور في صفحات الويب، أي تطبيق علامات الصور في صفحات الويب، دعوني ألخصها
    2025-01-22