×

آموزش کار با Tooltip ها با استفاده از فریم ورک W3.CSS (رایگان)

آموزش کار با Tooltip ها با استفاده از فریم ورک W3.CSS (رایگان)

هزینه آموزش
رایگان!

تعداد دانشجو
۳۴ نفر
مدت زمان
۴ دقیقه
محتوای این آموزش
آموزش کار با Tooltip ها با استفاده از فریم ورک W3.CSS (رایگان)

در طراحی رابط کاربری، HTML ساختار را ایجاد می کند و CSS به این ساختار شکل داده و ظاهر و نحوه نمایش آن ها را مشخص می کند. ما در این فرادرس، قصد داریم تا یکی از فریمورک های ارائه شده برای CSS با نام W3.CSS را بررسی کنیم. فریمورک W3.CSS فریمورکی است که توسط وب سایت W3Schools برنامه نویسی شده و به صورت رایگان در اختیار افراد قرار گرفته است. از مزایای فریمورک W3.CSS می توان به واکنش گرا بودن این فریمورک اشاره کرد. همچنین، این فریمورک، تنها از دستورات استاندارد CSS استفاده می کند و مانند سایر فریمورک ها نظیر: Bootstrap و یاFoundation، نیازی به استفاده از جاوا اسکریپت و یا jQuery ندارد.

آموزش کار با Tooltip ها با استفاده از فریم ورک W3.CSS (رایگان)

تعداد دانشجو
۳۴ نفر
مدت زمان
۴ دقیقه
هزینه آموزش
رایگان!

سید رضا هاشمیان

کارشناسی مهندسی فناوری اطلاعات (IT) - برنامه‌نویسی تحت وب

ایشان به عنوان برنامه‌نویس تحت وب فعالیت خود را آغاز کرده و همچنین به عنوان مدرس، در موسسه‌های آموزشی مختلف به تدریس تکنولوژی‌ها و زبان‌های برنامه‌نویسی تحت وب می‌پردازند. 

توضیحات تکمیلی

هر وب سایت آنلاین را می توان در دو بخش اصلی Front End و Back End خلاصه کرد. به بیان ساده، بخش Front End، هر چیزی که توسط کاربر مشاهده می شود را شامل می شود. فرم ها، منوها، شکل المان ها، نحوه چیدمان صفحه و شکل ظاهری المان های صفحه وب سایت اما Back End در پشت وب سایت فعال بوده و تمامی عملیات مرتبط با بخش های مختلف سایت توسط این بخش انجام شده و نتیجه اجرای این عملیات، به صورت کدهای مفهومی HTML و CSS برای مرورگر ارسال شده و مرورگر، نتیجه را به کاربر نمایش می دهد، اما بحث اصلی ما، در مورد رابط کاربری وب سایت و یا همان Front End است.

همانقدر که کدنویسی صحیح و مناسب بودن عملیات Back End یک وب سایت مطرح است، رابط کاربری سایت نیز از اهمیت بالایی برخوردار است زیرا کاربر، از طریق رابط کاربری با وب سایت ما در ارتباط بوده و هر چه رابط کاربری زیباتر و دسترسی به المان ها ساده تر باشد، رضایت کاربران از وب سایت بالاتر بوده و احتمال بازگشت کاربر به وب سایت بالاتر خواهد بود.

به منظور طراحی رابط کاربری، تاکنون ابزارها و فریم ورک ها و نرم افزارهای متعددی، از کتابخانه ها و فریم ورک های برنامه نویسی مانند بوت استرپ (Bootstrap) تا نرم افزارهایی همچون Adobe Muse و…  ارائه شده است.

فریم ورک W3.CSS فریم ورکی است که توسط وب سایت W3Schools برنامه نویسی شده و به صورت رایگان در اختیار افراد قرار گرفته است. از مزایای فریم ورک W3.CSS می توان به واکنش گرا بودن این فریم ورک اشاره کرد، همچنین این فریم ورک، تنها از دستورات استاندارد CSS استفاده می کند و مانند سایر فریم ورک ها نظیر: Bootstrap و یا Foundation، نیازی به استفاده از جاوااسکریپت و یا jQuery ندارد.

ما در این آموزش قصد داریم تا کار با کار با Tooltip ها با استفاده از فریم ورک W3.CSS را مورد بحث و بررسی قرار دهیم.

 

این آموزش رایگان بخشی از آموزش طراحی رابط کاربری وب سایت با فریم ورک W3schools) W3.CSS) برای یادگیری بهتر می باشد. برای کسب اطلاعات بیشتر و استفاده از این آموزش بر روی این لینک (+) کلیک کنید.

 
فهرست سرفصل‌ها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:
  • کار با Tooltip ها

این آموزش رایگان بخشی از «آموزش طراحی رابط کاربری وب سایت با فریم ورک W3schools) W3.CSS)» می باشد.

پیش نیاز


آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده
فایل PDF یادداشت‌ های ارائه مدرس

نرم افزارهای مرتبط با آموزش

Sublime Text 3

آموزش کار با Tooltip ها با استفاده از فریم ورک W3.CSS
جهت شروع مطالعه و یادگیری نیاز است بعد از ورود (+) و یا عضویت (+) بر روی دکمه «شروع یادگیری» کلیک کنید.

اطلاعات تکمیلی

نام آموزش آموزش کار با Tooltip ها با استفاده از فریم ورک W3.CSS (رایگان)
ناشر فرادرس
کد آموزش FVH4C9704S24
مدت زمان ۴ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)
حجم دانلود ۸ بایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس)

آموزش‌های مرتبط با آموزش کار با Tooltip ها با استفاده از فریم ورک W3.CSS (رایگان)




نظرات

تا کنون ۳۴ نفر از این آموزش استفاده کرده اند و هنوز نظری ثبت نشده است.
برچسب‌ها:
Back End | CSS | Front End | HTML | W3.CSS | W3Schools | ایجاد Slideshow درW3.CSS | ایجاد آکوردئون درW3.CSS | ایجاد افکت های نمایشی درW3.CSS | ایجاد کادرهای محتوا در W3.CSS | ایجاد منوها در W3.CSS | ایجاد منوهای کشویی در W3.CSS | ایجاد نوارهای پیشرفت در W3.CSS | ایجاد نوارهای رنگی در W3.CSS | تایپوگرافی در W3.CSS | شبکه Grid | طراحی رابط کاربری | طراحی رابط کاربری با فریمورک W3.CSS | فریمورک W3.CSS | کار با Badge در W3.CSS | کار با Modal در W3.CSS | کار با Panel در W3.CSS | کار با Tab ها در W3.CSS | کار با Tooltip ها در W3.CSS | کار با لیست ها در W3.CSS | کلاس ایجاد کادر Filter در W3.CSS
مشاهده بیشتر مشاهده کمتر
×
فهرست جلسات ۱ جلسه ویدئویی
×