أخبار عامة - وكالة أنباء المرأة - اخبار الأدب والفن - وكالة أنباء اليسار - وكالة أنباء العلمانية - وكالة أنباء العمال - وكالة أنباء حقوق الإنسان - اخبار الرياضة - اخبار الاقتصاد - اخبار الطب والعلوم
إذا لديكم مشاكل تقنية في تصفح الحوار المتمدن نرجو النقر هنا لاستخدام الموقع البديل

الصفحة الرئيسية - تقنية المعلمومات و الكومبيوتر - حيدر طالب الأحمر - الصور المتحركة















المزيد.....

الصور المتحركة


حيدر طالب الأحمر

الحوار المتمدن-العدد: 1931 - 2007 / 5 / 30 - 09:08
المحور: تقنية المعلمومات و الكومبيوتر
    


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

ماهي عواقب كثرة استخدام الصور المتحركة؟
1 .الصور المتحركة وبالذات الجافا تأخذ وقت طويل في الظهور على شاشة جهاز الزائر من الصور العادية، وبالتالي سيغلق الزائر المتصفح قبل نزول صورك المتحركة أو سيذهب لأحد الملايين من الصفحات الأخرى على الإنترنت قبل أن تقول: ليتني لم أفعل.
المعروف بأننا نصمم الصفحة لنجعل الزائر يبقى بها لأكثر وقت ممكن. لذلك لا تضيع فرصة وصول الزائر لصفحتك ولو بالصدفة.
2. الصور المتحركة تفقدك التحكم في قيادة الزائر لصفحتك. الهدف من الصور المتحركة في موقعك ليس عرض اماكنياتك أو اعطاء الزائر جزء من التسلية إنما الهدف منها هو شد إنتباه الزائر لشئ مهم تريد أن يراه. فإذا أكثرتها فأنت تعني بأن كل ما هب ودب في صفحتك متحرك يعني مهم!! وهذا يشتت التركيز كما قلنا. أو أنك أسأت استخدام الصور المتحركة وهذ يعني أنك لم ترشده للنقطة التي تريد الوصول إليها من هذه الصور بشكل صحيح.

متى تستخدم الصور المتحركة؟
الهدف من الصور المتحركة هو شد الانتباه لشئ معين ويجب أن يكون مهم بحيث يظهر بشكل واضح على الصفحة دون سواه من بقية المحتويات. أي بمعنى أنه عندما يأتي الزائر للصفحة سيرى كل شئ ثابت ما عدا هذا الشئ المتحرك الذي جعله يتجاهل بقية الصفحة (بشكل خاطف وسريع) وينظر إليه. قد تكون كلمة اشترك الآن أو مثلاً منتج جديد أو أي شئ آخر. وهنا تكون وظفت الصور المتحركة لهدف جذب الانتباه لمنتجك الجديد أو لغرض معين بشكل صحيح يؤدي النتيجة المطلوبة منه.

كيف تستخدم الصور المتحركة وماهي أنواعها؟
هناك عدة وسائل لاستخدام الصور المتحركة منها ملفات جيف المتحركة، الجافا أبلت، النصوص المتشعبة الديناميكية، النصوص المتحركة وفلاش طبعاً.

لكن السؤال هنا أي نوع تستخدم ولماذا ومتى يتم استخدامها؟
أعتقد بأن أكثر الصور المتحركة شيوعاً هي ملفات جيف المتحركة Animated GIF Files وهذه الصور تعتبر من أسرع الأنواع وأسهلها تصميماً. ويتم استخدامها غالباً في اللوحات والأزرار الإعلانية وأعتقد بأن الكثير يتفق معي في هذا الموضوع.

لكن هناك استخدام آخر شائع أيضاً وهو استخدامها كشد انتباه لأيقونة أو صورة معينة مثل صورة لصندوق بريد متحرك إذا كنت تريد من الزائر الضغط على هذا الزر.
إذا كان لديك وصلة معينة وهي لب الموضوع الذي من أجله أنشئت هذه الصفحة استخدم هذه الطريقة خاصة مع زر اشترك الآن أو أضف لسلة المشتريات أو إشتري الآن لأنه قد يكون الزائر مقتنع من بضاعتك ويريد شراؤها فعلاً بدون أن يكمل قراءة مواصفاتها وبالتالي سيبحث بعينيه بسرعة عن زر الطلب أو الشراء أو الاشتراك. أوجد له هذا الزر بشكل واضح وملفت للنظر.
وطبعاً لا يخفى عليكم فوائد ملفات جيف المتحركة في الإعلانات وهذا موضوع آخر سأحاول التحدث عنه لاحقاً لعلاقته بالتسويق على الإنترنت وهذا موضوع يطول شرحه.
بالنسبة للجافا أبلت، غالباً ما تستخدم في إظهار مؤثرات خاصة وفي نظري أفضل استخدام لها (كصور متحركة) هو في صفحة مستقلة وغالباً في الأمور الشخصية وليس التجارية. مثلاً صورتك الشخصية، بطاقة معايدة وهكذا. طبعاً هناك استخدامات أخرى لها لكن موضوعنا هو الحركة.
نأتي لاستخدام النصوص المتشعبة الديناميكية Dynamic HTML
في الحقيقة هذه ليست لغة!! نعم حتى وإن انتهت بكلمة Language أي لغة فهي ليست لغة. هي مجرد خليط من ثلاث لغات مختلفة وهي لغة النصوص المتشعبة Hyper Text Markup Language و لغة جافا سكريبت JavaScript أو في بي سكريبت VB Script وأخيراً لغة قوائم الأنماط كما يحب أن يسميها البعض وهي Cascading Style Sheets CSS
لكل لغة من هذه اللغات الثلاث وظيفة وهذا ليس موضوعنا لكن للعلم فقط، وظيفة لغة قوائم الأنماط هي التحكم بالقطع التي ستسخدم في الحركة مثلاً ظهورها واختفاؤها، تحركها من مكان لآخر. التحكم هنا لتكوينها فقط وليس تحريكها. التحريك مهمة لغة السكريت المستخدمة، وبالنسبة للنصوص المتشعبة هي التحكم بشكل المحتوى .
تستخدم المثرات بالنصوص المتشعبة الديناميكية في عمل أشياء لا يمكن عملها بالتصميم العادي وأبسط مثال على ذلك وأنا متأكد بأنكم تعرفوه هو تغير شكل الصورة عند مرور الفأرة فوقها. من أمثلة استخدام هذه الطريقة هي عمل مؤثرات بسيطة مثل جعل صورة ثابتة في أسفل ويسار الصفحة، عمل نص يتحرك مع الفأرة (هذا المؤثر قد يؤثر على تشتيت ذهن القارئ خاصة إذا كان لديك معلومات للقرائة) وأيضاً عمل القوائم المنسدلة وهي شائعة الاستخدام.
بالنسبة للنصوص المتحركة، في نظري أنه يجب عدم إستخدامها نهائياً إلا لأحد الأسباب التالية فقط: )متى تستخدم النص المتحرك(
إذا كانت لديك معلومات متغيرة بكثر وبسرعة أي بشكل لحظي مثل آخر أخبار العالم، أسعار الأسهم، أسعار الصرف وهكذا
إذا كانت لديك محتويات مهمة وكنت حريص على أن يقرأها الزائر وعندما تكون أكثر من سطر
إذا قمت بتغيير أسعارك، منتجاتك أضفت منتجات أو خدمات جديدة وهمك جداً أن يعرفها القارئ

الفلاش
بالنسبة لموضوع الفلاش فلا أعتقد بأن كتاب كامل يكفي لشرح مدى قوته وإمكانياته. كل ما أستطيع قوله عن فلاش هو أنه تجاوز حدود الحركة، حجم الملف، والسكون... نعم ، إن فلاش يستطيع أن يقوم بأكثر من مجرد حركات فيمكنك عمل موقع كامل بقوائمه، محتوياته وحتى برامج التجارة الإلكترونية!!
وفلاش يستخدم الرسوم البعدية وليس الصور Vector وهذا يؤدي إلى صغر حجم الملف وسرعة الإنزال وأخيراً يمكنك فلاش من التفاعل مع المستخدم بحيث يضغط أزرار ويدخل محتويات.. وما كان هذا إلى القليل من إمكانيات فلاش التي يطول شرحها.
هذا لا يعني أنه خالي من العيوب، ومن أهم عيوبه أنه يحتاج لمشغل لكن هذا الموضوع يعتبر انتهى لأن 90% من مستخدمي الإنترنت الآن لديهم ذلك. وعيب آخر هو صعوبة وطول وقت تصميم مواقع الفلاش لكن الوقت والجهد يستحق. وأخيراً صعوبة تعامله مع اللغات الغير لاتينية وهذا ما نعمل على حله هنا في موقعنا وبعض العرب الآخرين المخلصين للغة مثل من قاموا ببرنامج الوسيط والرسام وغيرهم.
ولنختم هذا الموضوع أود أن أقول كلمة أخيرة وهي لا تستخدم الصورة المتحركة إلا إذا كنت تحتاج لذلك فقط. لكل شئ هدف وإلا ستثبت بأنه لا هدف لك.

كاتب الموضوع
حيدر طالب الأحمر
استاذ بجامعة بابل



#حيدر_طالب_الأحمر (هاشتاغ)      



اشترك في قناة ‫«الحوار المتمدن» على اليوتيوب
حوار مع الكاتبة انتصار الميالي حول تعديل قانون الاحوال الشخصية العراقي والضرر على حياة المراة والطفل، اجرت الحوار: بيان بدل
حوار مع الكاتب البحريني هشام عقيل حول الفكر الماركسي والتحديات التي يواجهها اليوم، اجرت الحوار: سوزان امين


كيف تدعم-ين الحوار المتمدن واليسار والعلمانية على الانترنت؟

تابعونا على: الفيسبوك التويتر اليوتيوب RSS الانستغرام لينكدإن تيلكرام بنترست تمبلر بلوكر فليبورد الموبايل



رأيكم مهم للجميع - شارك في الحوار والتعليق على الموضوع
للاطلاع وإضافة التعليقات من خلال الموقع نرجو النقر على - تعليقات الحوار المتمدن -
تعليقات الفيسبوك () تعليقات الحوار المتمدن (0)


| نسخة  قابلة  للطباعة | ارسل هذا الموضوع الى صديق | حفظ - ورد
| حفظ | بحث | إضافة إلى المفضلة | للاتصال بالكاتب-ة
    عدد الموضوعات  المقروءة في الموقع  الى الان : 4,294,967,295
- المسيب ( باخمرا ) بنت الفرات


المزيد.....




- فوائد العسل لتقوية مناعتك في الشتاء
- بكتيريا السالمونيلا الضارة تخفي مفتاحا لعلاج سرطان الأمعاء! ...
- الرغبة في مضغ الثلج قد تكون علامة على هذا المرض
- الطيران المسيّر للاحتلال يستهدف مجددا الكوادر الطبية لمستشفى ...
- أفضل نمط حياة لصحة القلب وفحوصات مهمة
- عاجل | مراسل الجزيرة: إصابات بين الطواقم الطبية في مستشفى كم ...
- إصابة 3 من الطاقم الطبي لمستشفى كمال عدوان شمال القطاع بطائر ...
- راقب لعب طفلك وانفعالاته.. علامات وعلاج اضطراب ما بعد الصدفة ...
- رويترز: المغرب يفرض غرامة على شركة أدوية أميركية عملاقة
- هل تنازلت إسبانيا عن المجال الجوي للصحراء الغربية لفائدة الم ...


المزيد.....

- التصدي للاستبداد الرقمي / مرزوق الحلالي
- الغبار الذكي: نظرة عامة كاملة وآثاره المستقبلية / محمد عبد الكريم يوسف
- تقنية النانو والهندسة الإلكترونية / زهير الخويلدي
- تطورات الذكاء الاصطناعي / زهير الخويلدي
- تطور الذكاء الاصطناعي بين الرمزي والعرفاني والعصبي / زهير الخويلدي
- اهلا بالعالم .. من وحي البرمجة / ياسر بامطرف
- مهارات الانترنت / حسن هادي الزيادي
- أدوات وممارسات للأمان الرقمي / الاشتراكيون الثوريون
- الانترنت منظومة عصبية لكوكب الارض / هشام محمد الحرك
- ذاكرة الكمبيوتر / معتز عمر


المزيد.....
الصفحة الرئيسية - تقنية المعلمومات و الكومبيوتر - حيدر طالب الأحمر - الصور المتحركة