সক্রিয় বিজ্ঞাপন সিস্টেম ফ্রেম বা iframe. আইফ্রেম অ্যাফিলিয়েট রুইফ্রেম দিয়ে অর্থ উপার্জন করা

অ্যাফিলিয়েট আইফ্রেম হল এক ধরনের বিজ্ঞাপন যা আপনার সাইটের চেহারাকে কোনোভাবেই প্রভাবিত করে না। অর্থাৎ, কোন ব্যানার, পপ-আপ বা অন্যান্য বিরক্তিকর উইন্ডো দর্শক থাকবে না। আপনার সাইটের দর্শকদের জন্য আপনাকে অবিকল অর্থ প্রদান করা হবে। সেই অনুযায়ী, উপস্থিতি বেশি হওয়া বাঞ্ছনীয়। উপার্জনও নির্ভর করে যে জায়গাটিতে দর্শক আপনার কাছে এসেছেন (সার্চ ইঞ্জিন, বুকমার্ক ইত্যাদি)। অবশ্যই, টার্গেটেড ভিজিটর, অর্থাৎ যারা সার্চ ইঞ্জিন থেকে এসেছেন, তারাই সেরা অর্থ প্রদান করেন। কোন দেশ থেকে দর্শক এসেছে তাও এটি একটি ভূমিকা পালন করে।

আসুন এই ধরণের বিজ্ঞাপনের সুবিধা এবং অসুবিধাগুলি দেখি:

সুবিধা:

1. ইনস্টল করা সহজ। আপনাকে কেবল সাইটের সমস্ত (বা সমস্ত নয়) পৃষ্ঠাগুলিতে অ্যাফিলিয়েট কোড ইনস্টল করতে হবে৷
2. প্যাসিভ ইনকাম। অর্থাৎ, আপনার সাইট পরিদর্শনকারী প্রতিটি ব্যবহারকারীর জন্য অর্থ জমা হবে এবং আপনাকে কিছু করতে হবে না।
3. কোন বিরক্তিকর ব্যানার বা.
4. প্রায়শই, যে কোনও সাইট গৃহীত হয়।
5. তারা ATS, অটোসার্ফিং, এক্সেলবক্স ইত্যাদি থেকে ট্রাফিক গ্রহণ করে।
6. রেফারেল প্রোগ্রাম।

অসুবিধা:

1. ভাইরাস। কিছু অ্যাফিলিয়েট আইফ্রেম (বিশেষত বিজ্ঞাপনদাতার সাইট) ভাইরাস ধারণ করে, কিন্তু বেশিরভাগ ক্ষেত্রে আপনি আপনার অ্যাফিলিয়েট অ্যাকাউন্ট থেকে একটি ভাইরাল সাইট নিষিদ্ধ করতে পারেন।
2. পুনঃনির্দেশ। অনেক সময় পর্ন সাইটে রিডাইরেক্ট হয়।

iframe অনুমোদিত তালিকা:

• — এটির ধরণের সবচেয়ে পুরানো অ্যাফিলিয়েট প্রোগ্রাম এবং সেরা৷ আপনি ভাইরাস আছে যে সাইট নিষিদ্ধ করতে পারেন. এছাড়াও, একটি নতুন সাইট যোগ করার সময়, আমি আপনাকে "আমার সাইটে সংস্থানগুলি পোস্ট করুন যেগুলি মডারেটরদের দ্বারা যাচাই করা হয়নি" বাক্সটি চেক না করার পরামর্শ দিই৷ ইনকাম কম হবে, তবে ভাইরাস থাকবে না, যদিও আপনার সাইটটি যদি শুধুমাত্র টাকা ইনকাম করার জন্য তৈরি করা হয়, তাহলে ইনকাম বাড়ানোই ভালো। ট্রাফিক খরচ 0.50 - 0.70 $ প্রতি 1000 অনন্য ভিজিট। কোন সাইট গ্রহণ করা হয়. আমি অন্যান্য অনুরূপ অনুমোদিত প্রোগ্রামগুলির তুলনায় প্রধান সুবিধা বিবেচনা করি অনুরোধের ভিত্তিতে অবিলম্বে অর্থপ্রদান, অর্থাৎ, আপনাকে কেবল একটি অর্থ প্রদানের অর্ডার দিতে হবে (কোনও ন্যূনতম মজুরি নেই) এবং এটি এক মিনিটের মধ্যে পৌঁছে যাবে।
• — iframe বিজ্ঞাপন ছাড়াও, অন্যান্য ফর্ম্যাট আছে, উদাহরণস্বরূপ, popunder. পেমেন্ট: clickunder - 1wmz 1000 অনন্য ট্রানজিশনের জন্য (চীন ছাড়া সব দেশ), পপন্ডার - 3wmz রাশিয়া থেকে 1000টি অনন্য ট্রানজিশনের জন্য এবং 0.8wmz অন্যান্য দেশের জন্য, লুকানো ট্রানজিশন - 1wmz (চীন ছাড়া সব) এবং iframe - 0.5-1.5wmz প্রতি 100 দর্শক (মূল্য সমন্বয় করা যেতে পারে)। 48 ঘন্টার মধ্যে অনুরোধের ভিত্তিতে প্রত্যাহারের জন্য সর্বনিম্ন পরিমাণ হল 3wmz। অটো পেআউট একই ভাবে কাজ করে। রেফারেল প্রোগ্রাম - 5%। সিস্টেমে একটি ICQ রোবট (88-25-28) রয়েছে যা আপনাকে আপনার পরিসংখ্যান, রূপান্তর ইত্যাদি সম্পর্কে বলবে।
• - পুরানো iframe এফিলিয়েট প্রোগ্রাম। তারা ট্রাফিকের মান এবং ওয়েবমাস্টারদের কার্যকলাপকে খুব গুরুত্ব সহকারে নেয়। আপনি সক্রিয় না হলে, আপনার অ্যাকাউন্ট মুছে ফেলা হতে পারে. আপনার সাইটের গৃহীত হওয়ার জন্য, ট্রাফিক প্রতিদিন কমপক্ষে 100 দর্শক হতে হবে। সর্বনিম্ন অর্থপ্রদানের পরিমাণ হল $1৷ 1000টি অনন্যের জন্য অর্থপ্রদান - রাশিয়া থেকে 0.7$, ইউক্রেন থেকে 0.3$, বেলারুশ 0.25$, অন্যান্য 0.05$।

ব্যক্তিগতভাবে, আমি iframe অ্যাফিলিয়েট প্রোগ্রামগুলির সাথে সহযোগিতা করি না, তবে এটি নতুনদের জন্য ঠিক।

এই নিবন্ধে, আমি আপনাকে দেখাব একটি ফ্রেম তৈরি এবং ব্যবহার করার উদাহরণ, অথবা বরং ফ্রেম পাতা, এবং কিভাবে একটি উদাহরণে দেখান কাজ করতে ফ্রেম ব্যবহার করুন এবং অধিভুক্ত প্রোগ্রামে অর্থ উপার্জন করুন.

আপনি জানতে পারবেন কিভাবে ফ্রেম ব্যবহার করতে হয়এবং কীভাবে ওয়েব অ্যানালিটিক্স কাউন্টারগুলিকে একীভূত করবেন - মেট্রিকা এবং অ্যাডওয়ার্ডস, আপনার ফ্রেম পৃষ্ঠায় আসা দর্শকদের ট্র্যাক করতে৷

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

ফ্রেম ধারণা

ইন্টারনেটে ফ্রেম সম্পর্কে অনেক কিছু লেখা হয়েছে, আপনি সহজেই এর সংজ্ঞা খুঁজে পেতে পারেন।

ইংরেজি থেকে " ফ্রেম"- ফ্রেম, যার, আমাদের ক্ষেত্রে, মানে আমরা যে সাইটটিকে প্রচার করতে চাই সেটিকে আমরা একটি ফ্রেমে রাখি, ফ্রেমে একটি অ্যাফিলিয়েট লিঙ্ক, একটি মেট্রিক এবং অংশীদারের সাইট নিজেই রয়েছে৷

আমার ক্ষেত্রে, আমি ইয়ানডেক্স ডাইরেক্ট এবং সাধারণভাবে প্রাসঙ্গিক বিজ্ঞাপনের সাথে একটি ফ্রেমের ধারণা যুক্ত করি।

এই ক্ষেত্রে, আমার জন্য একটি ফ্রেম মানে এমন একটি পৃষ্ঠা যেখানে আমি একটি অ্যাফিলিয়েট লিঙ্ক সংযুক্ত করতে পারি, সেইসাথে ডেটা বিশ্লেষণ এবং উপযুক্ত কাজ করার জন্য ওয়েব অ্যানালিটিক্স কাউন্টার।

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

ওটা, ওটা আমার ধারণাএটা কি সম্পর্কে ফ্রেম-শেষ! অবশ্যই, আমি ফ্রেম সম্পর্কে একটু বেশি জানি, তবে সে সম্পর্কে নয়, আসুন এগিয়ে যাই।

একটি ফ্রেম তৈরির উদাহরণ

তাই, " নগ্ন» ফ্রেম, অধিভুক্ত লিঙ্ক সংযুক্ত করতে ব্যবহৃত, নিম্নলিখিত আছে html গঠন কোড:

আপনাকে অবশ্যই একটি টেক্সট ফাইলে (নোটপ্যাড বা একটি সাধারণ নোটপ্যাড) এই সমস্ত এইচটিএমএল কোড অনুলিপি এবং পেস্ট করতে হবে, এটিকে কিছু উপযুক্ত নাম দিন (বিশেষত ল্যাটিন অক্ষরে - যাতে সমস্ত ধরণের অদ্ভুত অক্ষরগুলি প্রদর্শিত না হয়) এবং এক্সটেনশন লিখুন .এইচটিএম.

একটি ফ্রেম নামের একটি উদাহরণ হল " yandex-webinar.htm» — উপরের ভিডিও টিউটোরিয়ালটিতে আরও বিশদ বিবরণ।

মনোযোগ!আপনি এক্সটেনশন সেট করার পরে .এইচটিএমআপনার টেক্সট ফাইল, এর আইকনটি ডিফল্টরূপে আপনি যে ব্রাউজার ব্যবহার করেন তার আইকনে পরিবর্তন হবে।

আপনি যদি একটি পাঠ্য ফাইলে কিছু সম্পাদনা করতে বা যোগ করতে চান তবে ফাইলটিতে ডান ক্লিক করুন এবং নির্বাচন করুন " দিয়ে খুলুন -> নোটপ্যাড", এবং নির্দ্বিধায় সম্পাদনা করুন৷

সমস্ত ! আপনার ফ্রেম পৃষ্ঠা তৈরি এবং যেতে প্রস্তুত, কিন্তু

আপনাকে বিশ্লেষণ সংযুক্ত করতে হবে যাতে আপনি করতে পারেন ফ্রেম ব্যবহার করুনসর্বাধিক দক্ষতার সাথে, কারণ, যারা বিষয়টির সারমর্ম বোঝেন তাদের জন্য তাদের মিটার ইনস্টল করাই প্রধান লক্ষ্য ফ্রেম তৈরি.

ওয়েব বিশ্লেষণ এবং ফ্রেমযুক্ত পৃষ্ঠা

আপনি যদি ওয়েব অ্যানালিটিক্স কাউন্টার তৈরি এবং কনফিগার করতে না জানেন এবং কাউন্টার কোডগুলি কোথায় পাবেন, এখানে যান:

তৈরি এবং কনফিগারেশনের পরে, কাউন্টার কোডগুলি অনুলিপি করুন এবং সেগুলিকে ফ্রেমে আটকান৷ আপনি আমার নিবন্ধগুলিতে লক্ষ্য করেছেন, আমি ক্লোজিং ট্যাগের আগে কাউন্টার সেট করার পরামর্শ দিচ্ছি.

অবশেষে, এইচটিএমএল কোডের গঠনটি নীচের স্ক্রিনশটের মতো হওয়া উচিত:

আমার ডোমেইন নাম + ফ্রেম name.htm

ফলস্বরূপ, আপনি একটি ইন্টারনেট পৃষ্ঠা পাবেন যা আপনাকে রুট ফোল্ডারে আপলোড করতে হবে। সাইটের লিঙ্কটি অবিলম্বে উপলব্ধ হবে এবং যখন আপনি ক্লিক করবেন, তখন আপনাকে সেই সাইটে নিয়ে যাওয়া হবে যেটি আপনি প্রচার করতে চান, কিন্তু যেটি আপনার ডোমেনে অবস্থিত, আপনার “ ফ্রেমযুক্ত».

আপনাকে যা করতে হবে তা হল বিশ্লেষণ এবং অনুসরণ করুন অধিভুক্ত প্রোগ্রাম থেকে অর্থ উপার্জন.

ওয়েবসাইট ছাড়াই অ্যাফিলিয়েট প্রোগ্রাম থেকে অর্থ উপার্জন করা

আপনার নিজের ওয়েবসাইট না থাকলে, অ্যাফিলিয়েট প্রোগ্রামগুলিতে অর্থ উপার্জন করার বিকল্পটি বেশ উপযুক্ত: ফ্রেম পৃষ্ঠাগুলি তৈরি এবং ব্যবহার করা.

তবে ন্যূনতম, আপনার অবশ্যই একটি নিবন্ধিত ডোমেন এবং এটিতে একটি স্থান থাকতে হবে - এটি ছাড়া আপনি উপরে বর্ণিত উপায়ে অধিভুক্ত প্রোগ্রামগুলিকে প্রচার করতে সক্ষম হবেন না।

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

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

আপনার যদি ফ্রেম তৈরি করতে সমস্যা হয়, আমি সবসময় সাহায্য করতে খুশি, মন্তব্যে লিখুন।

হ্যালো, ব্লগ সাইটের প্রিয় পাঠকদের. আজ আমরা এইচটিএমএল এর ফ্রেম সম্পর্কে কথা বলব। এটা পরিষ্কার যে আমরা শুরু থেকে শুরু করব, অর্থাৎ এটি কি ধরনের প্রাণী। আমরা হাইপারটেক্সট মার্কআপ ভাষার বর্তমান সংস্করণে এবং নতুন Html 5 স্ট্যান্ডার্ডের সাথে এই উপাদানগুলির বর্তমান (ফ্রেম) এবং ভবিষ্যতের (Iframe) সম্পর্কেও কথা বলব।

নিবন্ধের শেষে, এইচটিএমএল কোডে অন্তর্নির্মিত ফ্রেম এবং তাদের ক্লাসিক কাঠামো তৈরির প্রক্রিয়ার বিশদ বিবরণের পরে (ইতিমধ্যে খুব কমই ব্যবহৃত হয়), আমরা সেগুলির উপর একটি সাইট তৈরির প্রাসঙ্গিকতাকে স্পর্শ করব এবং সম্ভাব্য আলোচনা করব। আমার ব্লগের উদাহরণ ব্যবহার করে বর্তমান সময়ের মধ্যে তাদের ব্যবহার করার উপায়।

এটা কি এবং কিভাবে Iframe ফ্রেম থেকে আলাদা?

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

সম্ভবত তাদের ব্যবহারের সবচেয়ে সুস্পষ্ট উদাহরণ, যা আপনি প্রায় সকলেই সম্মুখীন হয়েছেন, হল তথাকথিত সহায়তা ফাইল যা আপনার কম্পিউটারে ইনস্টল করা অনেক প্রোগ্রাম রয়েছে।

সাহায্য মেনু সহ ফাইলটি বাম উইন্ডোতে লোড করা হয় এবং নির্বাচিত মেনু আইটেমের সাথে সম্পর্কিত নথিটি ডান উইন্ডোতে প্রদর্শিত হয়। এটি উল্লেখযোগ্য যে এই কাঠামোটি আপনাকে ডানদিকে একটি নতুন নথি খোলার সময় বাম উইন্ডোতে মেনু সহ ফাইলটি পুনরায় লোড করতে দেয় না। এই এটা গঠিত ঠিক কি ফ্রেম ব্যবহার করার প্রধান সুবিধা HTML এ

প্রকৃতপক্ষে, এই উপাদানগুলির নামটিকে একটি স্বাধীন উইন্ডো হিসাবে ব্যাখ্যা করা উচিত। ফ্রেমের সাহায্যে, আমাদের কাছে একটি বড় উইন্ডোকে কয়েকটি খণ্ডে বিভক্ত করার সুযোগ রয়েছে, যা ঘুরেফিরে একে অপরের (পৃষ্ঠা, পাঠ্য, ছবি, ভিডিও ইত্যাদি) থেকে পৃথক নথিগুলির জন্য রিসিভার হিসাবে কাজ করতে পারে।

হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজে ফ্রেম স্ট্রাকচার কীভাবে তৈরি হয়? যদি আমরা এইচটিএমএল 4.01 স্ট্যান্ডার্ড (শ্রেণীবিন্যাস অনুসারে) সম্পর্কে কথা বলি, যা বর্তমান সময়ে প্রধান একটি, তবে এর জন্য তিনটি উপাদান ব্যবহার করা হয় - ফ্রেম, ফ্রেমসেট এবং নোফ্রেম।

Iframe - Html 5 স্ট্যান্ডার্ডে অন্তর্নির্মিত ফ্রেম

যদি আমরা এইচটিএমএল 5 স্ট্যান্ডার্ডের কথা বলি (আমাদের ভবিষ্যত, যার কিছু উপাদান ইতিমধ্যেই অনেক ব্রাউজার দ্বারা সমর্থিত), তাহলে সেখানে আর ফ্রেম, ফ্রেমসেট এবং নোফ্রেম ট্যাগ থাকবে না, পাশাপাশি ক্লাসিক ফ্রেম কাঠামো থাকবে; একটি একক আইফ্রেম ট্যাগ (এম্বেডেড ফ্রেম), যা আমরা শুরুতে আলোচনা করব এবং তারপরে আমরা আমাদের মনোযোগ 4.01 সংস্করণ থেকে ক্লাসিক স্কিমের দিকে ফিরিয়ে দেব, যা আসলে এখন ব্যবহার করা হচ্ছে।

Iframe, নীচে আলোচিত ক্লাসিক থেকে ভিন্ন, Frameset ট্যাগের সাথে বডি ট্যাগ প্রতিস্থাপনের প্রয়োজন নেই। যারা. এই ট্যাগটি নিয়মিত পৃষ্ঠাগুলিতে ঢোকানো যেতে পারে, উদাহরণস্বরূপ, একটি অনুচ্ছেদের ভিতরে বা অন্য কোথাও। এর মূল অংশে, এই উপাদানটি আমরা ইতিমধ্যে বিবেচনা করেছি এমন Img ট্যাগের অনুরূপ।

এটি প্রতিস্থাপনযোগ্য সামগ্রী সহ একটি ইনলাইন উপাদান কারণ এটি একটি ইনলাইন উপাদানের মতো আচরণ করে তবে এটি প্রদর্শন করে বহিরাগত বাহ্যিক সামগ্রী. এইচটিএমএল ভাষায় মাত্র চারটি এলিমেন্ট আছে - Img, Iframe, Object এবং Embed। অতএব, আমাদের নায়ক একটি বহিরাগত ফাইলের উপস্থিতি বোঝায় যা একটি এলাকায় লোড করা হবে যার আকার এই ট্যাগের বৈশিষ্ট্যগুলি ব্যবহার করে সেট করা হয়েছে।

যে. একটি আইফ্রেম হল একটি সিঙ্ক উপাদান যেখানে একটি বাহ্যিক বস্তু (যেমন একটি ভিডিও) লোড করা হয়। এবং এই ফাইলটির পথ নির্দেশ করতে, যা পৃষ্ঠায় লোড করা উচিত, বিশেষ Src বৈশিষ্ট্য ব্যবহার করুন। কিন্তু Img-এর বিপরীতে, Iframe উপাদান পেয়ার করা হয়, যেমন একটি বন্ধ ট্যাগ আছে:

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

যারা. এই ট্যাগটি এমন একটি এলাকা তৈরি করে যেখানে কিছু বাহ্যিক বস্তু লোড করা হয় (এটি আপনার সাইট থেকে বা অন্য সংস্থান থেকে তা বিবেচ্য নয়)। এলাকার প্রস্থ এবং উচ্চতা প্রস্থ এবং উচ্চতা ব্যবহার করে নির্দিষ্ট করা হয়, এবং Src বৈশিষ্ট্য এই বস্তুর পথ নির্দিষ্ট করে।

Iframe উপাদানটি প্রতিস্থাপিত বিষয়বস্তুর সাথে অনুরূপ ইনলাইন ট্যাগগুলি থেকে এই সমস্ত বৈশিষ্ট্যগুলি উত্তরাধিকারসূত্রে পেয়েছে (যেমন ইতিমধ্যে উপরে উল্লিখিত Img)। ঠিক আছে, তিনি ছবি থেকে গুণাবলীও নিয়েছেন Hspace এবং Vspace, যা আপনাকে ফ্রেমের সীমানা থেকে এর চারপাশে মোড়ানো টেক্সটে ইন্ডেন্ট সেট করতে দেয়।

এটিও তাৎপর্যপূর্ণ যে বিল্ট-ইন ফ্রেমের প্রান্তিককরণটি ঠিক একইভাবে সঞ্চালিত হয় যেভাবে আমরা Html - তে চিত্রগুলি অধ্যয়ন করার সময় দেখতে পাই। এখনও একই সারিবদ্ধ, কিন্তু সম্ভাব্য মান সহ Iframe ট্যাগের জন্য নীচে, শীর্ষ, মধ্য, বাম এবং ডান।

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

এছাড়াও Iframe-এ, Frameborder অ্যাট্রিবিউটটি ফ্রেম ট্যাগ থেকে স্থানান্তরিত হয়েছে, যার মাত্র দুটি মান রয়েছে - হয় 0 (ফ্রেমের চারপাশের ফ্রেমটি প্রদর্শিত হয় না) বা 1 (ফ্রেমটি দৃশ্যমান)। ডিফল্ট মান হল Frameborder=1, তাই এটি অপসারণ করতে আপনাকে Frameborder="0" লিখতে হবে:

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

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

আমি ইতিমধ্যে উল্লেখ করেছি, একটি আইফ্রেম ব্যবহার করার একটি স্পষ্ট উদাহরণ হল:

একটি ওয়েব পৃষ্ঠায় সরাসরি একটি Iframe সন্নিবেশ করার মাধ্যমে, আপনি YouTube থেকে একটি ভিডিওর একটি আউটপুট পাবেন৷ আমরা উপসংহারে পৌঁছেছি যে এই উপাদানটি প্রতিস্থাপিত সামগ্রী সহ ইনলাইন উপাদানগুলির মধ্যে একটি ক্রস এবং প্রকৃতপক্ষে, ক্লাসিক ফ্রেম, যা আমরা এখন আলোচনা করব।

ফ্রেম এবং ফ্রেমসেট ট্যাগের উপর ভিত্তি করে ফ্রেম - তাদের গঠন

সুতরাং, একটি ক্লাসিক ফ্রেম কাঠামো তৈরি করা শুরু হয় আপনি খোলা এবং বন্ধ করার বডি ট্যাগের পরিবর্তে এইচটিএমএল কোডে যা লেখেন, যা সাধারণত যেকোন নথিতে উপস্থিত থাকা উচিত, এটি একটি উপাদান-ভিত্তিক ধারক দিয়ে প্রতিস্থাপন করা উচিত। ফ্রেমসেট.

মৌলিক বিষয় হল এই ক্ষেত্রে বডি উপাদান ব্যবহার করা যাবে না - হয় বডি (একটি নিয়মিত নথির জন্য) বা ফ্রেমসেট (নথির ফ্রেম কাঠামো তৈরি করার সময়):

প্রতিটি ফ্রেম যা আমরা মূলের ভিতরে তৈরি করি একটি পৃথক উপাদান ব্যবহার করে তৈরি করা হয় ফ্রেম. এই ট্যাগটি একক এবং এতে আমরা নথির পথ সেট করি যা এই উইন্ডোতে লোড করা হবে।

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

সাধারণত, নোফ্রেমগুলি ফ্রেম কাঠামো প্রক্রিয়াকরণের অসম্ভবতার সাথে বর্তমান পরিস্থিতি সম্পর্কে কেবল তথ্যই যোগ করে না, তবে অন্যান্য পৃষ্ঠাগুলিতে যাওয়ার ক্ষমতাও যুক্ত করে, যেখানে আপনি সেগুলি ব্যবহার না করে কাজ চালিয়ে যেতে পারেন। তার সম্পর্কে অন্য কিছু বলা কঠিন, তাই চালিয়ে যাওয়া যাক।

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

এটি ফ্রেমসেট উপাদানে উপযুক্ত বৈশিষ্ট্য যোগ করে করা হয়। তাদের মধ্যে দুটি আছে - Cols এবং সারি. Cols একটি বড় উইন্ডোর বিভাজন উল্লম্ব ফ্রেম বা কলামে সেট করে এবং সারি আপনাকে এটিকে অনুভূমিক উইন্ডো বা সারিতে ভাগ করতে দেয়।

ফ্রেমসেট এবং এর কলস এবং সারি বৈশিষ্ট্যগুলির উপর ভিত্তি করে একটি কাঠামো তৈরি করা

এইচটিএমএল ফ্রেমসেট ট্যাগের কলস এবং সারিগুলির মানগুলি কমা দ্বারা পৃথক করা সংখ্যা (স্পেস ছাড়া)। এই সংখ্যাগুলি উইন্ডোগুলির অনুপাত সেট করে যা আমরা ফলাফল হিসাবে পেতে চাই। অতএব, Cols বা Rows-এ যত কমা-বিভক্ত সংখ্যা লেখা হোক না কেন, আমাদের যত ফ্রেম আছে তার ফলাফল হবে।

উদাহরণস্বরূপ, এই স্বরলিপি ব্যবহার করে আমরা তিনটি উল্লম্ব কলাম পাব যার প্রস্থ 2:5:3 অনুপাতের সাথে মিলবে।

যেহেতু আমরা তিনটি ফ্রেমের জন্য অনুপাত নির্ধারণ করেছি, তাই আমাদেরকে ফ্রেমসেট ট্যাগ খোলা এবং বন্ধ করার মধ্যে তিনটি ফ্রেম উপাদান অন্তর্ভুক্ত করতে হবে, অন্তত অতিরিক্ত বৈশিষ্ট্য উল্লেখ না করে:

ফলস্বরূপ, তিনটি খালি জানালা সমন্বিত আমাদের ফ্রেমের গঠন এইরকম দেখাবে:

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

কিন্তু আকার উপাধিতে একটি বরং অস্বাভাবিক বিকল্প রয়েছে, যা দেখতে কেমন তারকাচিহ্ন "*". তাছাড়া, এটি হয় শুধু "*" বা সামনে একটি সংখ্যা সহ একটি তারকাচিহ্ন হতে পারে, উদাহরণস্বরূপ, "3*"৷ একটি চতুর জিনিস যা শতাংশের সাথে খুব মিল এবং এর মানে হল যে আমরা ফ্রেমের জন্য স্থানটি আনুপাতিকভাবে ভাগ করি।

এর একটি উদাহরণ তাকান. এখন সারি ব্যবহার করে ভিউপোর্টকে অনুভূমিক সারিগুলিতে ভাগ করা বেছে নেওয়া যাক:

এই এন্ট্রি মানে কি? উল্লম্বভাবে আমাদের কাছে উপলব্ধ সমগ্র দেখার এলাকা তিনটি লাইনে বিভক্ত হবে। প্রথমটির উচ্চতা 200 পিক্সেল, দ্বিতীয়টি - 500 এ নেওয়া হবে, তবে তৃতীয় লাইনটি উচ্চতায় অবশিষ্ট সমস্ত স্থান দখল করবে, কারণ "*" এর আকার হিসাবে ব্যবহৃত হয়েছিল।

যা লক্ষণীয় তা হল যে "*" এবং "1*" মানগুলির অর্থ একই জিনিস - আমরা বাকি সমস্ত স্থানকে একটিতে ভাগ করি এবং এই ফ্রেমে এই একটি অংশ দিই (ভাল, অর্থাৎ, সমস্ত অবশিষ্ট স্থান)।

কিন্তু আপনি অনুপাতে ভাগ করার জন্য একটি সংখ্যার সাথে "*" মান ব্যবহার করলে কী হবে তা দেখুন:

এই ক্ষেত্রে ফ্রেমের মাত্রা কী হবে বলে আপনি মনে করেন? এটা স্পষ্ট যে দ্বিতীয় লাইনে অবশ্যই 100 পিক্সেলের উচ্চতা থাকবে। কিন্তু অবশিষ্ট স্থান কিভাবে তৃতীয় এবং প্রথম সারির মধ্যে উচ্চতায় ভাগ করা হবে?

এটি গণনা করা বেশ সহজ - দুই (2*) এর সাথে চারটি (4*) যোগ করুন এবং এই হর দ্বারা ভাগ করুন (স্কুল পাঠ্যক্রমের ভগ্নাংশগুলি মনে রাখবেন) দুই এবং চার। যারা. আমরা পাই যে একটি ফ্রেমের সাথে প্রথম কলামটি উচ্চতায় অবশিষ্ট স্থানের এক তৃতীয়াংশ গ্রহণ করবে, এবং তৃতীয় কলামটি দুই তৃতীয়াংশ জায়গা নেবে। অথবা, অন্য কথায়, তৃতীয়টি প্রথমটির চেয়ে দ্বিগুণ উচ্চ হবে:

আপনি একটি বৈশিষ্ট্যে ফ্রেম উইন্ডো আকারের তিনটি উপায় ব্যবহার করতে পারেন, উদাহরণস্বরূপ:

ফলস্বরূপ, আমরা প্রথম ফ্রেম কলামটি পাব যার প্রস্থ পুরো উপলব্ধ এলাকার দশ শতাংশ, দ্বিতীয়টি - 100 পিক্সেল, এবং বাকি তিনটির প্রস্থ হবে চার, তিন এবং দুই-নবমাংশ অনুপাতে। অবশিষ্ট প্রস্থ স্থান। তাই সবকিছু সহজ এবং পরিষ্কার।

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

যারা. প্রথমে, আমরা "frameset cols="20%,80%"" ব্যবহার করি সমস্ত উপলব্ধ স্থানকে দুটি কলামে উল্লম্বভাবে বিভক্ত করতে এবং "ফ্রেম" ট্যাগ সহ ডান কলামের বিষয়বস্তু সেট করতে, কিন্তু একটি "ফ্রেম" উপাদান যোগ করার পরিবর্তে বাম কলামের জন্য, আমরা একটি নতুন “ফ্রেমসেট সারি=“10%,*”” খুলি।

এবং এটির সাহায্যে আমরা ডান কলামটিকে ফ্রেম সহ দুটি লাইনে বিভক্ত করি, যার বিষয়বস্তু দুটি "ফ্রেম" ট্যাগ ব্যবহার করে সেট করা হয়, তারপরে আমরা উভয় "ফ্রেমসেট" কন্টেইনার বন্ধ করি। সবকিছুই সহজ এবং যৌক্তিক।

ফ্রেম এলিমেন্টের Src অ্যাট্রিবিউটে পাথ নির্দিষ্ট করুন

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

তাহলে কিভাবে আমরা আমাদের তৈরি উইন্ডোগুলির চেহারা নিয়ন্ত্রণ করব? এই সমস্ত ফ্রেম ট্যাগের বৈশিষ্ট্যের মধ্যে রয়েছে। প্রথমটি উল্লেখ করার মতো Src. এইচটিএমএল কোডে ইমেজ সন্নিবেশ করার সময় আমরা ইতিমধ্যেই এটি Img ট্যাগে দেখেছি। এর সারমর্ম পরিবর্তিত হয়নি এবং এটি এখনও আপনাকে নথির পথ নির্দিষ্ট করতে দেয় যা ফ্রেমে লোড করা উচিত।

Src-এ নথির পথটি হিসাবে নির্দিষ্ট করা যেতে পারে। আপেক্ষিক পাথগুলি সাধারণত একটি নথির জন্য ব্যবহৃত হয় যা আপনার নিজস্ব সম্পদে অবস্থিত, তবে আপনি যখন অন্য সাইট থেকে একটি ফ্রেম উইন্ডোতে একটি নথি লোড করতে চান তখন আপনাকে পরম পাথের প্রয়োজন হবে৷

যদি পছন্দসই নথির পথ নির্দেশ করে Src বৈশিষ্ট্যটি নির্দিষ্ট করা না থাকে, তাহলে একটি খালি নথি উইন্ডোতে লোড করা হবে। ব্যক্তিগতভাবে, আমি একবার আমার ব্লগের জন্য একই রকম কাজ করেছিলাম (অতিরিক্ত নেভিগেশন উপাদান হিসাবে) এবং একই সময়ে হোস্টিং সার্ভারে এটির জন্য একটি পৃথক ফোল্ডার তৈরি করেছিলাম এবং সেখানে একটি ফ্রেম কাঠামো সহ একটি এইচটিএমএল ফাইল রেখেছিলাম (যাকে আমি সূচক বলেছিলাম) .html).

অতএব, ফ্রেম ট্যাগের Src বৈশিষ্ট্যে আপেক্ষিক লিঙ্কগুলি ব্যবহার করা আমার পক্ষে সবচেয়ে সহজ ছিল:

লক্ষণীয় বিষয় হল যে আপনি যদি এই কোডে দেওয়া সমস্ত লিঙ্ক আপেক্ষিক থেকে পরম পর্যন্ত প্রতিস্থাপন করেন (যেমন https://site/navigator/joomla.html) এবং এই ফাইলটি একটি ব্রাউজারে খুলুন, তাহলে ফ্রেমে নির্দিষ্ট করা নথিগুলি লোড হবে আমার সার্ভার থেকে এবং আপনি আপনার ব্রাউজারে একটি অনুরূপ চিত্র দেখতে পাবেন। তাছাড়া, ফ্রেম স্ট্রাকচার (index.html) সহ আপনার ফাইলটি কোথায় থাকবে তা বিবেচ্য নয় - আপনার কম্পিউটারে বা হোস্টিংয়ে।

চিত্রে দেখানো উদাহরণে, একটি নির্দিষ্ট মেনু সহ একটি পৃষ্ঠা, যা একটি নিয়মিত মেনু, বাম ফ্রেমের উইন্ডোতে লোড হয়। তবে মেনুটি কীভাবে তৈরি হয় তা গুরুত্বপূর্ণ নয়, তবে এর যে কোনও লিঙ্কে ক্লিক করার পরে কী ঘটে তা গুরুত্বপূর্ণ।

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

একটি ফ্রেমে একটি লিঙ্কের মাধ্যমে নথিগুলি কীভাবে খুলবেন

সুতরাং, যখন আমরা হাইপারলিংক সম্পর্কে কথা বলি, তখন আমরা "A" ট্যাগ বৈশিষ্ট্যটিকে লক্ষ্য=_blank হিসাবে উল্লেখ করেছি। আপনি এটা কি জন্য মনে আছে? একটি নতুন উইন্ডোতে লিঙ্কড নথি খুলতে এটি সঠিক। ডিফল্টরূপে, এটি একই উইন্ডোতে খোলা উচিত, যা target="_self" এর সমতুল্য।

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

সুতরাং, আসুন ঠিক উপরের চিত্রে দেখানো আমাদের উদাহরণে ফিরে আসি। নীচের ডানদিকে (বড়) ফ্রেমে বাম উইন্ডো থেকে লিঙ্কগুলি ব্যবহার করে আমাদের পৃষ্ঠাগুলি খুলতে হবে। অতএব, প্রথমে আপনাকে ফ্রেম ট্যাগের নাম বৈশিষ্ট্য ব্যবহার করে এই বড় উইন্ডোটিকে একটি নাম দিতে হবে।

তারা এটি তৈরি করে এবং এটিকে "কটোনা" বলে। এখন আপনি বাম উইন্ডোতে একটি মেনু হিসাবে লোড করা ফাইলটি নিরাপদে খুলতে পারেন এবং এতে থাকা সমস্ত A ট্যাগে Target="ktona" বৈশিষ্ট্য যোগ করতে পারেন:

জুমলার ইতিহাস এবং VirtueMart উপাদান

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

শুধুমাত্র বেস target="ktona" উপাদানটি খোলার এবং বন্ধ করার হেড ট্যাগগুলির মধ্যে স্থাপন করা যথেষ্ট এবং এই নথির এইচটিএমএল কোডের সমস্ত লিঙ্ক "ktona" নামক নির্দিষ্ট ফ্রেমে নতুন পৃষ্ঠা খুলবে:

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

ঠিক আছে, প্রথমে, আপনাকে বাম উল্লম্ব ফ্রেমের একটি নাম দিতে হবে:

এবং উপরের উইন্ডোতে (gor.html) লোড করা ফাইলটিতে আপনাকে বেস target="gor" উপাদান যোগ করতে হবে:

এটাই, এখন আমরা সবকিছু ঠিকঠাক করে ফেলেছি। উপরের ফ্রেমের লিঙ্কগুলি অনুসরণ করে সমস্ত ডকুমেন্ট বাম উইন্ডোতে খোলে এবং এর থেকে সমস্ত লিঙ্কগুলি কেন্দ্রীয় এবং বৃহত্তম ফ্রেমে নথি খুলবে৷ আমার মতে, সবকিছু সহজ এবং যৌক্তিক।

উইন্ডোর চেহারা কাস্টমাইজ করার জন্য ফ্রেম ট্যাগ বৈশিষ্ট্য

এখন দেখা যাক Src এবং Name ছাড়া অন্য কোন বৈশিষ্ট্যগুলি ফ্রেম ট্যাগে ফ্রেমের চেহারা কাস্টমাইজ করতে ব্যবহার করা যেতে পারে। এর সাথে শুরু করা যাক স্ক্রোলিং. এটি ব্যবহার করে, আমরা আপনার ফ্রেমের কাঠামোর প্রতিটি উইন্ডোর জন্য আলাদাভাবে স্ক্রোল বারের প্রদর্শন কনফিগার করতে পারি।

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

আপনি হ্যাঁ মানগুলিও ব্যবহার করতে পারেন (উইন্ডোতে স্ক্রোল বারগুলি সর্বদা প্রদর্শিত হবে, এমনকি যদি নথিটি সম্পূর্ণরূপে এতে ফিট হয়) এবং না (স্ক্রোল বারগুলি কখনই প্রদর্শিত হবে না, এমনকি নথির অংশটি ফিট না হলেও) স্ক্রোলিং এর মান হিসাবে।

আমার একবার বিদ্যমান টুলে, আমি অটোর ডিফল্ট মান ব্যবহার করেছি এবং ফ্রেমে স্ক্রোল বারের প্রয়োজন অনুযায়ী উপস্থিত হয়েছি:

ফ্রেম ট্যাগের নিম্নলিখিত বৈশিষ্ট্য হল নরেসাইজ- একক (এর কোন মান নেই)। এটি নিবন্ধন করার মাধ্যমে, আপনি এর আকার পরিবর্তন করতে নিষেধ করবেন, যা ডিফল্টরূপে মাউসের সাহায্যে ফ্রেমের সীমানা টেনে এনে করা হয়।

আপনি যখন মাউস কার্সারটিকে বর্ডারে নিয়ে যাবেন, আপনি দেখতে পাবেন যে কার্সারটি একটি দ্বি-মাথাযুক্ত তীর হয়ে যাবে এবং এখন, বাম মাউস বোতামে ক্লিক করে, আপনি আপনার ইচ্ছামতো বর্ডারটি সরাতে পারেন। Noresize এই ইচ্ছাশক্তির উপর নিষেধাজ্ঞা আরোপ করে (যখন আপনি মাউস কার্সারকে উইন্ডোর সীমানায় নিয়ে যান, আপনি আর দ্বিমুখী তীর দেখতে পাবেন না)।

আরেকটি চাক্ষুষ বৈশিষ্ট্য হল ফ্রেমবর্ডার. এটি ব্যবহার করে, আপনি ফ্রেমের মধ্যে একটি ফ্রেম (সীমানা) আঁকবেন কি আঁকবেন না তা নির্দিষ্ট করতে পারেন। Frameborder শুধুমাত্র দুটি সম্ভাব্য মান থাকতে পারে - হয় 0 (একটি ফ্রেম আঁকবেন না) বা 1 (একটি সীমানা দেখান)। ডিফল্ট মান, অবশ্যই, 1।

একটি সূক্ষ্মতা আছে. আপনি যদি দৃশ্যমান সীমানা মুছে ফেলতে চান, তাহলে আপনাকে যে ফ্রেমের মধ্যে দৃশ্যমান সীমানাগুলি সরাতে চান তার সমস্ত ফ্রেম ট্যাগে Frameborder=0 যোগ করতে হবে।

ঠিক আছে, আমাদের এখনও ফ্রেম ট্যাগের কয়েকটি বৈশিষ্ট্য বিবেচনা করতে হবে - মার্জিন প্রস্থ এবং মার্জিন উচ্চতা, যা প্যাডিংকে প্রস্থ (ডান এবং বাম) এবং উচ্চতা (উপর এবং নীচে) উইন্ডোর সীমানা থেকে এটিতে লোড করা সামগ্রীতে সেট করে (সংখ্যাটির অর্থ প্যাডিংয়ের পিক্সেলের সংখ্যা):

কেন আপনি ফ্রেমে একটি ওয়েবসাইট করতে পারেন না?

আসুন দেখি ক্লাসিক্যাল স্ট্রাকচারের মৌলিক ত্রুটিগুলি কী, যা একটি ওয়েবসাইট তৈরি করার সময় মূলত তাদের ব্যবহার বন্ধ করে দেয়। এটা এই ফ্রেম গঠন অনুযায়ী যে সত্য গঠিত তার অবস্থা ট্র্যাক করা অসম্ভব.

জটিল কাঠামোর হাজার হাজার ভিন্ন অবস্থা থাকতে পারে (বিভিন্ন ফ্রেমের উইন্ডোতে খোলা নথির রূপ), কিন্তু এই কাঠামোর ইউআরএল ঠিকানা পরিবর্তন হয় না। এই কারণে সেখানে হবে ব্রাউজার বুকমার্ক ব্যবহার করতে পারবেন নাঅথবা অন্য ব্যবহারকারীদের আপনার প্রিয় পৃষ্ঠার লিঙ্ক পাঠান. কেন?

কারণ ঠিকানাটি অপরিবর্তিত থাকে এবং আপনি যখন এটিকে আপনার ব্রাউজার বুকমার্ক বা একটি ইমেল থেকে খুলবেন, তখন আপনি ফ্রেম কাঠামোর প্রারম্ভিক অবস্থা সহ একটি পৃষ্ঠা পাবেন, এবং আপনি যে রাজ্যটি সংরক্ষণ করতে চান তা নয়।

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

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

যখন একজন ব্যবহারকারী Yandex বা Google অনুসন্ধানের ফলাফল থেকে একটি ফ্রেম কাঠামোর ভিত্তিতে তৈরি আপনার ওয়েবসাইটে যায়, তখন শুধুমাত্র একটি ফ্রেমে লোড করা নথি খুলবে, সম্পূর্ণ কাঠামো নয়। তুমি কি বুঝতে পারছ আমি কিসের কথা বলছি?

ব্যবহারকারী নথি দেখতে পাবেন এবং আপনার সাইটে নেভিগেশন দেখতে পাবেন না, কারণ এটি অন্যান্য উইন্ডোতে সুরক্ষিত থাকবে এবং সেগুলি সম্পূর্ণ কাঠামোর অংশ হিসাবে লোড করা হয়।

ফলস্বরূপ, ফ্রেমের উপর নির্মিত একটি সাইট কেবল অব্যবহারযোগ্য হয়ে যায়। যদিও, আবার, সার্ভার স্ক্রিপ্টগুলির উপর ভিত্তি করে এই সমস্যার সমাধান রয়েছে, যখন পৃথক নথির ঠিকানা থেকে একটি ফ্রেম কাঠামোতে একটি পুনঃনির্দেশ করা হবে যা পছন্দসই অবস্থায় রয়েছে, তবে এটি আবার খুব কঠিন এবং সর্বদা নির্ভরযোগ্য নয়।

সাধারণভাবে, উপসংহারটি দ্ব্যর্থহীনভাবে আঁকা যেতে পারে - ফ্রেমে ওয়েবসাইট তৈরি করার দরকার নেই. কিন্তু তারা ক্রমাগত বিভিন্ন অ্যাপ্লিকেশনের জন্য সাহায্য তৈরি করতে ব্যবহার করা হয়, এবং তারা অন্যান্য ছোট জিনিস কাজে আসতে পারে.

উদাহরণস্বরূপ, আমি একটি ফ্রেম কাঠামো তৈরি করেছি, যাকে আমি "নেভিগেটর" বলেছিলাম (এখন এটি সাময়িকভাবে সরানো হয়েছে) এবং যা আমার ব্লগের জন্য এক ধরণের প্রসারিত বাহ্যিক মেনুতে পরিণত হয়েছে, যা আমার কাছে মনে হয়, সম্পদের সাথে কাজ করা সহজ করা উচিত এবং, সেইজন্য, উন্নতি করুন "কোন ননসেন্স" সাইটের প্রচারে খুব, খুব শক্তিশালী প্রভাব ফেলে।

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

কিন্তু এই সমস্ত বিধিনিষেধ শুধুমাত্র ফ্রেম এবং ফ্রেমসেট ট্যাগের কাঠামোর ক্ষেত্রে প্রযোজ্য Iframe ট্যাগে এমবেডেড ফ্রেমকোন দৃশ্যমান ত্রুটি নেই, এবং সেগুলি আপনার প্রকল্পগুলিতে ব্যবহার করা যেতে পারে এবং এমনকি ইউটিউব থেকে ভিডিও সন্নিবেশ করার জন্য ব্যবহার করা উচিত৷

আপনার জন্য শুভকামনা! ব্লগ সাইটের পাতায় শীঘ্রই দেখা হবে

আপনি আগ্রহী হতে পারে

এইচটিএমএল কোডে মন্তব্য নির্দেশিকা এবং ডকটাইপ, সেইসাথে ব্লক এবং ইনলাইন উপাদানের ধারণা (ট্যাগ)
এম্বেড এবং অবজেক্ট - ওয়েব পৃষ্ঠাগুলিতে মিডিয়া সামগ্রী (ভিডিও, ফ্ল্যাশ, অডিও) প্রদর্শনের জন্য এইচটিএমএল ট্যাগ
Img - একটি ছবি (Src) সন্নিবেশ করার জন্য এইচটিএমএল ট্যাগ, এটির চারপাশে পাঠ্য সারিবদ্ধ এবং মোড়ানো (সারিবদ্ধ), পাশাপাশি পটভূমি (পটভূমি) সেট করার জন্য
হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ Html কি এবং কিভাবে W3C ভ্যালিডেটরে সমস্ত ট্যাগের তালিকা দেখতে হয় ড্রপ-ডাউন তালিকা এবং পাঠ্য ক্ষেত্রের ফর্মের জন্য নির্বাচন করুন, বিকল্প, টেক্সটেরিয়া, লেবেল, ফিল্ডসেট, কিংবদন্তি - এইচটিএমএল ট্যাগ
Html কোডে তালিকা - UL, OL, LI এবং DL ট্যাগ৷
ফন্ট (ফেস, সাইজ এবং কালার), ব্লককোট এবং প্রি ট্যাগ - বিশুদ্ধ এইচটিএমএলে লিগ্যাসি টেক্সট ফরম্যাটিং (কোন সিএসএস ব্যবহার করা হয়নি)
এইচটিএমএল এবং সিএসএস কোডে কীভাবে রঙ সেট করা হয়, টেবিলে আরজিবি শেড নির্বাচন, ইয়ানডেক্স আউটপুট এবং অন্যান্য প্রোগ্রাম

আইফ্রেম- পৃথক সমাপ্ত নথি, যা ওয়েব পৃষ্ঠায় বিভিন্ন জায়গায় প্রদর্শিত হতে পারে। নথিতে উপযুক্ত ট্যাগ ব্যবহার করে, ক ভাসমান ফ্রেম, আপনাকে তৃতীয় পক্ষের পৃষ্ঠা বা ফাইল লোড করার অনুমতি দেয়।

এই ধারণার উপর ভিত্তি করে এটি তৈরি করা হয়েছে বিক্রয়iframeট্রাফিকএবং

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

একটি ফ্রেম ব্যবহার করে একটি পৃষ্ঠা অন্যটিতে সন্নিবেশ করার ক্ষমতা আপনাকে প্রভাব অর্জন করতে দেয় একযোগে বেশ কয়েকটি সাইট পরিদর্শন করা, কারণ আপনি যখন একটি পৃষ্ঠা খুলবেন, অন্য একটি অবিলম্বে খোলে।

কিছু ক্ষেত্রে এটি ব্যবহার করা হয় লুকানো জানালা, যাতে ব্যবহারকারীরা জানতেও না পারে যে তারা অন্য সাইট খুলছে।

এই কাঠামোটি আপনাকে কার্যকরভাবে আইফ্রেম ব্যবহার করতে দেয় এবং বৃদ্ধি. পদ্ধতির সঠিক ব্যবহার সার্চ ইঞ্জিন এবং নির্দিষ্ট সংস্থানগুলির নিয়ম লঙ্ঘন বোঝায় না।

প্রতারকরাও একটি প্রতিশ্রুতিশীল সুযোগ মিস করতে পারে না, যার জন্য iframe ব্যবহার করা হয় দূষিত স্ক্রিপ্ট এবং কোড বিতরণ.

আপনি এটি না জেনেই আপনার সাইটের ক্ষতি করতে পারেন এবং অনুসন্ধানের ফলাফলে সংশ্লিষ্ট চিহ্ন থেকে মুক্তি পাওয়া তার চেহারা এড়ানোর চেয়ে অনেক বেশি কঠিন। এই কারণে যে কেউ iframe ট্রাফিক কিনতে পারে, তবে এটি অত্যন্ত সতর্কতার সাথে করা উচিত।

এইভাবে, তারা হাইলাইট তিনটি প্রধান ব্যবহারফ্রেম ধারণা:

• ব্রাউজারকে সংক্রমিত করে ভাইরাস ছড়ানো;
• প্রতারণা;
• অধিভুক্ত প্রোগ্রাম এবং বিনিময় মাধ্যমে সাইটের নগদীকরণ.

iframe প্রযুক্তির চাহিদা রয়েছে টুল. সাইটে প্রবেশ করার সময়, ব্যবহারকারী বিজ্ঞাপনদাতার সংস্থানও লোড করে, যা একটি ছোট ভাসমান উইন্ডোতে খোলে।

সাধারণত এই ব্লকটি ক্ষুদ্র এবং স্বচ্ছ হয় যাতে দর্শকদের অস্বস্তি না হয়, কিন্তু একই সাথে ওয়েবমাস্টারের জন্য লাভ হয়।

নির্বাচিত ডোমেইন নেওয়া হয়েছে কিনা তা পরীক্ষা করতে চান? তারপরে বর্ণিত পরিষেবাগুলি ব্যবহার করুন।

Webvisor ব্যবহার করে, আপনি সাইটে ব্যবহারকারীর আচরণ ট্র্যাক করতে পারেন। এই পরিষেবা সম্পর্কে আরও পড়ুন.

আমি কিনবসাইটে আইফ্রেম ট্রাফিক

ট্রাফিক এবং অন্যান্য অপ্টিমাইজেশান সরঞ্জাম ক্রয় করতে, আছে বিশেষ বিনিময়. এটি নিশ্চিত করা শুধুমাত্র গুরুত্বপূর্ণ যে প্রচারটি যতটা সম্ভব স্বাভাবিক এবং বাধাহীন, যাতে সার্চ ইঞ্জিন মডারেটরদের দৃষ্টি আকর্ষণ না হয়।

ট্রাফিক ক্রয় এবং বিক্রয় প্রাসঙ্গিকশুধুমাত্র ভাল ওয়েবসাইটগুলির মালিকদের জন্য যেগুলি ইতিমধ্যে নেটওয়ার্কে প্রচার করা হয়েছে৷ নতুন পোর্টাল, ফ্লাই-বাই-নাইট বা এক-পৃষ্ঠার ওয়েবসাইটগুলির সাথে কাজ করার সময়, এই ধরনের সম্ভাবনা শুধুমাত্র সময় এবং অর্থের অপচয়ে পরিণত হয়।

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

অধিভুক্ত প্রোগ্রাম

অধিভুক্ত প্রোগ্রামএক ধরনের আইফ্রেম ট্রাফিক এক্সচেঞ্জ যা আপনাকে রেজিস্ট্রেশনের পরপরই এবং নিরাপত্তা নিয়ে চিন্তা না করেই ক্রয়-বিক্রয় লেনদেন করতে দেয়। পেমেন্ট করা হয়দৈনিক বা অন্যান্য বিরতিতে, অনন্য দর্শক বা হিট সংখ্যার উপর নির্ভর করে।

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

আইফ্রেমে কার্যকরভাবে অর্থ উপার্জন করতে সাইটটি অবশ্যই বেশ কয়েকটি প্রয়োজনীয়তা পূরণ করবে:

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

উপার্জন চালুiframe বিজ্ঞাপন

এটা স্পষ্ট যে জন্য উপার্জনiframeবিজ্ঞাপনবেশ সহজ, বোধগম্য এবং সম্পূর্ণ বাস্তব। এই পদ্ধতির আরেকটি সুবিধা হল প্রতিযোগিতার তুলনামূলক কম স্তর।

• ওয়েবসাইট

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

• একটি অনুমোদিত প্রোগ্রাম নির্বাচন

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

• ট্রাফিক

  দর্শনার্থীদের আকর্ষণ করার জন্য ঐতিহ্যগত পদ্ধতি এবং অপ্টিমাইজেশন ব্যবহার করা হয়। আপনার যদি সময়ের অভাব হয় এবং বাজেট থাকে, আপনি অটোসার্ফিং এবং অন্যান্য সমাধানের দিকেও যেতে পারেন।

• লাভ

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

iframe ট্রাফিকের সাথে কাজ করা - অনন্য প্রচারের উপায় এবং. ন্যূনতম খরচে, এটি বেশ বিস্তৃত ক্ষমতা এবং সম্ভাবনা অফার করে যা উপযুক্তভাবে অপ্টিমাইজার এবং বিকাশকারীদের আকর্ষণ করে।

উপাদান

ফ্রেম

এটা কি করে

মধ্যে প্রধান পার্থক্য