আপনারা ভাল আছেন ত? ওয়েব ডিজাইন কেমন সিখছেন তা ত কিছুই বুঝতেছি না কারণ আপনাদের তেমন একটা কমেন্ট পাই না।। আশা করছি টিউন গুলো পড়ার পর কমেন্ট এ জানাবেন আপনার অনুভুতি।।
যাই হোক, এবার কাজের কথায় আসি।। আজ ৭ম পর্বে আমরা সিখব কিভাবে একটি ওয়েব পেজ এর মধ্যে আরেকটি ওয়েব পেজ বসান যায়।। অর্থাৎ আই ফ্রেম এর ব্যাবহার।।
তবে চলুন কাজে নেমে পড়ি,
একটা ওয়েব পেজের মধ্যেই অপর এক বা একাধিক ওয়েব পেজ প্রদর্শন করার অন্যতম উপায় হচ্ছে আই ফ্রেম।। কোন বিষয় বিস্তারিতভাবে উপস্থাপনার ক্ষেত্রে প্রাসঙ্গিক বিষয়ের উপর বিভিন্ন ওয়েব পেজের লিংক প্রকাশ করা গুরুত্বপূর্ণ, পাশাপাশি উক্ত পেজটিকে সংক্ষিপ্ত স্থানের মধ্যে স্ক্রলিং করে প্রদর্শন করতে পারলে মন্দ হয় না।।
বরাবরের মতই আগেই একটি উধারহন দিচ্ছি, দেখুন এবং পুরটা পড়ার আগেই বুঝতে পারেন নাকি তাও দেখুন ,
<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 এর এড্রেস এসেছে।। আপনি আপনার ইচ্ছা মত এড্রেস ব্যাবহার করতে পারেন ।।
আমার মনে হয় বুঝতে আর কোন সমস্যা থাকবে না।। একটু বেশি করে চর্চা করুন তাহলে আরও ভাল ভাবে ক্লিয়ার হতে পারবেন আর কোন সমস্যা হলে ত আমি আছিই।। তবে আর কি, আজ এই পর্যন্তই।। আল্লাহ্ হাফেজ।।
ফেসবুক এ আমাকে পেতে নিচে ক্লিক করুন---
আমি kazi Kowshik। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 22 টি টিউন ও 281 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
জটিল জিনিস ।ভাই আমি একটি সাইট ডেভলপকরতে চাচ্ছি ।আপনার টিউনগুলো খুব কাজে লাগছে ।পরবর্তী টিউনের অপেকখায় রইলাম ।