ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৯ ( চমৎকার চলন্ত এইচটিএমএল কোড করুন marquee এর ব্যবহার )

lesson5 এর index.html টি Dreamweaver দিয়ে ওপেন করুন </table> এর নিচে coding করুন






<h1>This is our lesson5</h1>


<marquee behavior="scroll" direction="left"


scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">


<h2>This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.This is a text para.</h2></marquee>


</body>






Coding বিশ্লেষণ






প্রথেমেই বলি কোন অপশন Dreamweaver এ না আসলে সাধারণত Ctrl + space চাপলে আসে। কিন্তু কিছু coding আছে যেগুলো Dreamweaver এ নেই। সেগুল মুখস্ত করতে হবে।চেষ্টা করবেন আস্তে আস্তে সব coding মুখস্ত করতে। তাতে কাজ করতে সুবিধা পাবেন অনেক।


এবার Ctrl + S দিয়ে page টি save করুন এবং Run করুন করলে সুন্দর কিছু দেখতে পাবেন, যেহেতু চলন্ত সেহেতু আমি চিত্র টি দিলাম না। আপনারা আগে দেখে নিন। আবার আমি Coding বিশ্লেষণ করি


এখানে behavior="scroll" direction="left" এটা নির্দেশ করে শব্দ গুলো ডান ( right ) থেকে বাম ( left ) এর দিকে যাবে। scrollamount="4" এ নির্দেশ করে যাওয়ার গতি কেমন হবে আপনি এখানে 7,8,2,3 দিয়ে Run করে দেখুন বুঝতে পারবেন।onmouseover="this.stop()" onmouseout="this.start()" এটা নির্দেশ করছে যে, ওয়েবপেজের এই লাইন টির উপর mouse নিলে, এটা চলা বন্ধ করবে, আবার mouse সরালে চলতে শুরু করবে। এরপর একটা পারাগ্রাফ দেওয়া হয়েছে ।


আপনাকে client বলবে যে আমার ওয়েবপেজে একটি sentence হেডলাইন NEWS এর মত হবে, যেটা dynamic বা scroll করবে।






এ রকম আর ও অনেক coding নিচের লিঙ্ক থেকে ডাউনলোড করুন





DOWNLOAD










আগামী পোস্ট থেকে ধারাবাহিক প্রফেশনাল ওয়েব ডিজাইন নামে পোস্ট দেওয়া হোবে, যেখানে দেখানো হবে ধারাবাহিকভাবেDIV ট্যাগ ব্যাবহার করে এইচটিএমএল সিএসএস ( HTML


+ CSS = XHTML) একসাথে External Stylesheet ব্যবহার করে প্রফেশনাল ওয়েব ডিজাইনিং । অর্থাৎ টিউটোরিয়াল গুলো আসবে ধারাবাহিক প্রফেশনাল ওয়েব ডিজাইন XHTML ( HTML+CSS = XHTML)-১,২,৩ ধারাবাহিকভাবে





ভালো লাগলে আমার ব্লগ টি ভিসিত করবেন আরও অনেক কিছু জানতে পারবেন Web dedign




আপনাদের সবাইকে অনেক অনেক ধন্যবাদ, আমার ব্লগের সাথেই থাকুন। ভাল লাগলে দয়াকরে একটা g+ ও facebook share দিবেন।


আরও জানতে visit করুন প্রফেশনাল ওয়েব ডিজাইন।


কোন সমস্যা হলে বা প্রশ্ন থাকলে ব্লগে দয়াকরে comment post করে জানাবেন।

"আমি রফিকুল ইসলাম, একজন ফ্রীলাঞ্চার ও ওয়েব ডিজাইনার, আপনাদের জন্য এখন থেকে প্রকাশ করব ওয়েব ডিজাইন এর পরিপূর্ণ ধারাবাহিক টিউটোরিয়াল ।

আমার ধারাবাহিক টিউটোরিয়াল প্রকাশিত হবে শুধু মাত্র আমার ব্লগ ProWebdesign4u এবং টেকনোট্রিক বিডি তে । "

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ১

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ২ ( ড্রিমওয়েভার ডাউনলোড ) 

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৩ (ওয়েব ডিজাইনে ড্রিমওয়েভার ব্যবহার)

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৪ ( HTML এ লেখা প্রোগ্রামের বিভিন্ন অংশ বিশ্লেষণ )

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৫ ( হেডিং ট্যাগের ব্যবহার )

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৬ ( HTML এর সাধারন ট্যাগ সমূহ )

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৭ ( এইচটিএমএল দিয়ে ফর্ম তৈরি করুন, টেবিল সংযোজন-I )

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৮ ( এইচটিএমএল দিয়ে ফর্ম তৈরি করুন , টেবিল সংযোজন II )

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৯ ( চমৎকার চলন্ত এইচটিএমএল কোড করুন marquee এর ব্যবহার )

ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ১০ ( XHTML [HTML+CSS = XHTML] -১ )