HTML, CSS, JS ও PHP ট্রেনিং সেন্টার [পর্ব-০৭] :: ওয়েব সাইটে আই ফ্রেম এর ব্যাবহার

আপনারা ভাল আছেন ত? ওয়েব ডিজাইন কেমন সিখছেন তা ত কিছুই বুঝতেছি না কারণ আপনাদের তেমন একটা কমেন্ট পাই না।। আশা করছি টিউন গুলো পড়ার পর কমেন্ট এ জানাবেন আপনার অনুভুতি।।

যাই হোক, এবার কাজের কথায় আসি।। আজ ৭ম পর্বে আমরা সিখব কিভাবে একটি ওয়েব পেজ এর মধ্যে আরেকটি ওয়েব পেজ বসান যায়।। অর্থাৎ আই ফ্রেম এর ব্যাবহার।।

তবে চলুন কাজে নেমে পড়ি,

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

বরাবরের মতই আগেই একটি উধারহন দিচ্ছি, দেখুন এবং পুরটা পড়ার আগেই বুঝতে পারেন নাকি তাও দেখুন ,

<html>
<head>
<title>www.techtunes.io</title>
</head>
<body>
<center>
<h2>This is an example of iframe.</h2><br />
<iframe src="https://www.techtunes.io" width="500"height="300">
</iframe>
</center>
</body>
</html>

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।।

ছবিটি ভাল করে দেখুন, সম্পূর্ণ ওয়েব পেজ এর মাঝে ৫০০ x ৩০০ পিক্সেল জাইগাতে আরেকটি পেজ দেখা যাচ্ছে আর সেটা হচ্ছে টেকটিউনস এর হোম পেজ কারণ আই ফ্রেম এর মাঝে টেকটিউনস এর এড্রেস বসান আছে।। আপনার ওয়েব সাইট এ আপনি ইচ্ছা মত জায়গা সিলেক্ট করে আই ফ্রেম দিতে পারেন সেগুল আমরা পরবর্তীতে সিখব।।

চলুন এবার দেখি কোডিং এর কাজ,

ছবিতে দেখিয়ে দেওয়া হয়েছে কোন কাজের জন্য কোন কোডিং ব্যাবহার হচ্ছে।।

আই ফ্রেম তৈরির জন্য

<iframe></iframe>

ট্যাগ ব্যবহার করা হয়।
height="300"

এই দুটি এট্রিবিউটের মাধ্যমে আই ফ্রেম এর আকৃতি কেমন হবে তার নির্দেশ প্রদান করা হয়।
যদি কোন ব্রাউজার আই ফ্রেম সাপোর্ট না করে তাহলে

<p>This rowser does not support iframes.</p>

এর জন্য This rowser does not support iframes. লেখাটি প্রদর্শিত হবে।

<iframe src="https://www.techtunes.io"width="500"height="300">

এই কোডিং এর মাঝে দেখেন https://www.techtunes.io এড্রেস দেয়া আছে তাই ব্রাউজার এ techtunes এর এড্রেস এসেছে।। আপনি আপনার ইচ্ছা মত এড্রেস ব্যাবহার করতে পারেন ।।

আমার মনে হয় বুঝতে আর কোন সমস্যা থাকবে না।। একটু বেশি করে চর্চা করুন তাহলে আরও ভাল ভাবে ক্লিয়ার হতে পারবেন আর কোন সমস্যা হলে ত আমি আছিই।। তবে আর কি, আজ এই পর্যন্তই।। আল্লাহ্‌ হাফেজ।।

>>>ভাল লাগলে কমেন্ট করতে ভুলবেন না<<<

   ফেসবুক এ আমাকে পেতে নিচে ক্লিক করুন---


Level 0

আমি kazi Kowshik। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 22 টি টিউন ও 281 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

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

ধন্যবাদ ভাই । ভাল জিনিস।

টিউন্সটি ভালো হয়েছে। আমি শুনেছি iframe ব্যবহার করলে তা seo সম্যসা করে। আর আমি কোন কোন সময় iframe ব্যবহার করব।

Level 0

, .

ভাই আপনার সব টিউন আমি পড়ি।
আপনাকে অসংখ ধন্যবাদ !!!!!!
টিউনগুলো আমাদেরকে উপহার দেওয়ার জন্য

Level 0

Tankz oshadaron… 🙂

Level 0

mazpothe shes kore jaen…na……….plz 🙁

Level 0

shob chain tuner oi raster potik…hoye take…….asha kori apne na…………..

Level 0

আপনাকেইতু খুজতেছি অনেকদিন তেকে। কিন্তু অনেকদিন পর টিউনগুলো ভাল ভাবে ধেখলাম। দয়াকরে ছালিয়ে যান। আমার মত অনেকের উপকার হবে।

Level 0

পিএইচপি শেখার জন্য বাংলা কথা সহ ভিডিও টিউটোরিয়াল
http://www.examanswer24.com