الحفاظ على التوازن بين جذب الانتباهالزوار والرسوم المتحركة لصفحات الموقع أمر ضروري. مستخدم الإنترنت الحديث يتمتع بخبرة كبيرة ويتبع خططه الخاصة التي تتناسب مع أشكال معينة من العرض. كانت التقنيات الإعلانية العديدة لمطوري ومصممي مواقع الويب هي التي شكلت رد فعل مناسب للزوار. هذا مهم للنظر فيه. إذا كانت الخطط لا تهدف إلى إنشاء موقع نشط حقًا يمكنه الاستجابة بشكل فردي لكل من يأتي إلى الصفحة ، ويقدم الحوار الذي يتوقعه ، فمن الأفضل عدم إظهار الاجتهاد المفرط في مجال الإعلان بشكل عام وديناميكيات الصفحة بشكل خاص.
الرسوم المتحركة المهووسة كصوت غير متوقعالمرافقة أو العرض "اكتب رقم هاتف وسيتصلون بك خلال دقيقة" لم يعد يجذب الزائر ، وفي معظم الحالات يقلل الاهتمام بالمورد ، بينما يمكنك عمل سطر في كود HTML للفت الانتباه إلى العناصر الضرورية للموقع.
JavaScript أو HTML
تسمح لك إمكانيات HTML و CSS بالحصول على ملفاتتأثيرات أصلية متنوعة للعناصر المتحركة ، وغالبًا ما يمكنك الاستغناء عن رمز JavaScript البسيط ، نظرًا لأن علامة التحديد تسمح لك بإنشاء خط قيد التشغيل وصورة قيد التشغيل ، دون أي تكلفة إضافية. ظهرت في الأصل في Internet Explorer ، ولكن تم تطبيقها لاحقًا في متصفحات أخرى.
الاهتمام الأخير بالرسوم المتحركة البسيطةانخفض ، وبدأت الخيارات التي تصف كيفية إنشاء سطر زاحف في HTML تعتبر من بقايا الماضي. على الرغم من أنه من غير المعروف ما هو الوقت المناسب للارتباط بالتاريخ ودفع النسيان. يمكن تدريس أثر تاريخي آخر للمعاصرين بطريقة تجعل الاهتمام أعلى من المستحضرات الموجودة في أغلى هاتف ذكي أو ذكاء روبوت النانو.
علامة سرادق
تسمح لك علامة التحديد المتحرك بإعداد / أسفل الحركة ،من اليسار إلى اليمين أو ، على العكس ، داخل الصفحة بأكملها أو في كتلة منفصلة. هناك سمات اللون والحجم والسرعة. يمتلك المطور مجموعة كاملة من الأدوات لجعل مظهر وحركة المحتوى على الصفحة ذا مغزى وجذاب وغير مزعج. قبل إنشاء سطر تمرير في HTML ، عليك أن تفهم أن هذا هو في الأساس نتيجة اهتمام المطور بالزائر ، ورغبته في جذب الأخير بمحتوى جيد ، مقترح بشكل صحيح. ومع ذلك ، فإن النقطة ليست على الإطلاق في خطوط التشغيل ، ولكن في كيفية تنفيذ الصفحة وترابط عناصرها.
فكرت في كيفية إنشاء سطر زاحف في HTML بتنسيقنسخة غير مزعجة ، لجعل الصفحة حية ، تأتي إلى أذهان كل مطور. في مثل هذا العنصر ، يمكنك تمييز المعلومات المحدثة وإظهار حركة الأسهم وتغيرات الأسعار وظهور الخصومات وما إلى ذلك.
السمات الرئيسية للسرادق
لا تقدم Marquee مجموعة كبيرة بشكل خاص من الخيارات التي تصف ، كيفية إنشاء سطر زاحف في HTML:
- ينسب يحدد السلوك الحركة بين جوانب عنصر (بديل) ؛
- التمرير ، حيث يتجاوز المحتوى الموجود في الدائرة أحد حدود العنصر ويذهب إلى حدود أخرى (التمرير) ؛
- يمكنك عرض الكلمات و "لصقها" ببعضها البعض (شريحة).
يحدد اتجاه الحركة سمة الاتجاه ، والتي تتيح لك تحديد حركة اليسار واليمين (يسار | يمين) أو حركة من أعلى إلى أسفل (أعلى | أسفل).
يتم تحديد حدود المساحة التي يتحرك فيها المحتوى بواسطة سمات العرض والارتفاع ، والتي يمكن استخدامها لتعيين تأثيرات "دقيقة". بعد كل شيء ، الفكرة كيفية إنشاء سطر تشغيل في HTML - إنها ليست دائمًا حركة المعلومات. يمكنك تعيين حدود صغيرة جدًا لحرف واحد (على سبيل المثال ، "o" ، "x" ، "!" ، ...) والحصول على تركيبات عنصر جذابة وغير متوقعة تمامًا دون إنفاق بايت واحد من كود JavaScript.
إدراج صورة
لا يمكنك نقل المعلومات فقط ، ولكن أيضًاعناصر ترميز HTML الأخرى. يمكنك تحقيق تأثيرات أصلية عند نقل صور * .gif على سبيل المثال. بخلاف تنسيقات PNG و JPG ، يمكن تحريك صور GIF بنفسها. على سبيل المثال ، يمكنك رسم عجلة سيارة دوارة أو فقاعة تتغير أثناء تحركها نحو الأرض. من خلال ضبط الحركة الأفقية للعجلة ، والتي تدور نفسها ، يمكنك إنشاء وهم الحركة. حسنًا ، أربع عجلات هي بالفعل سيارة حية بدون سطر واحد من كود JavaScript.
وبالمثل ، يمكنك ضبط حركة الهبوط من أعلى إلى أسفل. أثناء "سقوط" الصورة ، إذا كان تغييرها يتوافق مع الديناميكا الهوائية للعملية ، فسيتم تحقيق التأثير المطلوب من خلال إجراءات غير مهمة على الإطلاق.
كيف تجعل الخط الزاحف في HTML بوسائل اختيارية بسيطًا وفعالًا؟ يمكنك التوصل إلى خيارات مثيرة للاهتمام لاستخدام طرق غير تقليدية. من المعروف أن تغيير ألوان الشخصيات والخلفيةتحميل الصور ، يُسمح بمعالجة حجم العناصر على الصفحات في الديناميكيات. هذا يجعل من الممكن إنشاء خطوط زاحفة ، على سبيل المثال ، في شكل سلسلة من العناصر التي تظهر على الشاشة بدرجات متفاوتة من الشفافية ، وتغيير حجمها أو موضعها على الصفحة.
النص التشعبي والبرمجة: كل شيء رسمي ومجدول بدقة ، ولكن حتى الإنشاءات الرسمية الصارمة لا تحد من إمكانيات العرض المريح والفعال والديناميكي للمعلومات.
