এটি কোর্সের বেসিক ওয়েব ডিজাইন ক্লাসের সোর্স ফাইলগুলো এখানে আপলোড করা হয়েছে। আপনারা এখান থেকে ডাউনলোড করে নিতে পারেন।
- ডানদিকে একটু উপরে Code বাটনে ক্লিক করলে নিচে Download Zip অপশন দেখতে পাবেন
- Download Zip বাটনে ক্লিক করলে ফুল প্রোজেক্ট ফোল্ডার ডাউনলোড হয়ে যাবে।
- ওয়েব ডিজাইন কি?
- কোড এডিটর কি?
- ওয়েব ব্রাউজার কি?
- এইচটিএমএল ফাইল ক্রিয়েট করা
- ফাইল এক্সটেনশন শো করা
- এইটটিএমএল ট্যাগ
- পোস্টের হেডিং তৈরি করা
- পোস্টের ডেসক্রিপশন তৈরি করা
- এইটটিএমএল এট্রিবিউট
- এইচটিএমএল এলিমেন্ট
- ইন্সপেক্ট এলিমেন্ট (ব্রাউজার)
- ইনলাইন এলিমেন্ট
- ব্লক এলিমেন্ট
- নেস্টেড এলিমেন্ট
- টেক্সট এর বিভিন্ন ফরম্যাটিং করা
- ইমেজ ইনসার্ট করা
- বিভিন্ন ফোল্ডার থেকে ইমেজ অ্যাড করা
- অনলাইন থেকে ইমেজ অ্যাড করা
- টেক্সট লিংক
- ইমেজ লিংক
- এইচটিএমএল লিস্ট
- অর্ডার লিস্ট
- আন-অর্ডার লিস্ট
- ব্লক এলিমেন্ট এবং ইনলাইন এলিমেন্ট
- হেডিং ট্যাগ এর পিক্সেল বের করতে হবে।
- ফাইল পাথ সিস্টেম
- কমন এট্রিবিউট ও স্পেসিফিক এট্রিবিউট
- সিএসএস কি?
- সিএসএস সিনট্যাক্স
- সিএসএস সিলেক্টর
- সিএসএস প্রপার্টি
- সিএসএস কত প্রকার?
- ইনলাইন সিএসএস
- ইন্টারনাল সিএসএস
- এক্সটার্নাল সিএসএস
- কোন ক্ষেত্রে কোন সিএসএস ব্যবহার করা হয়
- ডিভ এর ব্যাবহার
- ক্লাস এবং আইডি এট্রিবিউট এর ব্যাবহার
- ক্লাস এবং আইডি এট্রিবিউট এর পার্থক্য
- বক্স মডেল কি?
- কন্টেন্ট ( উইথ, হাইট, কন্টেন্ট )
- সিএসএস প্যাডিং সম্পর্কে বিস্তারিত আলোচনা
- কিভাবে বর্ডার এড করতে হয়
- সিএসএস মার্জিন সম্পর্কে বিস্তারিত আলোচনা
- বক্স সাইজিং বর্ডার বক্স
- ওয়েবসাইটে টেবিল তৈরি করা
- টেবিল এর স্টাইল দেয়া
- সুডো (Pseudo) ক্লাস এবং সুডো এলিমেন্ট
- তিন প্রকার সিএসএস এর মধ্যে পার্থক্য লিখতে হবে
- সুডো (Pseudo) ক্লাস এবং সুডো এলিমেন্ট এর একটি লিস্ট তৈরি করতে হবে
- ক্লাস এবং আইডি এট্রিবিউট এর পার্থক্য লিখতে হবে
- বক্স মডেল সম্পর্কে বিস্তারিত লিখুন
- ব্যাকগ্রাউন্ড প্রপার্টি
- টেক্সট প্রপার্টি
- ডিসপ্লে প্রপার্টি
- সিএসএস ফ্লেক্স
- জাস্টিফাই কন্টেন্ট
- আলাইন আইটেম
- ফ্লেক্স ডেকোরেশন
- নেভিগেশন মেনু তৈরি করা
- হোভার ইফেক্ট এড করা
- ব্যাকগ্রাউন্ড কালার
- হেডার সেকশন
- স্লাইডার সেকশন
- ব্লগ সেকশন
- অ্যাবাউট সেকশন
- সার্ভিস সেকশন
- ফুটার সেকশন
- সিএসএস ফ্লেক্স প্রোপার্টি এবং প্রোপার্টির ভ্যালুগুলো লিখতে হবে।
- সুডো এলিমেন্ট এর একটি লিস্ট তৈরি করতে হবে।
- কখন ব্যাকগ্রাউন্ড ইমেজ অ্যাড করতে হবে এবং কিভাবে অ্যাড করতে হবে। প্রোজেক্ট ফোল্ডার তৈরি করে প্রাক্টিস করতে হবে।
- ব্যাকগ্রাউন্ড প্রোপার্টি, টেক্সট প্রোপার্টি, ডিসপ্লে প্রোপার্টি এবং বক্স মডেল প্রোপার্টিগুলোর ভ্যালু গুলো লিখুন।
- একটি নেভিগেশন মেনু তৈরি করতে হবে।
- অনলাইন থেকে বেসিক টেমপ্লেট দেখে ডিজাইন করার চেষ্টা করতে হবে।
- ফুটার টপ সেকশন
- গুগল ফন্ট এর ব্যবহার
- HTML ফাইলে গুগল ফন্ট লিংক করা
- CSS ফাইলে গুগল ফন্ট লিংক করা
- সিএসএস পজিশন
- পজিশন স্টিকি প্রোপার্টি
- পজিশন ফিক্সড প্রোপার্টি
- পজিশন রিলেটিভ প্রোপার্টি
- পজিসন এবসলুট প্রোপার্টি
- জেড ইনডেক্স ( z-index ) প্রোপার্টি
- নিউজলটার সেকশন
- কন্টাক্ট ফর্ম সেকশন
- প্লেস-হোল্ডার এর স্টাইল দেয়া
- ওপাসিটি প্রোপার্টি এর ব্যবহার
- ভিজিবিলিটি প্রোপার্টি এর ব্যবহার
- ট্রাঞ্জিশন প্রোপার্টি এর ব্যবহার
- ব্যাকগ্রাউন্ড ওভারলে
- বিফোর এবং আফটার সুডো এলিমেন্ট প্রাক্টিস
- সিএসএস পজিশন প্রোপার্টি এবং প্রোপার্টির ভ্যালুগুলো লিখতে হবে।
- পজিশন ফিক্সড এবং পজিশন স্টিকি এর মধ্যে পার্থক্য লিখ।
- বাংলাদেশের ন্যাশনাল ফ্লাগ এর ডিজাইল করতে হবে।
- ওয়েব পেজের বিভিন্ন সেকশনে Z-index এর ৫ টি ব্যবহার লিখ।
- ফিগমা থেকে ৫টি করে ফ্রী টেমপ্লেট খুজে বের করে লিংক লিস্ট করতে হবে।
- বিফোর এবং আফটার ইউজ করে ব্যাকগ্রাউন্ড ওভারলে প্রাক্টিস করতে হবে।