حل قص واجهة موقع متحرك دون فقد الحركه بيها

السلام عليكم

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

البحث هو اساس المعرفه ولكن ليس كل شيء هنالك طرق اخرى من ضمنها ( العبث ) نعم العبث ببعض البرامج
للكشف عن خصائصها وفؤائدها ومدى الاستفاده منها

بعد فوز الاتحاد على الهلال رجعت البيت وانا مروق عالاخر شغلت الجهاز من شان اشوف لي حل لهالصفحة
فتحت الفوتوشوب لعل وعسى ولكن دون اي جدوى
ولكن هنالك برنامج الـ ( Adobe ImageReady CS ) هذا المصاحب مع برنامج الفوتوشوب والذي يعمل بعض الحركات على
الصور وبطريقة رائعه كنت استخدمه لعمل الجاليتر الجميل فقط لا غير ولكن نسينا ان هذا البرنامج لا يفقد الصور المتحركه هذه
الخاصية لذلك ليه ما نحاول بيه ؟

فتحت الواجهة التي املكها وبدأ التخبيص كالمعتاد ولكن بعد هذا كل ماهي النتيجة ؟؟

النتيجه كانت رائعه حصلت على ماكنت ابحث عنه حصلت على قص الواجهة وأدخال روابط الايقونات دون أن افقد
تحرك واجهتي وخصائصها وهو ماكنا نبحث عنه

لذلك حبيت اشرح ما توصلت اليه للجميع للاستفاده منها وان شاء الله ربنا ينفع فيها كل اخوانا المسلمين
ونكون قدمنا شيء رائع
====

مالكم علاقه بالصوره لاني لطشتها من توقيع الاخ الفرعون المصري من منتديات طلال مداح خخخخخخخخخخخخخخ
هذي لقيتها بوجهي وهي متحركه لووووووووووووووووول

=====

:::::::::::::::::::::::: الشــــــــــــــــــــــ رح ::::::::::::::::::::::::: ::::

1 / نفتح برنامج الـ Adobe ImageReady CS
بعد ذلك من open نختار الواجهه ( صوره )

2/ ومن ثم نتبع كما هو موضح بالصوره التالية :

http://www.mwadah.com/images/imgcache/2005/05/3.jpg

1- نختار أداة القص هذه
2 - نذهب للايقونه المراد ربطها بـ Link معين ونحدد عليها ( أنا كتبت عباره Enter وحددت عليها كمثال فقط )

بعد التحديد سوف تفتح لك هذه النافذه التي نستفيد منها في :

3 - الرابط المراد التوجة اليه عند الضغط
4- هنا نختار فتح اطار الصفحة المراد التوجه لها بعد الضغط على الرابط وعدنا اربع خيارات وهي :
blank<< فتح الاطار بصفحة جديده
self<< فتح الاطار بنفس الصفحة
paret<< فتح الاطار الاصل
top<< فتح الاطار بصفحة كاملة

5 - هنا المسج المراد ان تضهره عند مرور الماوس على الايقونه متل ( دخول ) عند مرور الماوس على عباره Enter

عند الانتهاء من جميع الايقونات وربطها باللنكات المطلوبه نأتي لحفظ العمل كما هو موضح بالصوره

http://www.mwadah.com/images/imgcache/2005/05/4.jpg

نذهب الى Save Optimized As.. >>> File

بعد ذلك تفتح لنا نافذه تحديد مكان الحفظ واعدادات الحفظ كما هو موضح بالصوره التاليه

http://www.mwadah.com/images/imgcache/2005/05/5.jpg

1- نختار الصيغه بما اننا نريدها واجهة موقع فنختار صيغه (Html and Images)
ولابد من اختيار الخيار المحدد اي حفظ الصور بمجلد ال images
كون انه نحنا عملنا قص للصور

2- نختار اسم الملف او الصفحة مثلا اذا كانت واجهة موقع نختار index

3 - هذا الاعداد مهم جدا لكي تظهر صفحتك بشكلها المتناسق ونختار هذا الخيار ( XHTML)

4 بعد ذلك نختار الحفظ Save

=============

من ثم فيك ان تعمل معاينة لعملك من مكان ما حفظتة فيه وارسالها لمساحة موقعك مع مجلد ال images
وكل شيء يصير اخر حلاوه

==========

طبعا هذا المثال اللي انا عملته

( إدعس هنـــــــــــــــــــــا ) بس بهداوة ياحلو

طبعا الصوره متحركه كما هي رغم انه تم تقصيصها لعدة صور لووووووووووول



====

هذا وصلى الله على سيدنا محمد وعلى اله وصحبة اجمعين و
وسامحونا على التقصيييييييييييييير

بارك الله فيك ... مجهود رائع ونتيجة قمة في الروعة ... اجل لو يفوز الإتحاد بالبطولة ويش بتسوي ... يا رب يفوز ... يا رب يفوز ... بس ما يكون على الهلال ... تحياتي .

يا مال العافيه يالغلا شرح كافي ووافي لا عدمناك..

نتتظر جديدك يا مبدعنا..

بارك الله فيك وجزاك عنّا كل خير

الله يعطيك العافيه ويبارك فيك

الف شكر

اجمل تحيه

شكرا على الشرح الوافي
والى الامام
اللهم صل على محمد وعلى آله وصحبه أجمعين

بارك الله فيك اخي الكريم

جزاك الله عنا كل خير

شكرا لك

ولا هنتـ على المجهود و التعب


و الى الامام انشاء الله

مع خالص حبي و أحترامي

أخوك التنين الأحمر

ياعيني عليك شرح روعة وبالصور

قمة الروعة بارك الله فيك عزيزي