আপনি কি বাংলা ভাষায় সি এস এস এর পূর্ণাঙ্গ টিউটোরিয়াল খুঁজছেন?
আপনি ইংরেজিতে খুব বেশি দক্ষ নন , আপনার লেখাপড়া টেকনোলজি ভিত্তিক নয়; কিন্তু আপনি ওয়েব ডেভল্পমেন্ট শিখতে আগ্রহী। কারণ বর্তমানে ওয়েব ডেভল্পমেন্ট শিখে ফ্রিল্যান্সিং করে এবং ব্যাক্তিগতভাবে বিভিন্ন ধরণের প্রজেক্টে কাজ করে ভাল ক্যারিয়ার গড়া সম্ভব। ওয়েবে ওয়েব ডেভলপমেন্ট এর উপর অনেক ভাল ভাল টিউটোরিয়াল থাকলেও আপনি সর্বোচ্চ সুবিধা নিতে পারছেন না। শেখার কোন ভাল উৎস পাচ্ছেনা তাই আপনি কি হতাস?। আপনার আগ্রহকে আমরা শ্রদ্ধা করি, আমরা আপনার সেবার জন্যই কাজ করে যাচ্ছি। টিউটোহোস্ট আপনাদের মত নতুন আগ্রহীদের জন্য সহজ বাংলা ভাষায় মানসম্মত প্রজেক্টভিত্তিক টিউটোরিয়াল এবং ই-বুক প্রকাশের উদ্দগ নিয়েছে। ইতোমধ্যেই HTML এবং WordPress এর উপর ই-বুক প্রকাশিত হয়েছে । ই- বুক সমূহ এখান থেকে ডাউনলোড করুন। পি এইচ পি , জাভাস্ক্রিপ্ট, জে কোয়েরি, জুমলা, এইচ টি এম এল ৫, সি এস এস ৩ এর মত এডভান্স বিষয়ের উপর বাংলাভাষায় সহজ টিউটোরিয়াল তৈরির জন্য টিউটো হোস্টের প্রোগ্রামারগণ কাজ করে যাচ্ছে। সি এস এস এর উপর টিউটোরিয়াল তৈরি সুসম্পন্ন হয়েছে এবং ই-বুক তৈরির কাজ চলছে। আজ আপনাদের জন্য সি এস এস এর ইনডেক্স প্রকাশ করলাম। এতে একটি পূর্ণাঙ্গ নেভিগেশন বার এবং একটি আকর্ষণীয় ইমেজ গ্যালারী তৈরির প্রজেক্ট অন্তর্ভূক্ত রয়েছে।
Cascading Style Sheets এর সংক্ষিপ্ত রূপ হচ্ছে CSS । সহজ ভাষায় ওয়েব পেজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণের সহজ কৌশল হচ্ছে CSS ।
সিএসএস কেন প্রয়োজন?
একটা সময় ছিল যখন শুধুমাত্র HTML দিয়েই একটি ওয়েব সাইটের ডিজাইন করা হত । সে সময়ে ডিজাইন বলতে একটা ওয়েব পেজের বিভিন্ন ফন্ট এর কালার, সাইজ, টেবিলের বিভিন্ন সেলের কালার, পুরো পৃষ্ঠার ব্যাকগ্রাউন্ড কালার, এবং প্রয়োজনীয় ইমেজ সংযোজনকে বোঝানো হতো। এবং প্রতিটা পেজের প্রতিটা উপাদানের জন্যই আলাদা আলাদাভাবে কালার, সাইজ নির্ধারণ করতে হতো। যা ছিল একটা জটিল প্রক্রিয়া, এবং সময় সাপেক্ষ ব্যাপার । বর্তমানে যদি একটা ওয়েব সাইটে ১০০০ বা এর অধিক একই ধরনের পেজ থাকে তাহলেও একটি মাত্র CSS স্ক্রিপ্ট ব্যবহার করে ডিজাইন সম্পূর্ণ করা হয়।
সিএসএস ব্যবহার করে তৈরি একটি নেভিগেশন বার
সি এস এস এর সকল বাংলা টিউটোরিয়াল
- ১.সিএসএস কি?
- ২.ট্যাগ সিলেক্টর
- ৩.ক্লাস সিলেক্টর
- ৪.আইডিসিলেক্টর
- ৫.কোড লেখার পদ্ধতি
- ৬.ইমবেডেড স্টাইল শীট
- ৭.এক্সটার্নাল স্টাইল শীট
- ৮.ইন-লাইন স্টাইল শীট
- ৯.ব্যাকগ্রাউন্ড
- ১০.টেক্সট কালার
- ১১.টেক্সট এলাইনমেন্ট
- ১২.টেক্সট ডেকরেশন
- ১৩.টেক্সট ট্রান্সফরমেশন
- ১৪.ফন্ট ফ্যামিলি
- ১৫.ফন্ট সাইজ
- ১৬.ফন্ট ভেরিয়েন্ট
- ১৭.ফন্ট ওয়েট
- ১৮.লিংক
- ১৯.অর্ডার লিস্ট
- ২০.আনঅর্ডার লিস্ট
- ২১.লিস্টে ইমেজের ব্যবহার
- ২২.টেবিল এবং টেবিল বর্ডার
- ২৩.টেবিল ওয়াইডথ এন্ড হাইট
- ২৪.টেবিল টেক্সট এলাইনমেন্ট
- ২৫.টেবিল কালার
- ২৬.বর্ডার এবং বর্ডার স্টাইল
- ২৭.বর্ডার ওয়াইডথ
- ২৮.বর্ডার কালার
- ২৯.পৃথক বর্ডার
- ৩০.মার্জিন
- ৩১প্যাডিং
- ৩২.আউট লাইন এবং আউট লাইন স্টাইল
- ৩৩.আউট লাইন ওয়াইডথ
- ৩৪.আউট লাইন কালার
- ৩৫.বক্স মডেল
- ৩৬.গ্রুপিং সিলেক্টর
- ৩৭.নেস্টিং সিলেক্টর
- ৩৮.ডাইমেনশন
- ৩৯.প্রদর্শণ পদ্ধতি
- ৪০.ডিসপ্লে ইন লাইন
- ৪১.ডিসপ্লে ব্লক
- ৪২.ভিজিবিলিটি
- ৪৩.ভিজিবিলিটি হিডেন
- ৪৪.ভিজিবিলিটি কলাপস্
- ৪৫.অবস্থান
- ৪৬.পজিশন স্ট্যাটিক
- ৪৭.পজিশন ফিক্সড
- ৪৮.পজিশন রিলেটিভ
- ৪৯.পজিশন এবসলিউট
- ৫০.ওভার ফ্লো
- ৫১.ওভার ফ্লো ভিজিবল (
- ৫২.ওভার ফ্লো হিডেন
- ৫৩.ওভার ফ্লো অটো
- ৫৪.ওভার ফ্লো স্ক্রল
- ৫৫.ক্লিপ
- ৫৬.অটো ক্লিপ এবং রেকটেংগুলার ক্লিপ
- ৫৭.জেড ইনডেক্স
- ৫৮.ফ্লোটিং
- ৫৯.বাম দিকে ফ্লট
- ৬০ডান দিকে ফ্লট
- ৬১.ফ্লটিং দ্বারা প্যারাগ্রাফে ইমেজের অবস্থান নির্দেশ
পোস্টটি ইতোপূর্বে এখানে প্রকাশিত
নবম শ্রেনীর ছাত্রের তৈরী করা ফটোশপের ফাটাফাটি ২০টি বাংলা টিউটোরিয়াল
বেশ
কিছু দিন ধরে বিভিন্ন ওয়েবে বেশ ভাল ভাল লেখা জমা হয়ে আছে। সাধারনত নতুন
ব্লগগুলোতে সবার যাওয়ার সময় না হওয়ার কারনে হয়তো দেখতে পাওয়া যায় না।
আজ
বেশ কিছু বাংলা ফটোশপের টিউটোরিয়ালের সাথে পরিচিত হবো। শিবলি নামের একজন
নবম শ্রেনীর ছাত্র কত সুন্দর সুন্দর ফটোশপের টিউটোরিয়াল লিখতে পারে তা না
দেখলে বোঝার উপায় নেই।
তাহলে দেখা যাক -
এছাড়াও আরও বেশ কিছু টিউটোরিয়াল আছে- এখানে
ফটোসপে ওয়েভ ওয়ালপেপার তৈরি করি
ফটোশপে পানির ছায়ার ইফেক্ট দিন: দুইটি টিউটরিয়াল
ফটোসপ বেসিক: টুলবক্স পরিচিতি
ফটোশপে তৈরী করি ওয়েব সাইটের বিজ্ঞাপন ব্যানার
ফটোশপে গোল্ডেন টেক্সট
ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (শেষ অংশ)
ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (৩য় অংশ)
ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (২য় অংশ)
ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (১ম অংশ)- ৬২.এলাইন
- ৬৩.মার্জিন প্রোপার্টি দ্বারা সেন্টার এলাইন
- ৬৪.পজিশন প্রপার্টি দ্বারা লেফট বা রাইট এলাইন
- ৬৫.ফ্লট প্রোপার্টি দ্বারা লেফট বা রাইট এলাইন
- ৬৬.কার্সার ইফেক্ট
- ৬৭.চাইল্ড সিলেক্টর
- ৬৮.সিউডো ক্লাস
- ৬৯.এংকর সিউডো ক্লাস
- ৭০.ফাস্ট চাইল্ড সিউডো ক্লাস
- ৭১.ল্যাঙ্গুয়েজ সিউডো ক্লাস
- ৭২.শিরোনামে সিউডো ক্লাসের ব্যবহার
- ৭৩.সাধারণ শিরোনামে সিউডো ক্লাসের ব্যবহার
- ৭৪.সিউডো ইলিমেন্ট
- ৭৫.প্রথম অক্ষর সিউডো ইলিমেন্ট
- ৭৬.প্রথম লাইন সিউডো ইলিমেন্ট-
- ৭৭.বিফোর সিউডো ইলিমেন্ট
- ৭৮.আফটার সিউডো ইলিমেন্ট
- ৮০.ছবির অপাসিটি
- ৮১.ছবি ভাগ করে লোড
- ৮২.মিডিয়া টাইপ
- ৮৩.নেভিগেশন
- ৮৪.নেভিগেশন বারের সাধারণ গঠন
- ৮৫.নেভিগেশন বারের বাটনে লিংক যুক্ত করন
- ৮৬.নেভিগেশন বারের div উপাদানের ডিজাইন
- ৮৭.নেভিগেশন বারে ul,li উপাদানের ডিজাইন
- ৮৮.নেভিগেশন বারে a উপাদানের ডিজাইন
- ৮৯.নেভিগেশন বারের মাউস ইফেক্ট
- ৯০.নেভিগেশন বারে ইমেজ রিপিটেশন
- ৯১.ভার্টিক্যাল নেভিগেশন বার
- ৯২.হরিজন্টাল নেভিগেশন বার
- ৯৩.ইমেজ গ্যালারি
- ৯৪.ইমেজ গ্যালারির বৈশিষ্ট্য সমূহ
0 মন্তব্য(গুলি):
একটি মন্তব্য পোস্ট করুন