آموزش شروع کار با فریم ورک w3.css

در این پست آموزش نصب فریم ورک w3.css و یک سری کار های مقدماتی رو به شما یاد می دیم. شروع کار با کتابخانه w3.css مثل سایر فریم ورک هاست اما بسیار ساده تر . به این صورت که شما تنها نیاز به یک لینک دارید و نه بیشتر.

شما برای استفاده از فریم ورک w3.css ابتدا باید اون رو داخل فایل html خودتون فراخونی کنید.

این اتصال کاملا شبیه اتصال به یک فایل css هستش ( چون خوده w3.css یک فایل css هست  ).

برای اینکار شما دو راه پیش رو دارید : یکی اینکه با استفاده از cdn های موجود به این فریم ورک وصل بشین و راه دوم اینکه فریم ورک رو که تنها یک فایل css هستش رو دانلود کنید و هرجا خواستید قرار بدید از اون استفاده کنید.

برای متصل شدن به این فریم ورک باید از تگ زیر استفاده کنید که باید در داخل تگ Head قرار بگیره

< link rel = " stylesheet " href = " your framework url "/ >

واضحه که باید به جای عبارت (your framework url) آدرس فریم ورک w3.css رو که دانلود می کنید وارد کنید.

برای دانلود این فریم ورک به اینجا برید.

برای استفاده از cdn ها از تگ زیر استفاده کنید

< link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" >

حالا شاید براتون سوال پیش بیاد که آیا این دو روش فرقی با هم دارن ؟؟؟ 

در نظر بگیرید که یک کاربر از سایتی بازدید میکنه که از فریم ورک w3.css استفاده میکنه و به cdn متصل شده که url مشخصی داره . وقتی که کاربر از سایت بازدید می کنه از روی فایل w3.css یک نسخه ّبر روی حافظه cache قرار می گیره . وقتی که همون کاربر از سایتی دیگه ای بازدید  میکنه که فایل w3.css خودشو از روی همون آدرس دانلود می کنه اینبار فایل w3.css دانلود نمیشه و از روی نسخه موجود در حافظه cache استفاده میکنه که این یعنی افزایش سرعت سایت.

البته برای دستکاری فریم ورک نهایتا مجبوریم که روش دانلود استفاده کنیم.

در ادامه شروع میکنیم به آموزش w3.css