×

آموزش آشنایی با شبکه Grid در Foundation (رایگان)

آموزش آشنایی با شبکه Grid در Foundation (رایگان)

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

تعداد دانشجو
۳۰ نفر
مدت زمان
۳۷ دقیقه
محتوای این آموزش
آموزش آشنایی با شبکه Grid در Foundation (رایگان)

یکی از فریم ورک های مطرح در زمینه طراحی رابط کاربری، فریم ورک Foundation نام دارد که توسط شرکت Zurb ارائه شده است و به طراحان کمک می کند تا به سادگی، رابط کاربری صفحه وب خود را طراحی نمایند. این فریم ورک که تاکنون به روز رسانی های مرتبط و بهینه سازی های مشخصی داشته است، به کاربران کمک می کند تا برای تنظیم موقعیت المان ها از شبکه Grid موجود استفاده نموده که این شبکه Grid براساس سه طرح متفاوت XY و Float, Flex ارائه شده است.

آموزش آشنایی با شبکه Grid در Foundation (رایگان)

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

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

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

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

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

امروزه، یکی از راه حل های طراحی رابط کاربری وب سایت، استفاده از فریم ورک های آماده است که تاکنون فریم ورک های متعددی از جمله: W3.CSS, Semantic UI, Bootstrap Foundation و… ارائه شده است. مزیت استفاده از فریم ورک های آماده این است که نیازی نیست تا تمامی خاصیت های مربوط به شکل دهی به المان ها را از ابتدا پیاده سازی کرده و می توان از قابلیت های موجود در فریم ورک، بهره برد. همچنین می توان استایل های مشخص شده برای هر یک از فریم ورک ها را شخصی سازی کرده، قابلیت های مورد نظر خود را به فریم ورک اضافه نمود و نیز کلاس های موجود در فریم ورک را شخصی سازی کرد.

یکی از فریم ورک های مطرح در زمینه طراحی رابط کاربری، فریم ورک Foundation نام دارد که توسط شرکت Zurb ارائه شده است و به طراحان کمک می کند تا به سادگی، رابط کاربری صفحه وب خود را طراحی نمایند. این فریم ورک که تاکنون به روز رسانی های مرتبط و بهینه سازی های مشخصی داشته است، به کاربران کمک می کند تا برای تنظیم موقعیت المان ها از شبکه Grid موجود استفاده نموده که این شبکه Grid براساس سه طرح متفاوت XY و Float, Flex ارائه شده است.

ما در این آموزش قصد داریم تا شبکه Grid در Foundation را مورد بحث و بررسی قرار دهیم.

 

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

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:
  •  آشنایی با شبکه Grid در Foundation
    • آشنایی با شبکه Grid طرح XY
    • آشنایی با شبکه Grid طرح Float
    • آشنایی با شبکه Grid طرح Flex
    • آشنایی با بلاک ها
    • آشنایی با حالت های Small, Medium و Large
 

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

پیش نیاز


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

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

مشاهده آموزش

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

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

نام آموزش آموزش آشنایی با شبکه Grid در Foundation (رایگان)
ناشر فرادرس
کد آموزش FVWEB9710S02
مدت زمان ۳۷ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)





نظرات

تا کنون ۳۰ نفر از این آموزش استفاده کرده‌اند و هنوز نظری ثبت نشده است.
برچسب‌ها:
Accordion | Badge | Bootstrap | Bootstrap Foundation | Card | Carousel | Container | Flex | FlexBox | Float | foundation framework | Modal | Progress bar | Semantic UI | Slider | Table | Tabs | Thumbnail | Tooltip | Typography | W3.CSS | XY | zurb | zurb foundation | المان | المان های بصری در Foudation | بلاک | بهینه سازی | تایپوگرافی | تایپوگرافی در Foundation | جداول | رابط کاربری | رابط کاربری وب سایت | شبکه Grid | شبکه Grid در Foundation | شبکه Grid طرح Flex | شبکه Grid طرح Float | شبکه Grid طرح XY | شرکت Zurb | طراحی رابط کاربری | طراحی رابط کاربری وب سایت | طراحی فرم در Foundation | طراحی منوهای کشویی | طراحی منوی هدایتگر | طراحی موقعیت نما | فریم ورک Foundation | فریم ورک های آماده | کدنویسی | کلاس های CSS | کلاس های کمکی | کلاس های کمکی کنترل شناوری المان ها | کلاس های کمکی کنترل نمایش | کلاس های کمکی موجود در Foundation | منوهای کشویی | منوی آکاردئون | منوی ساده | منوی هدایتگر | واکنش گرایی منوها
مشاهده بیشتر مشاهده کمتر
×
فهرست جلسات ۱ جلسه ویدئویی
×