চমৎকার চলন্ত এইচটিএমএল কোড করুন 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)-১,২,৩ ধারাবাহিকভাবে

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

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

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