একক পৃষ্ঠায় একাধিক উত্স থেকে তথ্য প্রদর্শন করতে, HTML পৃষ্ঠা বিভাজন প্রক্রিয়াটি প্রায়শই ব্যবহৃত হয়। নীচে ফ্রেমগুলি সন্নিবেশ করানোর জন্য ভাষা নির্মাণের বিবরণ দেওয়া হল।
প্রয়োজনীয়
এইচটিএমএল এর প্রাথমিক জ্ঞান
নির্দেশনা
ধাপ 1
হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (এইচটিএমএল) দুটি ধরণের ফ্রেম সরবরাহ করে। কোনও বিদ্যমান পৃষ্ঠায় Floোকানো ফ্লোটিং আরও নমনীয় এবং সহজ। সাধারণভাবে, একটি ভাসমান ফ্রেম ব্যবহার করে একটি উইন্ডো ফ্রেম বর্ণনা করে এমন নির্মাণ দেখায়: এখানে, বিদ্যমান সাইটের মূল পৃষ্ঠাটি এই ফ্রেমের ডেটা উত্স হিসাবে চিহ্নিত করা হয়েছে (এসসিআর অ্যাট্রিবিউট)। প্রস্থ এবং উচ্চতার বৈশিষ্ট্যগুলিতে উল্লিখিত হিসাবে এটি একটি 400 x 300 পিক্সেল ফ্রেমে খোলা হবে You আপনি এসসিআর বৈশিষ্ট্যে আপনার সাইটের পৃষ্ঠাটিও নির্দিষ্ট করতে পারেন। এই ক্ষেত্রে, একটি আপেক্ষিক ঠিকানা নির্দিষ্ট করা যথেষ্ট (যেটি ফ্রেমটি সন্নিবেশ করা হয়েছে যার সাথে সম্পর্কিত ঠিকানা): এই নমুনায় ফ্রেমের প্রস্থ এবং উচ্চতা নির্দিষ্ট করা হয়নি, তবে একটি আইডি রয়েছে বৈশিষ্ট্য শনাক্তকারী এটি ব্যবহার করে, আপনি এই ফ্রেমের জন্য প্রয়োজনীয় মাত্রা নির্ধারণ করতে CSS () ব্যবহার করতে পারেন:
# ফ্রেমওন {প্রস্থ: 700px; উচ্চতা: 200px;
ধাপ ২
অন্য ধরণের ফ্রেম - "ক্লাসিক" - এর জন্য একটি পৃথক পৃষ্ঠা প্রয়োজন, যা ফ্রেমের কাঠামোর বিবরণ ধারণ করবে। ফ্রেমগুলি নিজেরাই পৃথক পৃষ্ঠাগুলিতে থাকবে, এমনকি পৃথক সাইটেও। এই জাতীয় ফ্রেম ধারক পৃষ্ঠার জন্য এইচটিএমএল কোডটি দেখতে এরকম হতে পারে:
নিয়মিত পৃষ্ঠাগুলির জন্য কোনও … এবং … ব্লক থাকা উচিত নয় this উদাহরণস্বরূপ, ধারক খোলার ট্যাগটিতে একটি সারি বৈশিষ্ট্য রয়েছে, যার অর্থ পৃষ্ঠার স্থানটি উল্লম্বভাবে বিভক্ত হওয়া উচিত এবং শীর্ষটি প্রথম ফ্রেমে দেওয়া হবে। আপনি যদি কলগুলির সাহায্যে সারিগুলি প্রতিস্থাপন করেন তবে বিভাগটি অনুভূমিক হবে। "*, *" এই বৈশিষ্ট্যের মানটি ইঙ্গিত দেয় যে বিভক্ত অনুপাত সমান - প্রতিটি 50%। যদি আপনি উল্লেখ করেন, উদাহরণস্বরূপ, "20%, *", তবে কেবলমাত্র 20% প্রথম ফ্রেমে দেওয়া হবে এবং বাকি স্থানটি দ্বিতীয়টিতে দেওয়া হবে The ব্যবহারকারী ফ্রেমের সীমানা টেনে এই অনুপাতগুলি পরিবর্তন করতে পারবেন মাউস, তবে এই ক্রিয়াটি অক্ষম করা সম্ভব। এটি করার জন্য, কোনও নির্দিষ্ট ফ্রেমের ট্যাগে নরসাইজ বৈশিষ্ট্য যুক্ত করুন। আপনি সংলগ্ন ফ্রেম (মার্জিনউইথ এবং প্রান্তিককরণের বৈশিষ্ট্য) থেকে উল্লম্ব এবং অনুভূমিক ইনডেন্টগুলির আকার নির্দিষ্ট করতে পারেন: প্রতিটি ফ্রেমের স্ক্রোলবারগুলির জন্য পৃথকভাবে আচরণের নিয়মগুলি সেট করা সম্ভব। এর জন্য, স্ক্রোলিং বৈশিষ্ট্যটি ব্যবহৃত হয়, যা তিনটি পূর্বনির্ধারিত মান থাকতে পারে can নির্দিষ্ট করা থাকলে স্ক্রোলবারগুলি উপস্থিত হবে যখন ফ্রেমের সামগ্রীটি তার সীমানার মধ্যে ফিট করে না। যদি "হ্যাঁ" - স্ট্রাইপগুলির প্রয়োজন ছাড়াই সর্বদা উপস্থিত থাকবে। যদি "না" - এর অর্থ এই ফ্রেমের জন্য স্ক্রোল বারগুলি অস্বীকার করা হবে।
ধাপ 3
পূর্ববর্তী দুটি পদক্ষেপে প্রদত্ত তথ্যের ভিত্তিতে আপনাকে এইচটিএমএল কোডটি ডিজাইন করতে হবে যা আপনার সমস্যা সমাধানের জন্য আরও উপযুক্ত। তারপরে, যা অবশিষ্ট রয়েছে তা হ'ল এটি পৃষ্ঠার উত্স কোডটিতে.োকানো। এটি করার জন্য, আপনি নিজের সাইটের পরিচালনা সিস্টেমের পৃষ্ঠা সম্পাদকটি ব্যবহার করতে পারেন - এতে পছন্দসই পৃষ্ঠাটি খুলুন, এইচটিএমএল কোড সম্পাদনা মোডে স্যুইচ করুন এবং পৃষ্ঠার পছন্দসই জায়গায় আপনার কোডটি পেস্ট করুন। বিকল্পভাবে, আপনি হোস্টিং ম্যানেজমেন্ট ফাইল ম্যানেজার বা কন্টেন্ট ম্যানেজমেন্ট সিস্টেমের দ্বারা পৃষ্ঠা উত্স কোড ফাইলটি ডাউনলোড করতে পারেন, এটি কোনও পাঠ্য সম্পাদককে খুলতে এবং এতে কোডটি আটকে দিতে পারেন। এবং তারপরে একইভাবে পরিবর্তিত কোডটি আবার সার্ভারে আপলোড করুন।
