ব্যাকগ্রাউন্ড (ইংরেজি থেকে অনুবাদ করা হয়েছে - "ব্যাকগ্রাউন্ড") হল ওয়েবসাইটের পটভূমি। এটি একটি ওয়েব রিসোর্সের মূল অংশের বাহ্যিক নকশা, যা গৌণ বিষয়বস্তু দ্বারা বিভ্রান্ত না হয়ে মূল বিবরণগুলিতে দর্শকদের মনোযোগ কেন্দ্রীভূত করা সম্ভব করে। সাইটের পটভূমির জন্য চিত্রটি পরবর্তীটিকে আরও স্বতন্ত্র করে তোলে এবং এটিকে একটি বিশেষ শব্দার্থিক লোড দেয়। সাইটের মেজাজ এর পটভূমি। এটা কি দেয়? অনেকেই জানেন যে ব্যাকগ্রাউন্ডের রঙ ভোক্তা এবং ব্যবহারকারীদের উপর প্রভাব ফেলে, এবং সঠিক একটি নির্বাচন করা সাইটে ট্রাফিক চালাতে সাহায্য করবে। সর্বাধিক বিখ্যাত অর্থগুলির মধ্যে: হলুদ হল আনন্দ, সুখ এবং উষ্ণতার রঙ, সাদা মানে বিশুদ্ধতা, বিশ্বাস এবং শান্তি, লাল হল বিপণনের রঙ, কালো উজ্জ্বল রঙের প্রভাবকে নির্বাপিত করতে সক্ষম এবং শক্তির প্রতীক৷
ওয়েবসাইট ব্যাকগ্রাউন্ড সম্পর্কে
তাহলে, ব্যাকগ্রাউন্ড কি, আমরা জানতে পেরেছি। ব্যবহারকারীদের দ্বারা সাইটের সম্পূর্ণ উপলব্ধি যেমন একটি আপাতদৃষ্টিতে তুচ্ছ উপর নির্ভর করে। সর্বোপরি, এটি নেটওয়ার্কের অনেক অনুরূপ সংস্থান থেকে এটিকে আলাদা করতে সহায়তা করে। এটা লক্ষণীয় যে ওয়েবমাস্টাররা ম্যানুয়ালি ওয়েবসাইটের জন্য ব্যাকগ্রাউন্ড তৈরি করতেন। এখন অনেক বিশেষ পরিষেবা রয়েছে যা একটি সুন্দর ব্যাকগ্রাউন্ড তৈরি করতে সাহায্য করে। অবশ্যই, কেউ নিষেধ করে নাএটি ম্যানুয়ালি করুন, তবে আধুনিক ব্যাকগ্রাউন্ড জেনারেটর আপনাকে এটি দ্রুত এবং বিনামূল্যে করতে সাহায্য করবে৷ আপনি নিবন্ধে সাইটের জন্য রেডিমেড ব্যাকগ্রাউন্ডের উদাহরণ পেতে পারেন।
ওয়েবসাইটের ব্যাকগ্রাউন্ড কেমন হওয়া উচিত?
সাইটের ব্যাকগ্রাউন্ড (অন্য কথায়, ব্যাকগ্রাউন্ড ইমেজ) ওয়েবমাস্টার তার ইচ্ছায় বেছে নেন, কিন্তু এটা অবশ্যই বিবেচনায় নিতে হবে যে সমগ্র রিসোর্সের ধারণা তার উপর নির্ভর করবে। সবকিছুকে খুব বেশি গাঢ় বা উজ্জ্বল রং দিয়ে হাইলাইট করবেন না। পাঠ্যটি সুস্পষ্ট এবং দৃশ্যমান হতে হবে। ব্যাকগ্রাউন্ডে কালো লাগাতে হবে না। এটার কারণ কি? পরিসংখ্যান অনুসারে, কালো টোনগুলিতে সাইটের ট্র্যাফিক প্রায়শই কম হয়, যদিও এই রঙটি মনিটরের জীবনকে দীর্ঘায়িত করে। হালকা টোন সহ ছবিগুলি ব্যাকগ্রাউন্ডের জন্য বেশি উপযুক্ত৷
ওয়েব পেজে ব্যাকগ্রাউন্ড কালার যোগ করার উপায়
সাইটের পটভূমির রঙ সেট করার জন্য, আপনাকে আপনার HTML নথিতে বর্ণনাকারীর সাথে লাইনে BGCOLOR নামক একটি প্যারামিটার যোগ করতে হবে এবং এটিকে পছন্দসই মান নির্ধারণ করতে হবে (এটি রঙের নাম হবে ইংরেজি, উদাহরণস্বরূপ, সবুজ, লাল, হলুদ এবং ইত্যাদি) বা একটি রঙের কোড (oo8ooo - সবুজ, FFoooo - লাল, ইত্যাদি)। ব্রাউজার এই দুটি বিকল্পকে স্বীকৃতি দেয়। রঙের কোডটি বিশেষ প্রোগ্রাম বা সম্পাদকগুলিতে পাওয়া যেতে পারে, যেমন ফটোশপ বা ম্যাক্রোমিডিয়া ড্রিমওয়েভার৷
পুরো কাঠামোটি হবে:
আপনি একইভাবে রঙ কোড ব্যবহার করতে পারেন:
আপনি দেখতে পাচ্ছেন, এটা সহজ। ওয়েব রিসোর্সের জন্য ব্যাকগ্রাউন্ড ইমেজ তৈরি করার পদ্ধতি বিবেচনা করুন।
ব্যাকগ্রাউন্ড ইমেজ যোগ করার উপায়
ইতিমধ্যে উল্লেখ করা হয়েছে, শব্দের অর্থ"ব্যাকগ্রাউন্ড" হল একটি ওয়েব রিসোর্সের পটভূমি। এটির ভূমিকা একটি বড় গ্রাফিক ফাইল দ্বারা অভিনয় করা যেতে পারে (কিন্তু তারপরে পৃষ্ঠাটি আরও ধীরে ধীরে লোড হবে) এবং এমনকি এর টুকরো, যা লোডিং সময়ের পরিপ্রেক্ষিতে আরও ব্যবহারিক। যদি একটি চিত্রের খণ্ডটি ব্যবহার করা হয়, তবে এটি স্বয়ংক্রিয়ভাবে ব্রাউজার দ্বারা সমগ্র ক্ষেত্রে গুণিত হয়, তাই প্রান্ত বরাবর নিজের সাথে ফিট করে এমন একটি টুকরো বেছে নেওয়া ভাল। আপনি একটি এইচটিএমএল পৃষ্ঠায় একটি পটভূমি চিত্র সন্নিবেশ করতে পারেন এইভাবে:
এই ক্ষেত্রে, ব্যাকগ্রাউন্ড প্যারামিটারটি images-g.webp
দুটি স্তর নিচে নির্দেশ করে:
BACKGROUND=FolderA/FolderB/images.gif
দুটি ডিরেক্টরি স্তর উপরে:
ব্যাকগ্রাউন্ড=../../images.gif
পূর্ণ পথ (URL) - পটভূমি=(পুরো ছবির ঠিকানা)
বিভ্রান্তি এড়াতে ফুল লেট ব্যবহার করার পরামর্শ দেওয়া হচ্ছে। প্রধান জিনিস হল যে পটভূমি চিত্রটি খুব ফ্যাকাশে নয়, তবে খুব বেশি মনোযোগ আকর্ষণ করে না। আপনি দেখতে পাচ্ছেন, আমরা "পটভূমি" ধারণাটির অর্থ বিবেচনা করেছি, এটি কী, আপনি এখন জানেন। এখন উপরে উল্লিখিত কিছু বিনামূল্যের ওয়েবসাইট ব্যাকগ্রাউন্ড জেনারেটরের দিকে নজর দেওয়া যাক।
ফ্রি ব্যাকগ্রাউন্ড জেনারেটর
এর জন্য বিনামূল্যের ব্যাকগ্রাউন্ড জেনারেটরের মধ্যেওয়েবসাইটগুলিকে নিম্নরূপ চিহ্নিত করা যেতে পারে:
- PatternCooler.com-এ আপনি যেকোনো রঙ এবং টেক্সচারের অনেকগুলি বিনামূল্যের পটভূমি চিত্র পাবেন। এখানে সেরা ব্যাকগ্রাউন্ডের শীর্ষ, সেইসাথে রেডিমেড ব্যাকগ্রাউন্ডগুলি থেকে থিমযুক্ত ব্যাকগ্রাউন্ড তৈরি করার ক্ষমতা রয়েছে৷
- BgPatterns.com-এ আপনি নিজের ব্যাকগ্রাউন্ড তৈরি করতে পারেন। এখানে আপনি একটি নির্দিষ্ট পটভূমির রঙের বিভিন্ন ডিজাইন থেকে বেছে নিতে পারেন যা আপনি চয়ন করতে পারেন৷
- The Colourloverc.com জেনারেটর একটি সাধারণ জেনারেটরের চেয়ে বেশি। সর্বোপরি, এটি একটি সম্পূর্ণ প্রকল্প, এতে কিছু সামাজিক উদ্দীপনা রয়েছে। এখানে আপনি প্রায়ই ডিজাইনার এবং ডেভেলপারদের ব্লগের লিঙ্ক দেখতে পারেন। আপনি আপনার আঁকাগুলি ভাগ করতে পারেন এবং সুন্দর ব্যাকগ্রাউন্ড তৈরি করতে সেগুলি সম্পাদনা করতে পারেন৷
- Pixelknete.de-এ আপনি বিভিন্ন রঙের বিন্দু থেকে একটি সুন্দর পটভূমি তৈরি করতে পারেন।
- Dynamicdrive.com আপনাকে বিভিন্ন রঙের সাথে একটি সুন্দর ব্যাকগ্রাউন্ড গ্রেডিয়েন্ট তৈরি করতে দেয়।
- Tilemachine.com কিছু minimalism সব জেনারেটর থেকে পৃথক. তিনি শিশুদের ওয়েবসাইটগুলির জন্য ব্যাকগ্রাউন্ড অফার করেন৷
এই ধরনের পরিষেবা ব্যবহার করলে আপনার সময় বাঁচবে কিন্তু আপনার ওয়েবসাইটের জন্য একটি সুন্দর ব্যাকগ্রাউন্ড ইমেজ তৈরি হবে।
ওয়ার্ডপ্রেস সাইটের জন্য ব্যাকগ্রাউন্ড ইমেজ
সবচেয়ে জনপ্রিয় ওয়েবসাইট প্ল্যাটফর্ম হল ওয়ার্ডপ্রেস। এটি বিস্ময়কর নয়, কারণ এটি বিনামূল্যে, এবং শক্তিশালী প্রোগ্রামারদের একটি দল ক্রমাগত এটির উন্নতি করছে। এবং প্রধান জিনিস হল যে এটিতে আপনি সাইটের জন্য একটি ছবি স্বয়ংক্রিয়ভাবে "চেষ্টা" করতে পারেন:
- এটি করতে, উপরে উল্লিখিত ব্যাকগ্রাউন্ড জেনারেশন পরিষেবাগুলির মধ্যে একটি নির্বাচন করুন৷
- আপনার কম্পিউটারে ফলস্বরূপ ছবিটি সংরক্ষণ করুন।
- ওয়ার্ডপ্রেস অ্যাডমিন প্যানেলে যান এবং সেখানে খুঁজুন: "আদর্শ" - "ব্যাকগ্রাউন্ড" - "ছবি আপলোড" - "সংরক্ষণ করুন"।
মাত্র তিনটি ধাপ, এবং পটভূমি প্রস্তুত! আপনি দেখতে পাচ্ছেন, একটি সুন্দর ব্যাকগ্রাউন্ড যোগ করা এত কঠিন কিছু নয়, প্রধান জিনিসটি হল সঠিক রঙের স্কিম এবং ব্যাকগ্রাউন্ড ইমেজ বেছে নেওয়া।
