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

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

با یک کلیک بیاموز
توجه: کیفیت این محصول توسط بیـــاموز تضمین شده است.

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

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

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

حاصل دوره 

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

پیش نیاز

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


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

1رایگان

معرفی دوره

 
2

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

 
3

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

 
4

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

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

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

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