Materialize CSS ফ্রেমওয়ার্কটি আপনার স্থানীয় (local) পরিবেশে ব্যবহার করার জন্য কয়েকটি পদ্ধতিতে ইন্সটল করা যেতে পারে। এখানে আমরা আলোচনা করবো Materialize CSS ফ্রেমওয়ার্ককে আপনার কম্পিউটারে কীভাবে ইন্সটল করা যায় এবং সেটআপ করা যায়।
১. CDN এর মাধ্যমে Materialize CSS ইন্সটলেশন
Materialize CSS ফ্রেমওয়ার্কটি ব্যবহার করতে আপনি সহজেই CDN (Content Delivery Network) ব্যবহার করতে পারেন। এটি আপনার ওয়েব পেজে সরাসরি Materialize এর স্টাইলশীট এবং JavaScript লিংক যুক্ত করে আপনাকে ইন্সটলেশন প্রক্রিয়া সহজ করে দিবে।
CDN ব্যবহার করে Materialize CSS ইন্সটল করা
- প্রথমে আপনার HTML ফাইলে
<head>সেকশনে Materialize CSS এর CSS লিংক যুক্ত করুন:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
- তারপর, আপনার HTML ফাইলে JavaScript ফাইলটি
<body>এর নিচে যুক্ত করুন:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
এভাবে আপনি খুব সহজে CDN ব্যবহার করে Materialize CSS ইন্সটল করতে পারেন।
২. Materialize CSS ফাইল ডাউনলোড করে ইন্সটলেশন
আরেকটি উপায় হলো Materialize CSS ফাইল ডাউনলোড করা এবং স্থানীয়ভাবে (local) ব্যবহার করা। এটি করলে আপনি ইন্টারনেট কানেকশন ছাড়াই কাজ করতে পারবেন।
Materialize CSS ফাইল ডাউনলোড করে ইন্সটল করা
- প্রথমে Materialize CSS অফিসিয়াল ওয়েবসাইট থেকে Materialize CSS এর সর্বশেষ ভার্সন ডাউনলোড করুন।
- ডাউনলোড করার পর, আপনি CSS এবং JavaScript ফাইলগুলি পাবেন। আপনি এগুলো আপনার প্রোজেক্টের ফোল্ডারে রাখতে পারবেন, যেমন:
materialize.min.css(CSS ফাইল)materialize.min.js(JavaScript ফাইল)
- এরপর আপনার HTML ফাইলের
<head>সেকশনে CSS ফাইলটি এবং<body>এর নিচে JavaScript ফাইলটি লিংক করুন:
<link rel="stylesheet" href="path/to/materialize.min.css">
<script src="path/to/materialize.min.js"></script>
এভাবে আপনার ওয়েবসাইটে Materialize CSS ফ্রেমওয়ার্ক ইন্সটল করা হবে এবং আপনি এটি অফলাইন ব্যবহারের জন্য সম্পূর্ণ প্রস্তুত থাকবেন।
৩. NPM (Node Package Manager) ব্যবহার করে Materialize CSS ইন্সটলেশন
যদি আপনি Node.js ব্যবহার করে থাকেন, তবে আপনি npm (Node Package Manager) এর মাধ্যমে Materialize CSS ইন্সটল করতে পারেন। এই পদ্ধতিটি সাধারণত বড় প্রজেক্টে ব্যবহৃত হয়।
NPM ব্যবহার করে Materialize CSS ইন্সটল করা
- প্রথমে আপনার প্রোজেক্ট ডিরেক্টরিতে গিয়ে npm ইনিশিয়ালাইজ করুন:
npm init -y
- তারপর Materialize CSS প্যাকেজ ইনস্টল করুন:
npm install materialize-css
- এরপর আপনার JavaScript এবং CSS ফাইলগুলি ইমপোর্ট করুন:
// JavaScript ফাইলের জন্য
import 'materialize-css/dist/js/materialize.min.js';
// CSS ফাইলের জন্য
import 'materialize-css/dist/css/materialize.min.css';
এভাবে আপনি npm এর মাধ্যমে Materialize CSS ফ্রেমওয়ার্ক ইন্সটল করতে পারবেন।
উপসংহার
Materialize CSS ফ্রেমওয়ার্কটি বিভিন্ন উপায়ে ইন্সটল করা যায়, যেমন CDN, local download, এবং npm ব্যবহার করে। আপনার প্রয়োজনে যেকোনো একটি পদ্ধতি বেছে নিয়ে আপনি এটি ইন্সটল করতে পারেন এবং ওয়েবসাইটে ব্যবহার করতে পারেন। CDN পদ্ধতি সাধারণত দ্রুত এবং সহজ, তবে local download এবং npm পদ্ধতি অফলাইন ব্যবহারের জন্য ভালো।
Read more
