آموزش طراحی وب آسان با فریم ورک Foundation 5

در این دوره آموزشی با فریمورک طراحی وب Foundation 5 آشنا شده و یاد می گیرید که چطور از آن برای طراحی سریع و آسان وب سایت ها استفاده کنید.

عنوان اصلی : Learning Foundation 5

سرفصل ها :

معرفی
خوش آمدی
با استفاده از فایل های تمرین
استفاده از چالش ها
1. مروری بر بنیاد 5
بنیاد چیست؟
دانلود Sublime Text 2
دانلود و از حالت فشرده خارج کردن بنیاد 5
سفارشی سازی بنیاد 5، و یک کلمه در مورد Sass
بررسی پرونده های بنیاد
2. سیستم شبکه در بنیاد
معرفی شبکه کوچک
معرفی شبکه های متوسط و بزرگ
ترکیب شبکه ها در یک صفحه
اعمال افست در شبکه
وسط ستون ها
شبکه های تو در تو
شبکه های بلوک
سفارش منبع
چالش: یک شبکه ایجاد کنید
راه حل: یک شبکه ایجاد کنید
3. نمای کلی CSS
کاوش تایپوگرافی، نقل قول های بلوک، و لیست ها
گزینه های تراز متن
دکمه های یک ظاهر طراحی شده
از جمله پانل ها
ریز عکسهای یک ظاهر طراحی شده
نادیده گرفتن CSS اصلی بنیاد
کار با کلاس های دید
چالش: به یک صفحه استایل بدهید
راه حل: به یک صفحه استایل بدهید
4. سیستم های ناوبری
اضافه کردن ناوبری جانبی
پیکربندی نوار بالا، نوار ناوبری اولیه
افزودن منوهای کشویی
کار با Off Canvas
چالش: نوار بالا را با بوم خاموش ترکیب کنید
راه حل: نوار بالا را با بوم خاموش ترکیب کنید
5. جلوه های جاوا اسکریپت
ایجاد یک لایت باکس پاسخگو با Clearing
ساخت ستون های هم ارتفاع با اکولایزر
طراحی چرخ فلک عکس با Orbit
راه اندازی یک پنجره مودال با Reveal
ادغام تصاویر واکنشگرا با Interchange
چالش: اضافه کردن نکات ابزار به یک سایت
راه حل: اضافه کردن راهنمای ابزار به یک سایت
نتیجه
ساده سازی بنیاد برای راه اندازی
مراحل بعدی