আপনি কি এইচটিএমএলে একটি ছবি স্থাপন করতে জানেন? পরবর্তী প্রবন্ধে, আমরা আপনাকে যা কিছু জানার প্রয়োজন তা শিখিয়ে দেব?এইচটিএমএলে ব্যাকগ্রাউন্ড ইমেজ কিভাবে রাখবেন?.
HTML এ ব্যাকগ্রাউন্ড ইমেজ কিভাবে রাখবেন?
এইচটিএমএলে ব্যাকগ্রাউন্ড ইমেজ কিভাবে রাখবেন তা জানার জন্য আমাদের অবশ্যই এর অর্থ সম্পর্কে সচেতন হতে হবে; একটি এইচটিএমএল, এটি একটি প্রোগ্রামিং ভাষা যা ওয়েব পেজের বিষয়বস্তু তৈরির জন্য ব্যবহৃত হয়। এর ফলে পৃষ্ঠাটি জনসাধারণের কাছে আকর্ষণীয় হয়ে ওঠে, বিভিন্ন লেবেল দেওয়া হয় যেখানে এটি কনফিগার করা যায়, ফন্ট, ছবি, অন্যদের মধ্যে ভিডিও, মূলত এটিই মডারেটরকে আপনার খুশিতে পৃষ্ঠা সম্পাদনা করার ক্ষমতা দেয়।
এইচটিএমএল 1980 সালে পদার্থবিদ টিম বার্নার্স-লি তৈরি করেছিলেন, যিনি যে প্রতিষ্ঠানে কাজ করেছিলেন তার জন্য "হাইপারটেক্সট" এর একটি নতুন রূপ প্রস্তাব করেছিলেন। এই হাইপারটেক্সটগুলি অনেক আগে দেখা গিয়েছিল; যা ডকুমেন্ট শেয়ার এবং অ্যাক্সেস করতে ব্যবহৃত হয়।
টিম বার্নার্স-লি রবার্ট কাইলিয়াউ নামে একজন অভিজ্ঞ সিস্টেম ইঞ্জিনিয়ারের সাথে বাহিনীতে যোগদান করেন যার সাথে তিনি "ওয়ার্ল্ডওয়াইডওয়েব" নামক তার প্রস্তাবটি চূড়ান্ত করতে সক্ষম হন এবং তাদের এটি একটি ডাকে উপস্থাপন করতে পরিচালিত করা হয়, যা তারা জিতেছিল।
এর পরে, অনেকগুলি অনুরূপ প্রস্তাব ছিল, 1991 সালে প্রথম নথি "এইচটিএমএল -ট্যাগস" নামে প্রকাশিত হয়েছিল, যা আজ পর্যন্ত কম্পিউটিং বিশ্বে প্রাচীনকাল হিসাবে অনলাইনে অনুসন্ধান করা যেতে পারে।
1993 এর মধ্যে, এইচটিএমএল ইতিমধ্যে ব্যাপকভাবে ব্যবহৃত হয়েছিল, কিছু সংস্থা তাদের সংস্করণ প্রকাশ করেছিল এবং সেগুলি একটি আদর্শ উপাদান হিসাবে স্থির করার প্রস্তাব করেছিল, কিন্তু এগুলির কোনওটিই বিকল্প হিসাবে বিবেচিত হয়নি। এই সময়ের জন্য টেবিল, লেবেল এবং ফর্ম যা দীর্ঘদিন ধরে ব্যবহৃত হয়েছিল তা প্রাপ্ত হয়েছিল।
প্রেক্ষাপটের উপর ভিত্তি করে, এটি উপস্থাপনের উপর ভিত্তি করে যুক্ত হতে পারে, তাই এটি সঠিকভাবে গঠন করতে সক্ষম হওয়ার জন্য CSS ব্যবহার করা যুক্তিসঙ্গত, একইভাবে আমরা পরে এই বিষয়ে কথা বলব।
এইচটিএমএল -এ ব্যাকগ্রাউন্ড ইমেজ কিভাবে রাখবেন সে বিষয়ে আপনি কি বিস্তারিত টিউটোরিয়াল দেখতে চান? আমরা আপনাকে নিম্নলিখিত ভিডিও দেখার জন্য আমন্ত্রণ জানাচ্ছি:
একটি ওয়েব পৃষ্ঠায় একটি পটভূমি রাখুন
প্রথম জিনিস হল "বডি" ট্যাগে ব্যাকগ্রাউন্ড অ্যাট্রিবিউট ব্যবহার করা, এটি ফাইলের নাম দেওয়া হয়েছে যা আমরা ব্যাকগ্রাউন্ড হিসাবে ব্যবহার করতে চাই। এটি হতে পারে যে এই ফাইলটি ওয়েব পৃষ্ঠার চেয়ে ভিন্ন একটি ডিরেক্টরিতে অবস্থিত, যদি এইরকম হয়, তাহলে আমাদের ফাইলের পথটি পরিবেশন করতে হবে, এখানেই আপনার সর্বদা প্রয়োজন হবে তা বিবেচনা করা খুবই গুরুত্বপূর্ণ ফাইল সম্পর্কিত path.html ব্যবহার করতে, উদাহরণস্বরূপ: "background = fondo.gif"।
এটি পথটি পরিবর্তন করতে চাওয়ার ক্ষেত্রে সহজেই অবস্থান করতে দেয় এবং আমরা যা অর্জন করি তা হল আমাদের ফাইলটি ওয়েব পৃষ্ঠার পটভূমিতে দেখা যেতে পারে, এটি স্বাভাবিক যে শুরুতে ছবিটি একটি আকারে উপস্থিত হয় মোজাইক, একইভাবে এটি সম্পাদনা করা যেতে পারে।
অন্যান্য উপাদানে পটভূমি
পটভূমিগুলি টেবিল এবং কোষের মতো বিভিন্ন উপাদানে উপস্থিত হতে পারে এবং তাদের সাথে খেলা সহজ। এটি অর্জনের জন্য আমরা আবার একই ব্যাকগ্রাউন্ড অ্যাট্রিবিউট ব্যবহার করি, আমাদের শুধুমাত্র অন্যান্য ট্যাগ থাকতে হবে, উদাহরণস্বরূপ: "টেবিল ব্যাকগ্রাউন্ড = ব্যাকগ্রাউন্ড। জিআইএফ" বা "টিডি ব্যাকগ্রাউন্ড = ব্যাকগ্রাউন্ড। জিআইএফ"।
এই উপাদানগুলি, সেইসাথে ওয়েব পৃষ্ঠার গঠন, সেগুলিই CSS ভাষা প্রদর্শিত হওয়ার আগে এবং পরিচিত হওয়ার আগে পটভূমি স্থাপন করা সম্ভব করেছিল, যা পটভূমি স্থাপন এবং ওয়েব পৃষ্ঠা সম্পাদনা করা আরও ব্যবহারিক করে তুলেছিল।
টিপস
যাদের ডোমেইন আছে তারা চান যে তাদের ওয়েবসাইট তৈরি করার সময় এবং এটিকে ব্যক্তিগতকৃত করার সময়, এটি প্রশস্ত বিষয় অনুসারে যতটা সম্ভব নান্দনিক। এখানে আমরা আপনাকে ওয়েব পেজে তহবিলের ব্যবহার সম্পর্কে কিছু গুরুত্বপূর্ণ এবং প্রয়োজনীয় পরামর্শ দিতে পারি।
ছবির অনুরূপ রঙের একটি পটভূমি রাখুন
এটা মনে রাখা গুরুত্বপূর্ণ যে কোন সাইটে ব্যাকগ্রাউন্ড স্থাপন করার সময় bgcolor অ্যাট্রিবিউট থাকা আবশ্যক, যা সেই রঙের পটভূমি নির্বাচন করতে দেয় যা প্রধানের সাথে বৈপরীত্য করতে পারে যা মুহূর্তের জন্য আমরা মোজাইকে রাখি।
আমাদের অধিকাংশেরই ওয়েব পেজে অ্যাক্সেস ছিল যেখানে লোড করার সময় এটি কোন ছবি বা টেক্সট দেখায় না এবং একবার ব্যাকগ্রাউন্ড সঠিকভাবে লোড হয়ে গেলে আমরা দেখতে পাই যে সেখানে কিছু লেখা ছিল। এটি ঘটে কারণ রঙগুলি বিপরীত হয় না, তবে ডিফল্ট রাখে।
একটি স্পষ্ট উদাহরণ হল যখন ব্যাকগ্রাউন্ড ইমেজ একটি গা dark় রঙ এবং টেক্সট সাদা, এটি ইমেজ লোড করার আগে টেক্সটটি দেখতে দেবে না, যা পৃষ্ঠায় একটি ত্রুটি থাকলে এবং ব্যাকগ্রাউন্ড লোড করতে ব্যর্থ হলে অসুবিধাজনক হতে পারে , লেখাটি দৃশ্যমান হবে না।
একজাতীয় রঙের চিত্র সহ পটভূমি
ইমেজ ব্যাকগ্রাউন্ড ব্যবহার করার সময় তারা একই রঙের প্যালেট ব্যবহার করার পরামর্শ দেওয়া হয়, অর্থাৎ যখন ইমেজের দুই বা ততোধিক রঙ থাকে তখন আমাদের অবশ্যই জানতে হবে কিভাবে টেক্সটের রঙ ভালভাবে চয়ন করতে হবে যাতে এটি ব্যাকগ্রাউন্ডের সাথে মিশে না যায় এবং তাই কল্পনা করা যায় না।
রঙের একটি পরিসীমা থাকা গুরুত্বপূর্ণ যেখানে সমস্যা ছাড়াই সবকিছু প্রশংসা করা যায়। আমরা আগে থেকেই একটি কালার প্যালেট পরিকল্পনা এবং নির্বাচন করার পরামর্শ দিচ্ছি, এইভাবে আপনি সাইটটি বার বার সম্পাদনা করা এড়িয়ে চলবেন যাতে আপনি পাতার নান্দনিকতা সাবধানে পর্যবেক্ষণ করতে পারেন।
একটি বড় যথেষ্ট ব্যাকগ্রাউন্ড তৈরি করুন
ফাইলের আকার যা আমরা ব্যবহার করি তা পৃষ্ঠার কাজ এবং উপস্থাপনার জন্য খুবই তাৎপর্যপূর্ণ, সম্ভবত আমরা একটি ছোট পটভূমি নির্বাচন করলে কম্পিউটার খুব বেশি কাজ করবে, পুরো পর্দায় হাজার হাজার বার মোজাইক পুনরাবৃত্তি করবে, যা নয় খুব মনোরম হয়। দৃষ্টিতে (একইভাবে এটি স্বাদের উপর নির্ভর করবে)। অন্যদিকে, একটি বৃহত্তর পটভূমি নির্বাচন করে, কম্পিউটারগুলি লোড করার সময় কম্পিউটার কম কাজ করতে সক্ষম হবে, যা ভোক্তা এবং মডারেটরের জন্য সহজ হবে।
পাঠযোগ্য পাঠ্য
তহবিলগুলি আপনার বিরুদ্ধে কাজ করতে পারে যখন তারা তথ্যের প্রতি দৃষ্টিভঙ্গিকে বাধা দেয়; এই ধরনের ত্রুটিগুলি ঘটার জন্য এটি বেশ সাধারণ। এটি এড়াতে, রঙের কাঠামো সঠিকভাবে সংগঠিত হতে হবে।
রঙের সংমিশ্রণ এবং একটি মনোরম পটভূমি আপনার পৃষ্ঠায় একটি আকর্ষণীয় এবং কার্যকরী ছাপ দেবে, কারণ এটি কেবল ভাল দেখাবে না বরং সেই তথ্যও যা ভোক্তা এত আগ্রহী তা পড়তে পারে।
রং নির্বাচন করার সময় আমাদের অবশ্যই ভালো সিদ্ধান্ত নিতে হবে, যেহেতু আমাদের বেছে নেওয়া কিছু কিছু বৈপরীত্যের কাজটি অর্জন করতে পারে, যাইহোক, এমন একটি কারণ রয়েছে যা এটি পড়তে সহজ করে তোলে এবং খুব শক্তিশালী রংগুলি সেই লক্ষ্য অর্জন করতে পারে না। ।
বিভিন্ন পর্দার সংজ্ঞা সহ সতর্কতা
যখন একজন ভিজিটর একটি পেজ অ্যাক্সেস করে, তখন ভেরিয়েবল উইন্ডো সাইজের একটি ভিউ থাকা জরুরী; নীচে মানিয়ে নিতে সমস্যা দিতে পারে। এটি এই কারণে হতে পারে যে যখন একটি পটভূমি ব্যবহার করা হয়, তখন আপনি মাত্রাগুলি দেখতে পারেন যা হ্রাস পেয়েছে এবং এর ফল হল যে উচ্চ-মাত্রাযুক্ত ব্যক্তি পৃষ্ঠাটি সঠিকভাবে দেখতে পারে না।
উপসংহারে, আমরা যা চয়ন করি তাতে সাবধান হওয়া প্রয়োজন, এটি আমাদের পক্ষে বা বিপরীত করতে পারে। এখন যেহেতু আমরা বুঝতে পারছি যে ওয়েবসাইটে আমাদের পটভূমি নির্বাচন এবং প্রয়োগ করার সময় আমাদের কী বিবেচনা করতে হবে, আমরা যদি ইচ্ছা করি তবে পৃষ্ঠায় আরও দর্শক পেতে পারি, তাদের কার্যকারিতা এবং নান্দনিকতা প্রদান করে।
নোট: একটি পটভূমির রঙ নির্ধারণ করে একটি টেবিলের মধ্যে বিষয়বস্তু স্থাপন করা, এটি নিশ্চিত করবে যে যখন আমরা এমন একটি চিত্র ব্যবহার করতে চাই যাতে আমরা অনিরাপদ বোধ করি, অথবা এটি আমাদের আগে অসুবিধা দিয়েছে।
CSS সহ ব্যাকগ্রাউন্ড
পূর্বে ওয়েবসাইটগুলিকে তহবিল দেওয়ার একমাত্র উপায় ছিল, এবং এটি ছিল এইচটিএমএল কিন্তু প্রযুক্তির অগ্রগতির সাথে সাথে আমরা সমস্যাগুলি সমাধানের অন্যান্য উপায় খুঁজে পেয়েছি। আজকাল এটি একটি ওয়েবসাইটে ব্যাকগ্রাউন্ড স্থাপন করতে সক্ষম হওয়ার জন্য CSS ব্যবহার করা অপরিহার্য এবং যুক্তিসঙ্গত, যেহেতু এটি পুরো স্ক্রিনে ব্যাকগ্রাউন্ড সনাক্ত করতে বা একটি নির্দিষ্ট উপাদানের ব্যাকগ্রাউন্ড হিসাবে এটি ব্যবহার করে।
আরেকটু বোঝার জন্য, আসুন সিএসএস কি এবং এই এলাকায় এটি কেন ব্যবহার করা হয় তা বোঝার মাধ্যমে শুরু করা যাক; এটি একটি "ক্যাসকেডিং স্টাইল শীট ল্যাঙ্গুয়েজ" হিসাবে সংজ্ঞায়িত করা যেতে পারে, এটি ওয়েবসাইটগুলিতে লেখা উপাদানগুলিকে খোলাখুলিভাবে কাস্টমাইজ করতে ব্যবহৃত হয়। এটি ব্যবহারিকভাবে সাহায্য করে যে একটি HTML ডকুমেন্ট বিভিন্ন উপায়ে স্টাইল করা যায়।
সম্পূর্ণ পৃষ্ঠার পটভূমি
পুরো পৃষ্ঠায় একটি পটভূমি স্থাপন করার জন্য আমাদের অবশ্যই "বডি" বিভাগে যেতে হবে যেখানে আমরা এইভাবে "বডি" লেবেলটি কাস্টমাইজ করব: শরীর {পটভূমি-রঙ: # ffdd90; ব্যাকগ্রাউন্ড-ইমেজ: url ("my-background.jpg"); }। এখানে আমরা একটি স্টক ব্যাকগ্রাউন্ড সহ একটি কঠিন রঙের ব্যাকগ্রাউন্ড প্রয়োগ করছি।
CSS আমাদের একটি গ্রাফিক ফাইল হিসাবে একটি ব্যাকগ্রাউন্ড ইমেজ প্রয়োগ করার সুযোগ দেয়, এবং এটি একটি মোজাইক বা একটি ইউনিকোলার ব্যাকগ্রাউন্ডের উপরে রাখে, মাত্রা সম্পাদনা করে, কিছু স্থানচ্যুতি যোগ করে, অন্যদের মধ্যে।
পৃষ্ঠার মধ্যে একটি উপাদান উপর একটি পটভূমি স্থাপন কোড থেকে অনেক পার্থক্য করে না। উদাহরণস্বরূপ, যদি আমরা অনুচ্ছেদের ভিতরে ছবি রাখতে চাই অথবা মেনুতে কিছু পটভূমি রাখতে চাই।
পৃষ্ঠার ছোট অংশ এবং লেবেল শৈলী সংজ্ঞায়িত করুন
CSS ব্যবহার করা যেতে পারে পৃষ্ঠাগুলির ছোট অংশগুলি সংজ্ঞায়িত করতে, ট্যাগের "স্টাইল" বৈশিষ্ট্যটি ব্যবহার করে হ্রাসকৃত অঞ্চলগুলিকে কাস্টমাইজ করার জন্য যা আমরা সম্পাদনা করতে চাই এবং ট্যাগের একটি অনন্য শৈলী সংজ্ঞায়িত করতে, আমাদের যা করতে হবে তা হল বৈশিষ্ট্যের পুনuseব্যবহার "স্টাইল" কিছু অনুকূল রঙে আমাদের অনুচ্ছেদ নির্ধারণ করে।
ওয়েবসাইটের একটি অংশে স্টাইল
এর জন্য আমাদের লেবেলে যেতে হবে যেখানে আমরা বৈশিষ্ট্য থেকে প্রয়োগ করা পৃষ্ঠার বিভিন্ন বিভাগের স্টাইল পরিবর্তন করতে পারি , así nos preocuparemos por solo personalizar la sección que escogimos.
CSS দিয়ে আপনি যা করতে পারেন তার কিছু উদাহরণ, যেহেতু এই ভাষা দিয়ে আপনি বিভিন্ন ধরণের লক্ষ্য অর্জন করতে পারেন, তবে পাগল না হওয়া সবসময় ভাল এবং মনে রাখবেন যে আমাদের অবশ্যই কার্যকারিতা এবং স্বাচ্ছন্দ্যের সন্ধান করতে হবে ভাল পড়া।
যদি আপনি HTML এ ব্যাকগ্রাউন্ড ইমেজ লাগাতে শিখে থাকেন, তাহলে আমরা আপনাকে আমাদের আরেকটি আর্টিকেল পড়ার জন্য আমন্ত্রণ জানাই: XML কি?.