জাভা স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

6
401
জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

মুক্ত বিহঙ্গ (রিজভী)™

আমি ২০১১ সালে ডিপ্লোমা ইন-ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং কমপ্লিট করেছি এখন EEE তে বিএসসি ইঞ্জিনিয়ারিং এ অধ্যায়নরত আছি, আর শুরু হতে টিউনারপেইজের সাথে আছি আশা করি ভবিষ্যৎও থাকব ইনশাআল্লাহ,আমার ব্লগ সাইট
জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..
বিসমিল্লাহির রহমানির রাহিম
আজকে দেখাব কিভাবে জাভা স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করতে হয় চলুন তাহলে শুরু করা যাক…..
প্রথমে ড্রিমওয়েভার অপেন একটি রুট ফোল্ডার তৈরী করে নিব তার আমি একটি সোর্স ফাইল দিয়ে দিয়েছি ওটা ডাউনলোড করে নিন এবং আনজিপ করে নিন এবার ঐ সোর্স ফোল্ডারের সব ফাইল গুলো কপি করে রুট ফোল্ডারে পেস্ট করুন অথবা সমস্য হলে যে কোন জায়গায় একটি ফোল্ডার খুলুন অতঃপর Dreamweaver অন করে যে ফোল্ডারটি সেভ করেছেন ওটিতে যান ঐ ফোল্ডারটি ভিতরে প্রবেশ করে New html file অপেন করে এটিকে index অথবা আপনার ইচ্ছে মত নাম দিয়ে সেভ করুন

 

জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

এবং এটাকে মিনিমাইজ করে রাখুন তারপর সোর্স ফোল্ডারে চলে যান Script নামে একটি ফাইল আছে ওটি খুলুন <head> এবং </head> এই দুই হেড এর মাঝের কোড গুলো কপি করুন এবং
জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

মিনিমাইজ করা ফাইলটি অপেন করে Code এ ক্লিক করে ওখানে দুই হেডের মাঝে পেস্ট করুন…অর্থাৎ উপরের কোডটি নিচের ছবিতে দেখানো জায়গায় পেস্ট করুন
 জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

 

এইবার ডিজাইনে গিয়ে একটি লেআউট তৈরী করতে হব যেখানে একটি ইমেইজ বসাতে হবে আর ইমেজটি নিতে হবে

 

জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

 

এইখানে ছবির দেখানো মত Layout এবং Draw layer  এ  ক্লিক করে সুন্দর করে সেপটি একে ফেলব...

 

জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..


এর পর দেখানো  ছবির মত Common সিলেক্ট  করে Image এ ক্লিক করব এর পর ঐ  রুট ফোল্ডারের মধ্যে Image নামের ফোল্ডার হতে image1 নামের ইমেজটি সিলেক্ট করে ok করে আবার ok তে ক্লিক করতে হবে তার পর দেখতে নিচের ছবির মত হবে….সমস্যা হলে উপর হতে ভালকরে ছবিগুলো লক্ষ্য করুন…

 জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

এবার আবার রুট ফোল্ডারের Script File টি অপেন করে <body> এর নিচের দুইটি লাইন সিলেক্ট করে Dreamweaver অপেন করে Code এ ক্লিক করে <body> এর নিচে পেস্ট করুন ;;;
 জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

উপরের কোড টি নিচের ছবির দেখানো মত জায়াগায় পেস্ট করুন
 জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

 

এর পর আবার রুট ফোল্ডারের Script File টি অপেন করে এই যেই লাইন দুইটি সিলেক্ট করেছি ঐ লাইন দুইটির নিচের চারটি লাইন সিলেক্ট করে

জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

Dreamweaver অপেন করে Code এ ক্লিক করে <body> এর নিচে তিনটি লাইনের পরে পেস্ট করুন

 জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

 

এবার আবার File থেকে Save এ ক্লিক করুন….এবার Dreamweaver ক্লোজ করে দিন এবার রুট ফোল্ডার অন করে index নামের ফাইলটি খুলুন এবং ছবিটির উপর ক্লিক করুন

 

জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..


এই বার নিচের মত ছবি দেখতে পাবেন..কি বুঝলেন ..আপনি বেক বক্স ইমেজ বিউয়ার তৈরী করে ফেলেছেন…অর্থাৎ এই ইমেজ বিউয়ারটি অটো এবং মেনুয়েলি কাজ করবে ছবিতে দেখুন……..

জাভা  স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করুন ..

ভাল লাগলে অবশ্যই কমেন্ট করবেন ………….
সবাই ভাল থাকুন সুস্থ থাকুন সুন্দর থাকুন ধন্যবাদ……………….

পূর্বের কয়েকটি পোস্ট

  1. সহজ ভাষায় Html টিউটোরিয়াল পর্ব (২)
  2. জাভা স্ত্রিপট দিয়ে কাউন্টার এবং স্টপ ওয়াচ তৈরী করুন……..
  3. সহজ ভাষায় Html টিউটোরিয়াল পর্ব (১)
  4. নিজের মত করে Anti virus বানান এবং ভাইরাস হতে মুক্ত থাকুন…….

6 মন্তব্য

একটি উত্তর ত্যাগ