[فيديو الدرس: بانتظار التسجيل]
الدرس 1 من 5
ما هو بانر HTML5
البانر بانر HTML5 صفحة ويب صغيرة، مبنية بـ HTML وCSS وJavaScript، تُعرض داخل مساحة إعلانية في صفحة أخرى. ليس صورة ولا فيديو: إنه شيفرة يُشغّلها المتصفح، تمامًا كما يشغّل أي موقع.
مقارنة بالصورة أو GIF
الصورة الثابتة لا تتحرك. أما GIF المتحرك فيتحرك، لكنه تسلسل من صور: يزن كثيرًا، وله ألوان محدودة، ويبدو مشوّشًا عند التكبير. أما بانر HTML5 فيرسم النص والأشكال بالشيفرة، لذلك يبدو واضحًا على أي كثافة للشاشة، ويتحرك بدقة، وغالبًا ما يكون وزنه أقل بكثير.
مم يتكوّن
- ملف
index.htmlيحتوي على البنية والنص. - أنماط (CSS) تحدد شكل كل عنصر.
- شيفرة (JavaScript) تحرّك العناصر وتتعامل مع النقر.
- صور وخطوط، إن وُجدت، بجانب
index.html.
كل ذلك يُنقل معًا في ملف .zip واحد. والمنصة التي تنشر البانر، خادم الإعلانات، تفكّ ضغطه وتعرضه.
جرّب هذا. افتح أي صفحة ويب، وانقر بزر الفأرة الأيمن على بانر، وابحث عن «فحص العنصر» (Inspect): إذا كان HTML5 فستظهر لك شيفرته.
يُحفظ تقدّمك في هذا المتصفح فقط.