পাখির সাইট: কিভাবে পটভূমি পিক হিসেবে ব্যাবহার করা এইচটিএমএল

অনেক ব্রতী ওয়েব ডিজাইনার, কেবলমাত্র এমন সাইট সৃষ্টির সারাংশ মধ্যে উপত্যকা থেকে, প্রায়ই আশ্চর্য এইচটিএমএল ব্যাকগ্রাউন্ড ইমেজ করতে কিভাবে। যদি তাদের মধ্যে কিছু এই সমস্যার সঙ্গে মোকাবেলা করতে পারেন, এটা এখনও মনিটর ইমেজ সমগ্র প্রস্থ প্রসারিত সময় একটি সমস্যা। একই সময়ে আমি সাইট সকল ব্রাউজারে অভিন্নরুপে প্রদর্শিত হয় দেখতে চাই, তাই এটি ক্রস ব্রাউজার প্রয়োজনীয়তা মেটান করা উচিত নয়। আপনি দুভাবে পটভূমি সেট করতে পারেন: ব্যবহার করে এইচটিএমএল ট্যাগ এবং CSS শৈলী। নিজের জন্য প্রতিটি ভাল বিকল্প পছন্দ করে। অবশ্য, CSS স্টাইল কারণ এটির কোড একটি পৃথক ফাইলে সংরক্ষণ করা হয় এবং প্রধান সাইটের ট্যাগ অতিরিক্ত ভাষাভাষী পর্যন্ত সময় লাগতে না, কিন্তু প্রথম সাইটের পটভূমিতে ইমেজ ইনস্টল করার জন্য একটি সহজ পদ্ধতি বিবেচনা করা যাক অনেক বেশি সুবিধাজনক হয়।

বেসিক এইচটিএমএল ট্যাগ পটভূমি তৈরি করতে

সুতরাং, আমরা কিভাবে পর্দায় HTML এ পটভূমি চিত্র করতে প্রশ্নে যান। অর্ডার সুন্দর সাইট দেখুন, আপনি এক বরং গুরুত্বপূর্ণ বিস্তারিত বুঝতে হবে? যথেষ্ট শুধু একটি গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড করা বা তা একটি কঠিন রঙ অঙ্কন করা, কিন্তু আপনি যদি পটভূমি চিত্র সন্নিবেশ করতে হবে, এটা মনিটরের পুরো প্রস্থ প্রসারিত করা হবে না। ইমেজ কুড়ান বা এই এক্সটেনশন, যা আপনি সাইটের পৃষ্ঠা প্রদর্শন করা হবে সঙ্গে আপনার নিজের নকশা করা মূলত প্রয়োজন ছিল। শুধুমাত্র যখন পটভূমি চিত্র প্রস্তুত, এটা নামে «চিত্র» একটি ফোল্ডারের মধ্যে টেনে আনুন। এটা, আমরা সব ব্যবহৃত চিত্র, অ্যানিমেশন এবং অন্যান্য গ্রাফিক ফাইল সংরক্ষণ করবে। এই ফোল্ডারটি আপনার সব HTML ফাইল সঙ্গে রুট ডিরেক্টরিতে অবস্থিত দিতে হবে। এখন আপনি উপর এবং কোডে স্থানান্তর করতে পারেন। সেখানে লেখা কোডের জন্য বিভিন্ন বিকল্প, যার দ্বারা পটভূমি ছবি পরিবর্তন হবে।

1. ট্যাগ এট্রিবিউট লিখুন।
2. HTML কোডে CSS স্টাইল মাধ্যমে।
3. একটি পৃথক ফাইলে সিএসএস শৈলী লিখুন।

HTML এ হিসাবে পটভূমি চিত্র করা, আপনি সিদ্ধান্ত নিতে, কিন্তু আমি সম্পর্কে কিভাবে এটা সবচেয়ে অনুকূল হবে কয়েকটি শব্দ বলতে চাই। প্রথম পদ্ধতি একটি ট্যাগ এট্রিবিউট মাধ্যমে লেখা হয় দীর্ঘ অপ্রচলিত হয়েছে। দ্বিতীয় বিকল্প খুব কমই ব্যবহার করা হয়, কারণ এটা যে সক্রিয় আউট একই কোড অনেক। তৃতীয় বিকল্প সবচেয়ে সাধারণ এবং কার্যকর। এখানে এইচটিএমএল ট্যাগ এর উদাহরণ দেওয়া হল:

1. ট্যাগ এট্রিবিউট (শরীরের) index.htm ফাইলে মাধ্যমে প্রথম রেকর্ডিং পদ্ধতি। (শরীরের পটভূমি = "FOLDER_NAME / Nazvanie_kartinki.rasshirenie") (/ শরীর): এটা এই ফর্মটি মধ্যে সংরক্ষিত হয়। মানে, যদি আমরা শিরোনাম «চিত্র» এবং এক্সটেনশন করে JPG, এবং ফোল্ডার আমরা «চিত্র», তারপর এইচটিএমএল-কোড প্রবেশের এমন দেখাবে নামে সঙ্গে একটি ছবি আছে: (পশ্চাদপট = "images / Picture.jpg") ... (/ শরীর) ।
2. দ্বিতীয় পদ্ধতি একটি CSS স্টাইল রেকর্ডিং জড়িত থাকে, কিন্তু এটা নাম index.htm সঙ্গে একই ফাইলের মধ্যে লেখা হয়। (শারীরিক শৈলী = "পটভূমি: URL ( '../ images / Picture.jpg')")।
3. রেকর্ডিং তৃতীয় পদ্ধতি দুই ফাইলের মধ্যে তৈরি করা হয়। (মাথা) (লিংক এখন rel = "স্টাইলশীট" টাইপ = "টেক্সট / CSS" a href = "http: // সাইট / নিবন্ধ / 193110 /% D0% 9F নাম index.htm ট্যাগ (মাথা) সঙ্গে ডকুমেন্ট যেমন একটি লাইন লেখা আছে % D1% 83% D1% 82% D1% 8C_% D0% বিএ CSS_faylu ") (/ মাথা)। একটি ফাইল নামক style.css শৈলী ইতিমধ্যে লিখুন: শরীর {পটভূমি: URL (চিত্র / Picture.jpg ')}।

এইচটিএমএল ব্যাকগ্রাউন্ড ইমেজ তৈরি করতে, আমরা বুঝতে। এখন আপনি চিন্তা করার সম্পূর্ণ পর্দা প্রস্থ জুড়ে চিত্রটির প্রসারণ কিভাবে প্রয়োজন।

উপায় উইন্ডোর প্রস্থের সাথে পটভূমির চিত্র প্রসারিত করতে

আমরা শতকরা আকারে আমাদের পর্দা প্রতিনিধিত্ব করে। এটা পরিনত হয় যে পুরো প্রস্থ এবং পর্দার দৈর্ঘ্য 100% × 100% হতে হবে। আমরা এই প্রস্থ ছবিতে প্রসারিত করতে হবে। ইমেজ ফাইল রেকর্ডিং style.css লাইন যে সমগ্র প্রস্থ এবং মনিটরের দৈর্ঘ্য বেশি ইমেজ প্রসারিত হবে জুড়ুন। এটা CSS স্টাইল য়েমন লেখা আছে? এটা সহজ না!

শরীর

{

পটভূমি: URL (চিত্র / Picture.jpg ')

পটভূমি আকার: 100%; / * এই পোস্টটি এটি অত্যাধুনিক ব্রাউজারে জন্য উপযুক্ত * /

}

সুতরাং আমরা কিভাবে মূর্ত আউট পর্দায় HTML এ একটি ছবি পটভূমি করতে। এছাড়া index.htm ফাইলে রেকর্ডিং একটি পদ্ধতি। এই পদ্ধতি এবং সেকেলে যদিও, কিন্তু নতুনদের জন্য এটা প্রয়োজনীয় জানেন এবং বোঝা। ট্যাগ (মাথা) (শৈলী) DIV আছে {পটভূমি-আকার: কভার; } (/ স্টাইল) (/ মাথা), এই রেকর্ড এর মানে হল যে আমরা ব্যাকগ্রাউন্ডে, যা উইন্ডোর সমগ্র প্রস্থ উপর স্থান হবে জন্য একটি বিশেষ ইউনিট বরাদ্দ। আমরা দুটি উপায়ে, কিভাবে একটি পটভূমি ছবি এইচটিএমএল সাইট বানাতে, তাই যে ইমেজ আধুনিক ব্রাউজারে কোনো পর্দার সমগ্র প্রস্থের সাথে প্রসারিত করা হয় বলে মনে করা হয়েছে।

একটি নির্দিষ্ট পটভূমি কিভাবে

আপনি যদি ভবিষ্যতে ওয়েব রিসোর্সের পটভূমি হিসেবে একটি ছবি ব্যবহার করার সিদ্ধান্ত নেন, তাহলে আপনি শুধু জানতে কিভাবে এটি সংশোধন করা, যাতে এটি দৈর্ঘ্যে না প্রসারিত হয় এবং নান্দনিক চেহারা লুণ্ঠন করা হয়নি প্রয়োজন। কেবলমাত্র একটি ছোট উপরন্তু রেজিস্টার HTML কোড ব্যবহার করে। আপনাকে পটভূমিতে পর একটি শব্দগুচ্ছ যোগ করার জন্য style.css ফাইল করা প্রয়োজন: URL (images / Picture.jpg ') সংশোধন করা হয়েছে; বা এর পরিবর্তে পর সেমিকোলন পৃথক লাইন যোগ - অবস্থান: স্থির করেছি। সুতরাং, আপনার ওয়ালপেপার সংশোধন করা হবে। সাইটের কন্টেন্ট স্ক্রলিং চলাকালীন, আপনি যে পাঠ্য লাইন চলন্ত দেখতে হবে, কিন্তু পটভূমি জায়গায় রয়ে গেছে। তাই আপনি যদি এইচটিএমএল ব্যাকগ্রাউন্ড ইমেজ করতে কিভাবে, বিভিন্নভাবে শিখেছি।

HTML এ টেবিল নিয়ে কাজ করছেন

অনেক অনভিজ্ঞ ওয়েব ডেভলপার, টেবিল ও ব্লক সম্মুখীন প্রায়ই বুঝতে পারছি না কিভাবে এইচটিএমএল ইমেজ ব্যাকগ্রাউন্ড টেবিল করা। সব ভালো লেগেছে দল এইচটিএমএল এবং CSS শৈলী, ওয়েব প্রোগ্রামিং ভাষা মোটামুটি সহজ। আর এই সমস্যার সমাধান কোডের লাইন একজোড়া লিখতে হয়। আপনি ইতিমধ্যে জানা উচিত যে, সারি এবং কলাম যথাক্রমে একটা টেবিল লেখা যেমন ট্যাগ (TR) এবং (TD) দ্বারা নির্দেশিত। পটভূমি = URL টি ছবি: একটি ইমেজ আকারে টেবিলের পটভূমি তৈরি করতে হলে, এটা ট্যাগ (টেবিল), (TR) বা (TD) রেফারেন্স ইমেজ রেফারেন্স সহ একটি সহজ ফ্রেজ যোগ করা প্রয়োজন। স্বচ্ছতা, আমরা উদাহরণ কয়েক দেব।

পটভূমি পরিবর্তে একটি ছবি দিয়ে টেবিল: এইচটিএমএল উদাহরণ

একটি 2x3 টেবিল আঁকুন এবং এটি ব্যাকগ্রাউন্ড ইমেজ ফোল্ডার "চিত্র" সঞ্চিত করা: (টেবিল পটভূমি = "images / Picture.jpg") (TR) (TD) 1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ TR) (TR) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ TD) (/ TR) (/ টেবিল)। সুতরাং আমাদের টেবিল ছবি পটভূমিতে টানা করা হবে না।

এখন 2x3 একই প্লেট মাপ আঁকা, কিন্তু কলাম সংখ্যা 1, 4, 5 ও 6 (টেবিল) (TR) একটি ছবি (TD পটভূমি = "images / Picture.jpg") 1 (/ TD) (TD) 2 সন্নিবেশ (/ TD) (TD) 3 (/ TD) (/ TR) (TR) (TD পটভূমি = "images / Picture.jpg") 4 (/ TD) (TD পটভূমি = "images / Picture.jpg") 5 ( / TD) (TD পটভূমি = "images / Picture.jpg") 6 (/ TD) (/ TR) (/ টেবিল)। পর্যবেক্ষক আমরা দেখতে পারি যে পটভূমি কেবলমাত্র সেই কোষ যা আমরা নিবন্ধিত, এবং পুরো সারণীতে উপস্থিত পর।

ক্রস ব্রাউজার সামঞ্জস্য সাইটে

একটি ক্রস ব্রাউজার সামঞ্জস্য ওয়েব সম্পদ হিসেবে যেমন একটি জিনিস আছে। এর অর্থ হল আপনার সাইটের সমানভাবে ভাল বিভিন্ন ধরনের এবং ব্রাউজার সংস্করণ প্রদর্শন করা হয়। এটি হবে HTML কোড একটি প্রয়োজনীয় ব্রাউজার কাস্টমাইজ করতে এবং CSS শৈলী। তাছাড়া, স্মার্ট ফোনের আধুনিক যুগের অনেক ওয়েব ডেভেলপারদের সাইট তৈরি করার চেষ্টা এবং মোবাইল সংস্করণ এবং একটি কম্পিউটার চেহারার জন্য অভিযোজিত হয়।