যা জানবো...

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

লেখক সম্পর্কে

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

ফ্লাস সংযোজন

ফ্লাস এনিমেশন ওয়েব সাইটের একটি অন্যতম আকর্ষণীয় উপাদান। আকর্ষণীয় নেভিগেশন বার, ব্যানার, বাটন ইত্যাদিতে ফ্লাসের এনিমেশন যুক্ত করে যেমন ওয়েব সাইটের ইন্টারফেসকে আকর্ষণীয় করে তোলা যায়, পাশাপাশি সাইটটিও ব্যবহার বান্ধব হয়ে উঠে। HTMLদ্বারা তৈরি পেজে <embed> ট্যাগ ব্যবহার করে অডিও এবং ভিডিও এর মত সহজেই ফ্লাসে তৈরি এনিমেশন অর্থাৎ SWF ফাইল যুক্ত করা যায় ।



পূর্ব প্রস্তুতি

ডেক্সটপে একটা flash নামে folder নিতে হবে এর মধ্যে flash.swf নামে save করা একটা ভিডিও ফাইল রাখতে হবে।

অনুশীলন প্রজেক্ট

<html>
<head>
<title> www.tutohost.com</title>
</head>
<body >
<center>
<embed src="flash.swf" width="250" height="240">
</embed>
</center>

</body>
</html>


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




প্রজেক্ট বিশ্লেষণ

ফ্লাস যুক্ত করার জন্য <embed> ট্যাগ ব্যবহার করা হয়।

<embed src="flash.swf" width="250" height="240">
</embed>


src="flash.swf" এখানে src="…………." এর মধ্যে ফ্লাস ফাইলের লিংক যুক্ত করা হয়।


width="250" height="240" এর মাধ্যমে ব্রাউজারে প্রদর্শিত ফ্লাস এনিমেশনের আকৃতি নির্ধারণ করা হয়।


নির্দেশনা:

নির্দেশনা: যদি ওয়েব পেজে ফ্লাস এনিমেশন প্রদর্শিত না হয় তাহলে flash player অথবা ব্রাউজারের নির্দেশনা অনুযায়ী প্রয়োজনীয় প্লাগ ইনস্ ইন্সটল করে নিন।