تور لحظه آخری
امروز : چهارشنبه ، 23 آبان 1403    احادیث و روایات:  امام محمد باقر (ع):هر چیزی قفلی دارد و قفل ایمان مدارا کردن و نرمی است.
سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون شرکت ها

تبلیغات

تبلیغات متنی

صرافی ارکی چنج

صرافی rkchange

سایبان ماشین

دزدگیر منزل

تشریفات روناک

اجاره سند در شیراز

قیمت فنس

armanekasbokar

armanetejarat

صندوق تضمین

Future Innovate Tech

پی جو مشاغل برتر شیراز

لوله بازکنی تهران

آراد برندینگ

خرید یخچال خارجی

موسسه خیریه

واردات از چین

حمية السكري النوع الثاني

ناب مووی

دانلود فیلم

بانک کتاب

دریافت دیه موتورسیکلت از بیمه

بازسازی ساختمان

طراحی سایت تهران سایت

irspeedy

درج اگهی ویژه

تعمیرات مک بوک

دانلود فیلم هندی

قیمت فرش

درب فریم لس

زانوبند زاپیامکس

روغن بهران بردبار ۳۲۰

قیمت سرور اچ پی

خرید بلیط هواپیما

بلیط اتوبوس پایانه

قیمت سرور dl380 g10

تعمیرات پکیج کرج

لیست قیمت گوشی شیائومی

خرید فالوور

پوستر آنلاین

بهترین وکیل کرج

بهترین وکیل تهران

اوزمپیک چیست

خرید اکانت تریدینگ ویو

خرید از چین

خرید از چین

تجهیزات کافی شاپ

نگهداری از سالمند شبانه روزی در منزل

بی متال زیمنس

ساختمان پزشکان

ویزای چک

محصولات فوراور

خرید سرور اچ پی ماهان شبکه

دوربین سیمکارتی چرخشی

همکاری آی نو و گزینه دو

کاشت ابرو طبیعی و‌ سریع

الک آزمایشگاهی

الک آزمایشگاهی

خرید سرور مجازی

قیمت بالابر هیدرولیکی

قیمت بالابر هیدرولیکی

قیمت بالابر هیدرولیکی

لوله و اتصالات آذین

 






آمار وبسایت

 تعداد کل بازدیدها : 1828775715




هواشناسی

نرخ طلا سکه و  ارز

قیمت خودرو

فال حافظ

تعبیر خواب

فال انبیاء

متن قرآن



اضافه به علاقمنديها ارسال اين مطلب به دوستان آرشيو تمام مطالب
archive  refresh

ايجاد تصاوير متحرك پويا


واضح آرشیو وب فارسی:تبیان: ايجاد تصاوير متحرك پويا حال به نقطه‌اي از كتاب رسيده‌ايم كه از كلمات تكنيكي مانند Zoom ، Fly و hop استفاده ‌كنيم. اينها اصطلاحات Front page هستند كه هنگام متحرك سازي عناصر صفحه با Dynamic HTML (DHTML) از آنها استفاده مي‌شود.براي متحرك سازي عناصر، اين عناصر را انتخاب كنيد و بعد گزينه‌هاي نوار ابزار DHTML Effects را انتخاب كنيد. اين نوار ابزار به شما امكان مي‌دهد تا مشخص كنيد كه چگونه تصوير متحرك را اجرا كنيد (مثلاً با كليك ماوس) و چه چيزي را نمايش دهيد.(مثلاً ، عكس خودتان كه در صفحه حركت كند).تنها مشكل DHTML اين است كه در مرورگرهاي قديمي‌تر كار نمي‌كند. براي اينكه اين جلوه‌ها ديده شوند، بايد مطمئن شويد كه بازديدكنندگان با مرورگرهاي نسخه 4 (يا بالاتر) صفحات شما را بازديد مي‌كنند. از منوي Tools ، گزينه Page Options را انتخاب كنيد تا كادر محاوره‌اي Page Options باز شود. بعد روي برگه Compatibility كليك كنيد. در اينجا مي‌توانيد مرورگرهاي مقصد را انتخاب كنيد. اگر مرورگرهاي قديمي‌تر را انتخاب كنيد، برخي از جلوه‌ها روي نوار ابزار DHTML Effects كه در مرحله 4 باز مي‌كنيد ظاهر نخواهند شد.اين جلوه‌ها ، از تغييرات ظريف در فرمت دهي متن يا تصاويري كه مانند توپ لاستيكي روي صفحه بالا و پايين مي‌جهند متغير مي‌باشند. به يك تصوير اشاره كنيد تا به تصوير ديگري تبديل شود. روي يك پاراگراف كليك كنيد تا در صفحه حركت كند. ايجاد كردن DHTML توسط خود شما مشكل است ولي استفاده از نوار ابزار DHTML Effects بسيار ساده است.  يك صفحه جديد باز كنيد    
 ايجاد تصاوير متحرك پويا
روي فلش دكمه New Page در نوار ابزار Standard كليك كنيد و گزينه Page را انتخاب كنيد. كادر محاوره‌اي Page Templates باز مي‌شود. از برگه General ، قالب Normal Page را انتخاب كنيد و روي Ok كليك كنيد تا اين صفحه در ديد Page باز شود.     اضافه كردن متن    
 ايجاد تصاوير متحرك پويا
مقداري متن در صفحه تايپ كنيد و آن را هاي لايت كنيد. براي اين پروژه، من تايپ كردم: This text really jumps out at you     فرمت دهي    
 ايجاد تصاوير متحرك پويا
قبل از اينكه متن را متحرك كنيد فرمت‌هاي لازم را روي آن اعمال كنيد. در اين پروژه، از ليست Style ، گزينه Heading را انتخاب كردم تا اندازه فونت متن را افزايش دهم.   نوار ابزار DHTML را باز كنيد    
 ايجاد تصاوير متحرك پويا
از منوي View ، گزينه Toolbars و بعد گزينه DHTML Effects را انتخاب كنيد. نوار ابزار DHTML Effects باز مي‌شود. اگر بخواهيد مي‌توانيد اين نوار ابزار را در بالاي صفحه نمايش ثابت كنيد.     رويداد شروع را انتخاب كنيد    
 ايجاد تصاوير متحرك پويا
متن مورد نظر (يا بخشي از آن) را انتخاب كنيد. حال رويدادي كه متحرك سازي را شروع مي‌كند مشخص كنيد. در نوار ابزار DHTML Effects ، روي فلش ليست On كليك كنيد و يكي از گزينه‌هاي اين ليست را انتخاب كنيد. براي اين پروژه، گزينه Page Load را انتخاب كردم.     جلوه  
ايجاد تصاوير متحرك پويا
 از ليست Apply، يك جلوه متحرك سازي انتخاب كنيد. يعني كاري كه وقتي رويداد مرحله 5 رخ دهد متن انجام خواهد داد را انتخاب كنيد. مثلاً مي‌توانيد Zoom را انتخاب كنيد.    انتخاب تنظيمات    
ايجاد تصاوير متحرك پويا
از ليست Effect ، يكي از تنظيمات را براي اين جلوه انتخاب كنيد. اين تنظيمات بسته به جلوه‌اي كه در مرحله 6 انتخاب كرديد فرق مي‌كند. (همانطور كه جلوه‌هايي كه مي‌توانيد انتخاب كنيد بسته به رويدادي كه در مرحله 5 انتخاب كرديد فرق مي‌كنند). در اين پروژه، گزينه In را انتخاب كردم. براي اينكه متن خود را در عمل مشاهده كنيد روي برگه Preview كليك كنيد. اگر اين جلوه را نمي‌پسنديد، يك گزينه ديگر را انتخاب كنيد.     يك تصوير درج كنيد    
ايجاد تصاوير متحرك پويا
حال يك تصوير گرافيكي وارد مي‌كنيم و آن را متحرك مي‌كنيم. نقطه درج را مشخص كنيد و روي دكمه Insert Picture From File در نوار ابزار Standard كليك كنيد. (يا مي‌توانيد از منوي Insert ، گزينه Picture را انتخاب كنيد و بعد نوع تصوير مورد نظر را انتخاب كنيد.) كادر محاوره‌اي Picture باز مي‌شود.     انتخاب تصوير    
 ايجاد تصاوير متحرك پويا
فايل تصوير مورد نظر را پيدا كنيد. بعد روي دكمه Insert كليك كنيد تا تصوير روي صفحه قرار گيرد.     انتخاب تصوير براي متحرك سازي    
ايجاد تصاوير متحرك پويا
قبل از متحرك سازي تصوير، بايد آن را انتخاب كنيد. براي اين كار، روي آن كليك كنيد.     رويداد شروع را انتخاب كنيد    
ايجاد تصاوير متحرك پويا
در نوار ابزار DHTML Effects ، از ليست On ، كاري كه متحرك سازي را شروع كند را انتخاب كنيد. در اين پروژه، گزينه Mouse Over را انتخاب كردم تا وقتي كه بازديدكننده با ماوس به تصوير اشاره كند، تصوير تغيير كند.     انتخاب جلوه    
ايجاد تصاوير متحرك پويا
از ليست Apply ، جلوه‌اي كه مي‌خواهيد روي تصوير اعمال شود را انتخاب كنيد. در اين پروژه Swap Picture را انتخاب كردم. همانطوري كه از اسم آن مشخص است، وقتي كه بازديدكننده با ماوس به تصوير اشاره كند، اين تصوير با تصوير ديگري جايگزين مي‌شود.    تصوير جايگزين     
ايجاد تصاوير متحرك پويا
حال بايد فايل تصوير جايگزين را انتخاب كنيد. روي ليست Setting در نوار ابزار DHTML Effects كليك كنيد و گزينه Choose Picture را انتخاب كنيد تا كادر محاوره‌اي Picture باز شود.     تصوير جايگزين را پيدا كنيد    
 ايجاد تصاوير متحرك پويا
تصوير جايگزين را پيدا كنيد. آن را انتخاب كنيد و روي Open كليك كنيد.تصوير اوليه در اينجا، تصوير يك انگشت است و تصويري كه در اين مرحله انتخاب مي‌كنم تصوير دو انگشت است. جلوه تصويرهاي جايگزين معمولاً براي ايجاد لينك به قسمت‌هاي مختلف يك سايت بكار مي‌رود.    عنوان    
ايجاد تصاوير متحرك پويا
حال يك عنوان را زير تصوير، متحرك سازي مي‌كنيم. مقداري متن تايپ كنيد، آن را فرمت دهي كنيد و بعد آن را انتخاب كنيد.   رويداد شروع را انتخاب كنيد    
ايجاد تصاوير متحرك پويا
از ليست On در نوار ابزار DHTML Effects ، رويداد شروع متحرك سازي را انتخاب كنيد. در اين پروژه، رويداد Double Click را انتخاب كردم.     اين جلوه را اعمال كنيد    
ايجاد تصاوير متحرك پويا
از ليست Apply ، جلوه مورد نظر را انتخاب كنيد. در اين پروژه، گزينه Flyout را انتخاب كردم.     تنظيمات اين جلوه را انتخاب كنيد    
ايجاد تصاوير متحرك پويا
از ليست Effect در نوار ابزار DHTML Effects ، تنظيمات مربوط به جلوه انتخابي را مشخص كنيد. براي جلوه Fly Out ، گزينه To top را انتخاب كردم.     جلوه‌هاي DHTML را هاي لايت كنيد    
ايجاد تصاوير متحرك پويا
در ديد Page ، جلوه‌هاي متحرك سازي كه روي متن اعمال شده‌اند بصورت پيش فرض به رنگ آبي هاي لايت مي‌شوند. براي فعال و غيرفعال كردن اين قابليت روي دكمه Highlight Dynamic HTML Effects در نوار ابزار DHTML Effects كليك كنيد   حذف يكي از جلوه‌هاي متحرك سازي    
ايجاد تصاوير متحرك پويا
اگر نظرتان عوض شد و بخواهيد يكي از جلوه‌هاي متحرك سازي را حذف كنيد، متن يا تصوير مربوطه را انتخاب كنيد و روي دكمه Remove Effects در نوار ابزار DHTML Effects كليك كنيد.    مشاهده جلوه‌ها    
 ايجاد تصاوير متحرك پويا
روي دكمه Preview in Browser در نوار ابزار Standard كليك كنيد تا اين جلوه‌ها را مشاهده كنيد. همچنين مي‌توانيد دكمه‌هاي Ctrl + Shift + B را بفشاريد.   * توجه*سازگاري با مرورگرDHTML مي‌تواند در مرورگرهاي مختلف، بصورت عجيبي رفتار كند و در برخي مرورگرها هم اصلاً كار نمي‌كند. بهترين كار اين است كه صفحه متحرك خود را در مرورگرهاي مختلف مشاهده كنيد و مشكلات را پيدا كنيد. اگر در اين مورد نگران هستيد، مي‌توانيد Dynamic HTML را در ليست Page Options غيرفعال كنيد و از آن اجتناب كنيد.    





این صفحه را در گوگل محبوب کنید

[ارسال شده از: تبیان]
[مشاهده در: www.tebyan.net]
[تعداد بازديد از اين مطلب: 866]

bt

اضافه شدن مطلب/حذف مطلب







-


گوناگون

پربازدیدترینها
طراحی وب>


صفحه اول | تمام مطالب | RSS | ارتباط با ما
1390© تمامی حقوق این سایت متعلق به سایت واضح می باشد.
این سایت در ستاد ساماندهی وزارت فرهنگ و ارشاد اسلامی ثبت شده است و پیرو قوانین جمهوری اسلامی ایران می باشد. لطفا در صورت برخورد با مطالب و صفحات خلاف قوانین در سایت آن را به ما اطلاع دهید
پایگاه خبری واضح کاری از شرکت طراحی سایت اینتن