سبد (0)

طراحی صفحه‏ نمایش تصاویر محصولات سایت با HTML و CSS و jQuery

تعداد دانشجو :
4431 نفر
حجم فایل : 74 مگابایت
مدت زمان : 00:26:07
شماره درس : پکیج کامل
نوع آموزش : تصویری و کاملاً فارسی
6,000 تومان
توضیحات کامل

حتماً در سایت های مختلف فروشگاهی و نمایشگاهی با صفحه محصولات مواجه شدید و مشاهده کردید که چگونه برای بهتر دیده شدن محصول، چند تصویر کوچک از آن را در کنار هم نمایش می دهند طوری که با قرارگرفتن اشاره گر ماوس روی هرکدام از این تصاویر که به آنها تصویر بندانگشتی می گوییم، یا کلیک کردن روی آنها، تصویر مربوطه در اندازه ای بزرگ تر نمایش داده می شود.
در این فیلم آموزشی نحوه طراحی چنین صفحه ای را آموزش داده ام. پروژه انجام شده در این ویدیو به این صورت است که تصاویر کوچکی از محصول را نمایش داده و کاری می کنیم که با عبور اشاره گر ماوس از روی آنها، تصویری که اشاره گر ماوس روی آن قرار گرفته با اندازه بزرگ تر نمایش داده شود. برای این منظور از تصاویر مختلف یک صندلی به عنوان محصول مورد نظر استفاده کرده ام.
برای انجام دادن پروژه تعریف شده در این فیلم از html برای نمایش تصاویر، از css برای قالب بندی صفحه و تصاویر و از متدهای jquery برای اداره کردن رویداد عبور اشاره گر ماوس استفاده می کنیم.

حاصل دوره 

در پایان این آموزش شما با نحوه نمایش تصاویر، تعدادی از دستورات قالب بندی تصاویر و صفحه و نحوه اداره کردن رویداد عبور اشاره گر ماوس بر روی عناصر آشنا می شوید. 

پیش نیاز

آشنایی مقدماتی با html و css


سرفصل های دوره طراحی صفحه‏ نمایش تصاویر محصولات سایت با HTML و CSS و jQuery

1 رایگان

معرفی دوره

 
2

معرفی تگ ها و بعضی از خصوصیات به کار رفته در پروژه

 
3

نمایش تصاویر محصول و قالب بندی آنها

 
4

کدنویسی متدهای jQuery برای اداره کردن رویداد عبور اشاره گر ماوس بر روی تصاویر

 
پیش نمایش طراحی صفحه‏ نمایش تصاویر محصولات سایت با HTML و CSS و jQuery
 معرفی دوره (نمایش تصاویر محصولات زمان فیلم:  02:16

  دانلود مستقیم پیش نمایش (نمایش تصاویر محصولات) - حجم دانلود 6 مگابایت (کلیک کنید +)

تضمین کیفیت "طراحی صفحه‏ نمایش تصاویر محصولات سایت با HTML و CSS و jQuery"

توجه: کیفیت این محصول توسط بیـــاموز تضمین شده است. در صورت عدم رضایت شما، ۷۰ ‌درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.

نظرات
Copyright MAXXmarketing GmbH
JoomShopping Download & Support
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه