সম্পূর্ণ ইমেজ গ্যালারির গঠন
সম্পূর্ণ ইমেজ গ্যালারিটি প্রথমে একটা <div> </div> এর মধ্যে রাধা হয়।এই ডিভ ট্যাগটিকে আলাদাভাবে চিহ্নিত করার জন্য <div id="container"> এর অনুরূপ আইডি সিলেক্টর ব্যবহার করা হয়। <div> </div> এর মধ্যে ইমেজ সমূহ স্থাপন করা হয়।প্রতিটা ইমেজের লাইনের শেষে একটা করে <br /> ব্যবহার করতে হয়।এরপর বড় ইমেজ সমূহ কোথায় প্রদর্শিত হবে তার জন্য একটা গ্যালারি স্ক্রিন তৈরি করতে হয় এজন্য একটি <div> </div> ট্যাগ নেয়া হয় হয়।এই ডিভ ট্যাগটিকে আলাদাভাবে চিহ্নিত করার জন্য <div id="screen">এর অনুরূপ আইডি সিলেক্টর ব্যবহার করা হয়।যদি গ্যালারি স্ক্রিনের মধ্যে Gallery Screen এর অনুরূপ কোন টেক্সট স্বভাবিক আবস্থায় প্রদর্শন করতে চাওয়া হয় তাহলে <div id="screen"><h1>Gallery<br />Screen</h1></div> এর অনুরূপ ব্যবহার করা যেতে পারে।
ইমেজসম্পূর্ণ ইমেজ গ্যালারির HTML গঠন
<html>
<head>
<title> Gallery</title>
</head>
<body>
<div id="container">
<a class="galpic"><img /><span><img /><br /><i> text </i></span></a>
<a class="galpic"><img /><span><img /><br /><i> text </i></span></a>
<br />
<a class="galpic"><img /><span><img /><br /><i> text </i></span></a>
<a class="galpic"><img /><span><img /><br /><i> text </i></span></a>
<br />
<div id="screen"><h1>Gallery<br />Screen</h1></div>
</div>
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
তিনি ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং এ লেখাপড়া করছেন। টিউটোরিয়ালবিডি ও বিজ্ঞানপ্রযুক্তি ব্লগে তিনি ইলেক্ট্রনিক্স সহ বিভিন্ন টেকনোলজি বিষয়ে লিখে থাকেন। বর্তমানে তিনি লেখাপড়ার পাশাপাশি টিউটোহোস্টে কর্মরত আছেন।
কপি রাইট © ২০১১থেকে যতদিন চলবে সর্বস্বত্ত্ব সংরক্ষিত